@charset "UTF-8";
/* ================================================================================
   ARCADIA THEME FOR OBSIDIAN

   A comprehensive Obsidian theme with 34 color schemes, polished media handling,
   OneNote-style features, and extensive customization through Style Settings.

   Author: Peter J. Carter
   Website: https://theologyinfocus.org
   Version: 2.1.0
   Last Updated: 2026-03-26
   Minimum Obsidian Version: 0.16.0

   FEATURES:
   - 16 Dark themes + 18 Light themes (including NY Times, Wikipedia & Genealogy collection)
   - 50+ file type icons with custom colors
   - 21 alternate checkbox types with icons
   - OneNote-style media embedding (images, video, audio)
   - Paper styles (lined, grid, dot, Cornell, legal pad)
   - Sticky notes callouts (8 colors)
   - Cards view, rainbow folders, tag colors
   - Code syntax themes (Dracula, Nord, GitHub)
   - Full Style Settings integration (60+ options)
   - WCAG AA compliant contrast ratios

   TABLE OF CONTENTS:
   1.  CSS Reset & Core Variables
   2.  Base Element Styles
   3.  Style Settings (10 categories, 60+ options)
   4.  Dark Theme Color Schemes (16 variants)
   5.  Light Theme Color Schemes (18 variants)
   6.  Typography & Heading System
   7.  Content Elements
   8.  Code Blocks & Inline Code
   9.  Callouts System
   10. Tables & Canvas
   11. Search Interface
   12. Plugin Compatibility
   13. Live Preview Enhancements
   14. Dialogs & Modals
   15. Interactive States & Buttons
   16. Accent Color Variations
   17. Animations
   18. Icon Theming System
   19. Navigation Sidebar & File Explorer
   20. Folder Tree Icons & Color Coding
   21. File Type Icons
   22. Extended File Type Icons
   23. Mobile Responsiveness
   24. Typography Controls
   25. Editor Enhancements
   26. Expanded Font Options
   27. Links & Tags
   28. Lists & Checkboxes
   29. Table Enhancements
   30. Workspace Customization
   31. Accessibility Features
   32. Cards View for Dataview
   33. Image Grid & Width Controls
   34. Custom Callouts
   35. Rainbow Folders
   36. Code Block Enhancements
   37. Graph View Styling
   38. Stacked/Sliding Tabs
   39. Tag Pills with Colors
   40. Properties/Frontmatter Styling
   41. Embed Styling
   42. Progress Bars
   43. Canvas Enhancements
   44. Polished Media Embedding (OneNote-Style)
   45. Paper Styles (OneNote-Style)
   46. Sticky Notes Callouts (OneNote-Style)
   ================================================================================ */




 comment blocks in the CSS to function. Minifying or
   stripping comments would break all 55+ Style Settings options.

   Font loading: 2 HTTP requests (1 combined Google Fonts, 1 OpenDyslexic CDN).
   All 16 font families load on every page. See font import section for details.

   Color schemes: 34 total (16 dark + 18 light). Each defines ~20 CSS variables.
   Variables cascade naturally; no runtime switching cost beyond class application.
   ================================================================================ */




@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Fira+Code:wght@400;500&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Literata:ital,wght@0,400;0,600;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Open+Sans:ital,wght@0,400;0,600;1,400&family=Roboto:ital,wght@0,400;0,500;1,400&family=Source+Code+Pro:wght@400;500&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Vollkorn:ital,wght@0,400;0,600;1,400&display=swap');
@import url('https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/open-dyslexic-regular.css');

:root,
.theme-light,
.theme-dark {
    

    
    --ctp-base: 24, 24, 24;      
    --ctp-mantle: 18, 18, 18;    
    --ctp-crust: 12, 12, 12;     

    
    --ctp-accent: 136, 192, 208;       
    --ctp-accent-hover: 116, 172, 188; 

    
    --ctp-success: 152, 195, 121;  
    --ctp-warning: 229, 192, 123;  
    --ctp-error: 231, 130, 132;    

    
    --ctp-text: 230, 230, 230;     

    
    --ctp-surface0: 45, 45, 50;    
    --ctp-surface1: 55, 55, 60;    
    --ctp-surface2: 65, 65, 70;    

    
    --ctp-orchid: 180, 130, 200;   

    
    --arcadia-font-ui: 'Inter', system-ui, -apple-system, sans-serif;
    --arcadia-font-text: 'Vollkorn', serif;
    --arcadia-font-code: 'JetBrains Mono', monospace;

    
    --arcadia-space-xxs: 0.25rem;  
    --arcadia-space-xs: 0.5rem;    
    --arcadia-space-sm: 0.75rem;   
    --arcadia-space-md: 1rem;      
    --arcadia-space-lg: 1.5rem;    
    --arcadia-space-xl: 2rem;      

    
    --arcadia-transition-base: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --arcadia-transition-hover-bg: background-color 0.3s cubic-bezier(0.44, 0.21, 0, 1);
    --arcadia-transition-hover-color: color 0.3s cubic-bezier(0.44, 0.21, 0, 1);
    --arcadia-transition-hover-color-fast: color 0.2s cubic-bezier(0.44, 0.21, 0, 1);
    --arcadia-transition-hover-box-shadow: box-shadow 0.3s cubic-bezier(0.44, 0.21, 0, 1);
    --transition-text-decoration-color: text-decoration-color 0.3s cubic-bezier(0.44, 0.21, 0, 1);

    
    --animation-bounce: cubic-bezier(0.68, -0.55, 0.27, 1.55);  
    --animation-smooth: cubic-bezier(0.4, 0, 0.2, 1);           
}



body {
    font-family: var(--arcadia-font-ui);
    line-height: 1.6;
    color: rgb(var(--ctp-text));
    background-color: rgb(var(--ctp-base));
}


.ctp-container {
    max-width: min(90vw, 1200px);
    margin: 0 auto;
    padding: var(--arcadia-space-md);
}

.ctp-section {
    margin: var(--arcadia-space-lg) 0;
    padding: var(--arcadia-space-md);
    background-color: rgb(var(--ctp-mantle));
    border-radius: 8px;
}


.theme-light {
    --ctp-base: 255, 255, 255;
    --ctp-mantle: 245, 245, 245;
    --ctp-crust: 235, 235, 235;
    --ctp-text: 51, 51, 51;
}

.theme-dark {
    --ctp-text: 230, 230, 230;
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgb(var(--ctp-mantle));
}

::-webkit-scrollbar-thumb {
    background: rgb(var(--ctp-accent));
    border-radius: 4px;
}






























.theme-dark,
.theme-dark.ctp-granite {
    --ctp-crust: 10, 10, 10;
    --ctp-base: 38, 38, 38;
    --ctp-mantle: 45, 45, 45;
    --ctp-text: 255, 255, 255;
    --ctp-green: 100, 144, 100;
    --ctp-red: 188, 80, 89;
    --ctp-maroon: 160, 70, 80;
    --ctp-apricot: 225, 185, 130;
    --ctp-gold: 255, 215, 95;
    --ctp-teal: 80, 146, 155;
    --ctp-aqua: 127, 219, 255;
    --ctp-indigo: 75, 0, 130;
    --ctp-blue: 80, 120, 180;
    --ctp-lavender: 140, 150, 180;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 255, 255, 255;
    --arcadia-nav-file-color: 218, 218, 218;
    --arcadia-nav-active-color: 255, 215, 95;

    
    --ctp-accent: 200, 170, 80;
}





.nav-file-title .nav-file-title-content {
    font-weight: normal !important;
    opacity: 0.9;
}


.nav-folder-title .nav-folder-title-content {
    color: rgb(var(--arcadia-nav-folder-color)) !important;
}


.nav-file-title .nav-file-title-content {
    color: rgb(var(--arcadia-nav-file-color)) !important;
}


.nav-file-title.is-active .nav-file-title-content {
    color: rgb(var(--arcadia-nav-active-color)) !important;
}


.tree-item-self.is-clickable:hover .nav-folder-title .nav-folder-title-content,
.nav-folder-title.is-active .nav-folder-title-content {
    color: rgb(var(--arcadia-nav-active-color)) !important;
}


.theme-light.ctp-nytimes .nav-folder-title .nav-folder-title-content {
    font-weight: 500;
}


.theme-light.ctp-crownwell .nav-folder-title .nav-folder-title-content {
    font-weight: 500;
}


.theme-dark .markdown-preview-view,
.theme-dark .cm-s-obsidian {
    background-color: rgb(var(--ctp-base)) !important;
    color: rgb(var(--ctp-text)) !important;
}


.theme-dark.ctp-stone {
    --ctp-crust: 18, 22, 26;       
    --ctp-base: 35, 40, 48;        
    --ctp-mantle: 48, 54, 62;      
    --ctp-text: 220, 225, 232;     
    --ctp-green: 130, 180, 140;    
    --ctp-red: 200, 100, 110;      
    --ctp-maroon: 175, 90, 100;    
    --ctp-apricot: 220, 180, 140;  
    --ctp-gold: 230, 200, 120;     
    --ctp-teal: 100, 165, 175;     
    --ctp-aqua: 140, 200, 220;     
    --ctp-indigo: 120, 110, 180;   
    --ctp-blue: 110, 150, 200;     
    --ctp-lavender: 160, 165, 195; 

    
    --divider-color: rgba(100, 115, 130, 0.3);
    --divider-color-hover: rgba(100, 115, 130, 0.5);
    --hr-color: rgba(100, 115, 130, 0.4);
    --table-border-color: rgba(100, 115, 130, 0.3);
    --background-modifier-border: rgba(100, 115, 130, 0.25);

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 200, 208, 220;
    --arcadia-nav-file-color: 168, 180, 196;
    --arcadia-nav-active-color: 230, 200, 120;

    
    --ctp-accent: 110, 150, 200;
}



.theme-dark.ctp-olive {
    --ctp-crust: 30, 38, 25;
    --ctp-base: 60, 70, 55;
    --ctp-mantle: 75, 85, 70;
    --ctp-text: 235, 245, 215;
    --ctp-green: 100, 144, 100;
    --ctp-red: 188, 80, 89;
    --ctp-maroon: 160, 70, 80;
    --ctp-apricot: 225, 185, 130;
    --ctp-gold: 255, 215, 95;
    --ctp-teal: 80, 146, 155;
    --ctp-aqua: 127, 219, 255;
    --ctp-indigo: 75, 0, 130;
    --ctp-blue: 80, 120, 180;
    --ctp-lavender: 140, 150, 180;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 202, 194, 123;
    --arcadia-nav-file-color: 224, 208, 154;
    --arcadia-nav-active-color: 255, 215, 95;

    
    --ctp-accent: 160, 180, 80;
}



.theme-dark.ctp-flint {
    --ctp-crust: 29, 33, 37;      
    --ctp-base: 43, 48, 52;        
    --ctp-mantle: 61, 70, 76;      
    --ctp-text: 201, 209, 214;     
    --ctp-green: 100, 144, 100;
    --ctp-red: 188, 80, 89;
    --ctp-maroon: 160, 70, 80;
    --ctp-apricot: 225, 185, 130;
    --ctp-gold: 255, 215, 95;
    --ctp-teal: 80, 146, 155;
    --ctp-aqua: 127, 219, 255;
    --ctp-indigo: 75, 0, 130;
    --ctp-blue: 80, 120, 180;
    --ctp-lavender: 140, 150, 180;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 178, 178, 178;
    --arcadia-nav-file-color: 218, 218, 218;
    --arcadia-nav-active-color: 255, 215, 95;

    
    --ctp-accent: 110, 150, 190;
}



.theme-dark.ctp-navy {
    --ctp-crust: 8, 18, 32;        
    --ctp-base: 15, 28, 48;        
    --ctp-mantle: 22, 40, 65;      
    --ctp-text: 230, 235, 245;     
    --ctp-green: 95, 180, 130;     
    --ctp-red: 235, 120, 110;      
    --ctp-maroon: 200, 95, 105;    
    --ctp-apricot: 255, 195, 140;  
    --ctp-gold: 255, 210, 100;     
    --ctp-teal: 85, 175, 185;      
    --ctp-aqua: 120, 210, 255;     
    --ctp-indigo: 100, 95, 190;    
    --ctp-blue: 100, 160, 230;     
    --ctp-lavender: 165, 170, 210; 

    
    --divider-color: rgba(80, 120, 180, 0.25);
    --divider-color-hover: rgba(80, 120, 180, 0.4);
    --hr-color: rgba(80, 120, 180, 0.3);
    --table-border-color: rgba(80, 120, 180, 0.25);
    --background-modifier-border: rgba(80, 120, 180, 0.2);

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 224, 232, 245;
    --arcadia-nav-file-color: 176, 196, 232;
    --arcadia-nav-active-color: 255, 210, 100;

    
    --ctp-accent: 255, 210, 100;
}



.theme-dark.ctp-ember {
    --ctp-crust: 25, 15, 12;       
    --ctp-base: 42, 28, 24;         
    --ctp-mantle: 58, 38, 32;       
    --ctp-text: 245, 220, 205;      
    --ctp-green: 140, 180, 100;
    --ctp-red: 220, 95, 70;
    --ctp-maroon: 180, 65, 50;
    --ctp-apricot: 255, 160, 100;
    --ctp-gold: 255, 190, 80;
    --ctp-teal: 100, 150, 140;
    --ctp-aqua: 150, 210, 220;
    --ctp-indigo: 140, 100, 160;
    --ctp-blue: 130, 160, 200;
    --ctp-lavender: 180, 160, 190;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 245, 176, 136;
    --arcadia-nav-file-color: 232, 208, 192;
    --arcadia-nav-active-color: 255, 190, 80;

    
    --ctp-accent: 240, 160, 80;
}



.theme-dark.ctp-twilight {
    --ctp-crust: 18, 15, 30;       
    --ctp-base: 32, 28, 52;         
    --ctp-mantle: 48, 42, 72;       
    --ctp-text: 230, 225, 245;      
    --ctp-green: 130, 200, 150;
    --ctp-red: 230, 100, 120;
    --ctp-maroon: 190, 80, 100;
    --ctp-apricot: 255, 180, 150;
    --ctp-gold: 255, 210, 120;
    --ctp-teal: 110, 180, 190;
    --ctp-aqua: 140, 220, 255;
    --ctp-indigo: 120, 100, 200;
    --ctp-blue: 140, 160, 230;
    --ctp-lavender: 180, 170, 220;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 200, 184, 232;
    --arcadia-nav-file-color: 216, 208, 232;
    --arcadia-nav-active-color: 255, 210, 120;

    
    --ctp-accent: 160, 140, 220;
}



.theme-dark.ctp-forest {
    --ctp-crust: 15, 22, 18;       
    --ctp-base: 28, 40, 32;         
    --ctp-mantle: 40, 55, 45;       
    --ctp-text: 225, 240, 220;      
    --ctp-green: 120, 200, 130;
    --ctp-red: 200, 100, 90;
    --ctp-maroon: 170, 75, 70;
    --ctp-apricot: 230, 190, 130;
    --ctp-gold: 240, 210, 100;
    --ctp-teal: 90, 180, 170;
    --ctp-aqua: 130, 220, 200;
    --ctp-indigo: 100, 120, 180;
    --ctp-blue: 100, 160, 200;
    --ctp-lavender: 160, 180, 190;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 168, 216, 152;
    --arcadia-nav-file-color: 208, 232, 200;
    --arcadia-nav-active-color: 240, 210, 100;

    
    --ctp-accent: 100, 180, 120;
}



.theme-dark.ctp-crimson {
    --ctp-crust: 22, 8, 12;        
    --ctp-base: 38, 15, 22;        
    --ctp-mantle: 55, 24, 32;      
    --ctp-text: 250, 240, 242;     
    --ctp-green: 140, 195, 120;    
    --ctp-red: 255, 130, 130;      
    --ctp-maroon: 220, 90, 100;    
    --ctp-apricot: 255, 185, 145;  
    --ctp-gold: 255, 215, 130;     
    --ctp-teal: 115, 185, 175;     
    --ctp-aqua: 150, 215, 225;     
    --ctp-indigo: 170, 130, 200;   
    --ctp-blue: 160, 180, 230;     
    --ctp-lavender: 210, 180, 210; 

    
    --divider-color: rgba(180, 100, 120, 0.25);
    --divider-color-hover: rgba(180, 100, 120, 0.4);
    --hr-color: rgba(180, 100, 120, 0.3);
    --table-border-color: rgba(180, 100, 120, 0.25);
    --background-modifier-border: rgba(180, 100, 120, 0.2);

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 248, 224, 229;
    --arcadia-nav-file-color: 224, 200, 208;
    --arcadia-nav-active-color: 255, 215, 130;

    
    --ctp-accent: 255, 215, 130;
}



.theme-dark.ctp-slate {
    --ctp-crust: 18, 20, 24;       
    --ctp-base: 32, 36, 42;         
    --ctp-mantle: 48, 52, 60;       
    --ctp-text: 220, 225, 235;      
    --ctp-green: 110, 190, 140;
    --ctp-red: 220, 100, 100;
    --ctp-maroon: 180, 75, 75;
    --ctp-apricot: 240, 180, 130;
    --ctp-gold: 240, 200, 100;
    --ctp-teal: 100, 180, 180;
    --ctp-aqua: 130, 210, 230;
    --ctp-indigo: 110, 120, 200;
    --ctp-blue: 120, 170, 230;
    --ctp-lavender: 160, 170, 210;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 184, 200, 216;
    --arcadia-nav-file-color: 200, 208, 224;
    --arcadia-nav-active-color: 240, 200, 100;

    
    --ctp-accent: 130, 160, 200;
}



.theme-dark.ctp-amber {
    --ctp-crust: 25, 20, 10;       
    --ctp-base: 45, 38, 20;         
    --ctp-mantle: 62, 52, 28;       
    --ctp-text: 245, 235, 210;      
    --ctp-green: 140, 180, 100;
    --ctp-red: 220, 100, 80;
    --ctp-maroon: 180, 70, 60;
    --ctp-apricot: 255, 170, 110;
    --ctp-gold: 255, 200, 90;
    --ctp-teal: 110, 170, 150;
    --ctp-aqua: 140, 210, 200;
    --ctp-indigo: 130, 110, 180;
    --ctp-blue: 130, 160, 210;
    --ctp-lavender: 170, 160, 200;

    
    --divider-color: rgb(var(--ctp-crust));
    --divider-color-hover: rgb(var(--ctp-crust));
    --hr-color: rgb(var(--ctp-crust));
    --table-border-color: rgb(var(--ctp-crust));
    --background-modifier-border: rgb(var(--ctp-crust));

    
    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 232, 192, 120;
    --arcadia-nav-file-color: 240, 216, 176;
    --arcadia-nav-active-color: 255, 200, 90;

    
    --ctp-accent: 220, 175, 70;
}



.theme-dark.ctp-parchment {
    --ctp-crust: 22, 18, 12;       
    --ctp-base: 42, 36, 26;        
    --ctp-mantle: 55, 48, 35;      
    --ctp-text: 240, 230, 210;     
    --ctp-green: 130, 155, 95;     
    --ctp-red: 175, 85, 70;        
    --ctp-maroon: 145, 65, 55;     
    --ctp-apricot: 210, 175, 120;  
    --ctp-gold: 220, 190, 100;     
    --ctp-teal: 95, 145, 130;      
    --ctp-aqua: 130, 185, 170;     
    --ctp-indigo: 100, 85, 130;    
    --ctp-blue: 95, 125, 160;      
    --ctp-lavender: 145, 140, 165; 

    --divider-color: rgba(160, 140, 100, 0.25);
    --divider-color-hover: rgba(160, 140, 100, 0.4);
    --hr-color: rgba(160, 140, 100, 0.3);
    --table-border-color: rgba(160, 140, 100, 0.25);
    --background-modifier-border: rgba(160, 140, 100, 0.2);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 216, 200, 168;
    --arcadia-nav-file-color: 192, 176, 144;
    --arcadia-nav-active-color: 220, 190, 100;

    --ctp-accent: 210, 175, 120;
}



.theme-dark.ctp-heritage {
    --ctp-crust: 20, 12, 14;       
    --ctp-base: 38, 22, 26;        
    --ctp-mantle: 52, 32, 36;      
    --ctp-text: 240, 232, 220;     
    --ctp-green: 120, 155, 100;    
    --ctp-red: 195, 90, 80;        
    --ctp-maroon: 165, 70, 65;     
    --ctp-apricot: 225, 180, 120;  
    --ctp-gold: 210, 180, 80;      
    --ctp-teal: 90, 140, 135;      
    --ctp-aqua: 120, 175, 170;     
    --ctp-indigo: 110, 85, 140;    
    --ctp-blue: 100, 130, 175;     
    --ctp-lavender: 150, 140, 175; 

    --divider-color: rgba(180, 140, 100, 0.25);
    --divider-color-hover: rgba(180, 140, 100, 0.4);
    --hr-color: rgba(180, 140, 100, 0.3);
    --table-border-color: rgba(180, 140, 100, 0.25);
    --background-modifier-border: rgba(180, 140, 100, 0.2);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 224, 200, 168;
    --arcadia-nav-file-color: 200, 176, 144;
    --arcadia-nav-active-color: 210, 180, 80;

    --ctp-accent: 210, 180, 80;
}



.theme-dark.ctp-sepia {
    --ctp-crust: 18, 14, 10;       
    --ctp-base: 40, 32, 22;        
    --ctp-mantle: 52, 42, 30;      
    --ctp-text: 235, 220, 195;     
    --ctp-green: 140, 160, 100;    
    --ctp-red: 185, 95, 75;        
    --ctp-maroon: 155, 75, 60;     
    --ctp-apricot: 215, 180, 130;  
    --ctp-gold: 225, 195, 105;     
    --ctp-teal: 105, 150, 135;     
    --ctp-aqua: 135, 185, 165;     
    --ctp-indigo: 105, 90, 135;    
    --ctp-blue: 100, 135, 165;     
    --ctp-lavender: 150, 145, 170; 

    --divider-color: rgba(150, 130, 100, 0.25);
    --divider-color-hover: rgba(150, 130, 100, 0.4);
    --hr-color: rgba(150, 130, 100, 0.3);
    --table-border-color: rgba(150, 130, 100, 0.25);
    --background-modifier-border: rgba(150, 130, 100, 0.2);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 212, 192, 160;
    --arcadia-nav-file-color: 188, 168, 136;
    --arcadia-nav-active-color: 225, 195, 105;

    --ctp-accent: 215, 180, 130;
}



.theme-dark.ctp-registry {
    --ctp-crust: 14, 16, 22;       
    --ctp-base: 28, 32, 42;        
    --ctp-mantle: 38, 44, 55;      
    --ctp-text: 225, 228, 235;     
    --ctp-green: 115, 160, 115;    
    --ctp-red: 180, 90, 85;        
    --ctp-maroon: 150, 70, 70;     
    --ctp-apricot: 200, 170, 120;  
    --ctp-gold: 210, 185, 95;      
    --ctp-teal: 85, 145, 150;      
    --ctp-aqua: 120, 180, 195;     
    --ctp-indigo: 95, 85, 155;     
    --ctp-blue: 90, 130, 185;      
    --ctp-lavender: 140, 140, 185; 

    --divider-color: rgba(100, 120, 160, 0.25);
    --divider-color-hover: rgba(100, 120, 160, 0.4);
    --hr-color: rgba(100, 120, 160, 0.3);
    --table-border-color: rgba(100, 120, 160, 0.25);
    --background-modifier-border: rgba(100, 120, 160, 0.2);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 192, 200, 216;
    --arcadia-nav-file-color: 160, 168, 192;
    --arcadia-nav-active-color: 210, 185, 95;

    --ctp-accent: 90, 130, 185;
}



.theme-dark.ctp-rootwood {
    --ctp-crust: 16, 14, 10;       
    --ctp-base: 32, 28, 22;        
    --ctp-mantle: 44, 40, 32;      
    --ctp-text: 230, 225, 210;     
    --ctp-green: 100, 155, 90;     
    --ctp-red: 175, 85, 65;        
    --ctp-maroon: 145, 65, 50;     
    --ctp-apricot: 205, 170, 110;  
    --ctp-gold: 195, 175, 85;      
    --ctp-teal: 80, 140, 120;      
    --ctp-aqua: 110, 175, 155;     
    --ctp-indigo: 95, 80, 125;     
    --ctp-blue: 85, 120, 155;      
    --ctp-lavender: 135, 130, 155; 

    --divider-color: rgba(130, 120, 90, 0.25);
    --divider-color-hover: rgba(130, 120, 90, 0.4);
    --hr-color: rgba(130, 120, 90, 0.3);
    --table-border-color: rgba(130, 120, 90, 0.25);
    --background-modifier-border: rgba(130, 120, 90, 0.2);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 200, 192, 160;
    --arcadia-nav-file-color: 176, 168, 136;
    --arcadia-nav-active-color: 195, 175, 85;

    --ctp-accent: 100, 155, 90;
}





.theme-light,
.theme-light.ctp-marble {
    --ctp-crust: 240, 240, 242;      
    --ctp-base: 255, 255, 255;       
    --ctp-mantle: 248, 248, 250;     
    --ctp-text: 28, 28, 32;          

    
    --divider-color: rgba(28, 28, 32, 0.12);
    --divider-color-hover: rgba(28, 28, 32, 0.18);
    --hr-color: rgba(28, 28, 32, 0.12);
    --table-border-color: rgba(28, 28, 32, 0.15);
    --background-modifier-border: rgba(28, 28, 32, 0.10);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 42, 42, 46;
    --arcadia-nav-file-color: 74, 74, 79;
    --arcadia-nav-active-color: 65, 105, 180;

    
    --ctp-accent: 65, 105, 180;
}



.theme-light.ctp-sage {
    --ctp-crust: 242, 246, 240;      
    --ctp-base: 250, 253, 248;       
    --ctp-mantle: 246, 250, 244;     
    --ctp-text: 24, 36, 24;          

    
    --divider-color: rgba(64, 96, 64, 0.15);
    --divider-color-hover: rgba(64, 96, 64, 0.22);
    --hr-color: rgba(64, 96, 64, 0.15);
    --table-border-color: rgba(64, 96, 64, 0.18);
    --background-modifier-border: rgba(64, 96, 64, 0.12);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 42, 74, 42;
    --arcadia-nav-file-color: 61, 90, 61;
    --arcadia-nav-active-color: 50, 100, 50;

    
    --ctp-accent: 60, 120, 60;
}



.theme-light.ctp-pearl {
    --ctp-crust: 245, 247, 250;
    --ctp-base: 253, 254, 255;
    --ctp-mantle: 248, 250, 252;
    --ctp-text: 30, 35, 45;

    --divider-color: rgba(100, 120, 150, 0.12);
    --divider-color-hover: rgba(100, 120, 150, 0.2);
    --hr-color: rgba(100, 120, 150, 0.12);
    --table-border-color: rgba(100, 120, 150, 0.12);
    --background-modifier-border: rgba(100, 120, 150, 0.08);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 58, 74, 90;
    --arcadia-nav-file-color: 85, 101, 117;
    --arcadia-nav-active-color: 60, 100, 160;

    
    --ctp-accent: 60, 100, 160;
}



.theme-light.ctp-cloud {
    --ctp-crust: 243, 246, 252;
    --ctp-base: 250, 252, 255;
    --ctp-mantle: 246, 249, 254;
    --ctp-text: 28, 38, 52;

    --divider-color: rgba(80, 120, 180, 0.15);
    --divider-color-hover: rgba(80, 120, 180, 0.25);
    --hr-color: rgba(80, 120, 180, 0.15);
    --table-border-color: rgba(80, 120, 180, 0.15);
    --background-modifier-border: rgba(80, 120, 180, 0.1);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 42, 74, 106;
    --arcadia-nav-file-color: 74, 90, 122;
    --arcadia-nav-active-color: 30, 80, 150;

    
    --ctp-accent: 50, 100, 170;
}



.theme-light.ctp-dawn {
    --ctp-crust: 252, 247, 243;
    --ctp-base: 255, 252, 248;
    --ctp-mantle: 254, 249, 245;
    --ctp-text: 50, 35, 30;

    --divider-color: rgba(200, 120, 80, 0.12);
    --divider-color-hover: rgba(200, 120, 80, 0.2);
    --hr-color: rgba(200, 120, 80, 0.12);
    --table-border-color: rgba(200, 120, 80, 0.12);
    --background-modifier-border: rgba(200, 120, 80, 0.08);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 90, 64, 53;
    --arcadia-nav-file-color: 106, 85, 80;
    --arcadia-nav-active-color: 140, 80, 40;

    
    --ctp-accent: 170, 95, 45;
}



.theme-light.ctp-lavender {
    --ctp-crust: 248, 245, 252;
    --ctp-base: 253, 251, 255;
    --ctp-mantle: 250, 247, 254;
    --ctp-text: 40, 30, 50;

    --divider-color: rgba(140, 100, 180, 0.15);
    --divider-color-hover: rgba(140, 100, 180, 0.25);
    --hr-color: rgba(140, 100, 180, 0.15);
    --table-border-color: rgba(140, 100, 180, 0.15);
    --background-modifier-border: rgba(140, 100, 180, 0.1);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 74, 58, 90;
    --arcadia-nav-file-color: 90, 74, 106;
    --arcadia-nav-active-color: 90, 60, 120;

    
    --ctp-accent: 100, 70, 150;
}



.theme-light.ctp-mint {
    --ctp-crust: 244, 250, 248;
    --ctp-base: 250, 254, 252;
    --ctp-mantle: 246, 252, 250;
    --ctp-text: 30, 48, 40;

    --divider-color: rgba(80, 160, 130, 0.15);
    --divider-color-hover: rgba(80, 160, 130, 0.25);
    --hr-color: rgba(80, 160, 130, 0.15);
    --table-border-color: rgba(80, 160, 130, 0.15);
    --background-modifier-border: rgba(80, 160, 130, 0.1);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 42, 74, 58;
    --arcadia-nav-file-color: 74, 90, 80;
    --arcadia-nav-active-color: 30, 100, 70;

    
    --ctp-accent: 40, 130, 90;
}



.theme-light.ctp-rose {
    --ctp-crust: 252, 245, 248;
    --ctp-base: 255, 251, 253;
    --ctp-mantle: 254, 247, 250;
    --ctp-text: 50, 30, 38;

    --divider-color: rgba(200, 100, 130, 0.15);
    --divider-color-hover: rgba(200, 100, 130, 0.25);
    --hr-color: rgba(200, 100, 130, 0.15);
    --table-border-color: rgba(200, 100, 130, 0.15);
    --background-modifier-border: rgba(200, 100, 130, 0.1);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 90, 53, 69;
    --arcadia-nav-file-color: 106, 74, 88;
    --arcadia-nav-active-color: 140, 40, 60;

    
    --ctp-accent: 160, 60, 80;
}



.theme-light.ctp-silver {
    --ctp-crust: 245, 246, 248;
    --ctp-base: 252, 252, 253;
    --ctp-mantle: 248, 249, 250;
    --ctp-text: 35, 37, 42;

    --divider-color: rgba(100, 105, 115, 0.15);
    --divider-color-hover: rgba(100, 105, 115, 0.25);
    --hr-color: rgba(100, 105, 115, 0.15);
    --table-border-color: rgba(100, 105, 115, 0.15);
    --background-modifier-border: rgba(100, 105, 115, 0.1);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 58, 64, 69;
    --arcadia-nav-file-color: 85, 90, 96;
    --arcadia-nav-active-color: 60, 90, 140;

    
    --ctp-accent: 70, 100, 155;
}



.theme-light.ctp-cream {
    --ctp-crust: 250, 248, 243;
    --ctp-base: 255, 253, 248;
    --ctp-mantle: 252, 250, 245;
    --ctp-text: 48, 42, 32;

    --divider-color: rgba(180, 150, 100, 0.15);
    --divider-color-hover: rgba(180, 150, 100, 0.25);
    --hr-color: rgba(180, 150, 100, 0.15);
    --table-border-color: rgba(180, 150, 100, 0.15);
    --background-modifier-border: rgba(180, 150, 100, 0.1);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 74, 66, 53;
    --arcadia-nav-file-color: 90, 85, 72;
    --arcadia-nav-active-color: 120, 90, 40;

    
    --ctp-accent: 150, 115, 40;
}



.theme-light.ctp-nytimes {
    --ctp-crust: 247, 245, 240;      
    --ctp-base: 252, 250, 245;       
    --ctp-mantle: 250, 248, 242;     
    --ctp-text: 18, 18, 18;          

    
    --divider-color: rgba(18, 18, 18, 0.12);
    --divider-color-hover: rgba(18, 18, 18, 0.20);
    --hr-color: rgba(18, 18, 18, 0.15);
    --table-border-color: rgba(18, 18, 18, 0.12);
    --background-modifier-border: rgba(18, 18, 18, 0.10);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 18, 18, 18;
    --arcadia-nav-file-color: 51, 51, 51;
    --arcadia-nav-active-color: 86, 123, 149;

    
    --ctp-accent: 86, 123, 149;
}


.theme-light.ctp-nytimes .markdown-preview-view,
.theme-light.ctp-nytimes .cm-line {
    font-family: Georgia, 'Times New Roman', 'Libre Caslon Text', serif !important;
}

.theme-light.ctp-nytimes h1,
.theme-light.ctp-nytimes h2,
.theme-light.ctp-nytimes h3,
.theme-light.ctp-nytimes .markdown-rendered h1,
.theme-light.ctp-nytimes .markdown-rendered h2,
.theme-light.ctp-nytimes .markdown-rendered h3 {
    font-family: Georgia, 'Cheltenham', 'Times New Roman', serif !important;
    font-weight: 700;
    letter-spacing: -0.01em;
}


.theme-light.ctp-nytimes blockquote,
.theme-light.ctp-nytimes .cm-quote {
    border-left: 3px solid #121212;
    font-style: italic;
}



.theme-light.ctp-wikipedia {
    --ctp-crust: 248, 249, 250;      
    --ctp-base: 255, 255, 255;       
    --ctp-mantle: 234, 236, 240;     
    --ctp-text: 32, 33, 34;          

    
    --divider-color: rgba(162, 169, 177, 0.4);
    --divider-color-hover: rgba(162, 169, 177, 0.6);
    --hr-color: rgba(162, 169, 177, 0.5);
    --table-border-color: rgba(162, 169, 177, 0.5);
    --background-modifier-border: rgba(162, 169, 177, 0.3);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 32, 33, 34;
    --arcadia-nav-file-color: 84, 89, 93;
    --arcadia-nav-active-color: 51, 102, 204;

    
    --ctp-accent: 51, 102, 204;
}


.theme-light.ctp-wikipedia .markdown-preview-view,
.theme-light.ctp-wikipedia .cm-line {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', sans-serif !important;
}

.theme-light.ctp-wikipedia h1,
.theme-light.ctp-wikipedia h2,
.theme-light.ctp-wikipedia h3,
.theme-light.ctp-wikipedia .markdown-rendered h1,
.theme-light.ctp-wikipedia .markdown-rendered h2,
.theme-light.ctp-wikipedia .markdown-rendered h3 {
    font-family: 'Linux Libertine', Georgia, 'Times New Roman', serif !important;
    font-weight: 400;
    border-bottom: 1px solid #a2a9b1;
    padding-bottom: 0.25em;
}


.theme-light.ctp-wikipedia a.internal-link,
.theme-light.ctp-wikipedia a.external-link {
    color: #3366cc !important;
    text-decoration: none;
}

.theme-light.ctp-wikipedia a.internal-link:hover,
.theme-light.ctp-wikipedia a.external-link:hover {
    text-decoration: underline;
}


.theme-light.ctp-wikipedia table {
    border-collapse: collapse;
    background: #f8f9fa;
}

.theme-light.ctp-wikipedia table th {
    background: #eaecf0;
    border: 1px solid #a2a9b1;
    padding: 0.4em 0.6em;
    text-align: left;
}

.theme-light.ctp-wikipedia table td {
    border: 1px solid #a2a9b1;
    padding: 0.4em 0.6em;
}



.theme-light.ctp-crownwell {
    --ctp-crust: 245, 240, 232;      
    --ctp-base: 255, 255, 255;       
    --ctp-mantle: 250, 248, 245;     
    --ctp-text: 61, 68, 73;          

    
    --divider-color: rgba(61, 68, 73, 0.15);
    --divider-color-hover: rgba(61, 68, 73, 0.25);
    --hr-color: rgba(201, 162, 39, 0.6);
    --table-border-color: rgba(61, 68, 73, 0.2);
    --background-modifier-border: rgba(61, 68, 73, 0.12);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 61, 68, 73;
    --arcadia-nav-file-color: 90, 98, 104;
    --arcadia-nav-active-color: 201, 162, 39;

    
    --ctp-accent: 201, 162, 39;      
    --ctp-accent-hover: 184, 134, 11; 
}




.theme-light.ctp-crownwell .markdown-preview-view,
.theme-light.ctp-crownwell .cm-line,
.theme-light.ctp-crownwell .cm-s-obsidian {
    font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif !important;
    font-size: 17px;
    line-height: 1.7;
    color: #3D4449 !important;
}

.theme-light.ctp-crownwell h1,
.theme-light.ctp-crownwell h2,
.theme-light.ctp-crownwell h3,
.theme-light.ctp-crownwell h4,
.theme-light.ctp-crownwell .markdown-rendered h1,
.theme-light.ctp-crownwell .markdown-rendered h2,
.theme-light.ctp-crownwell .markdown-rendered h3,
.theme-light.ctp-crownwell .markdown-rendered h4 {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-weight: 500;
    color: #2D3436 !important;
    letter-spacing: 0.02em;
}

.theme-light.ctp-crownwell h1,
.theme-light.ctp-crownwell .markdown-rendered h1 {
    font-size: 2.4em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
    border-bottom: none;
}


.theme-light.ctp-crownwell h1::after,
.theme-light.ctp-crownwell .markdown-rendered h1::after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #C9A227;
    margin: 0.5em auto 0 auto;
}

.theme-light.ctp-crownwell h2,
.theme-light.ctp-crownwell .markdown-rendered h2 {
    font-size: 1.8em;
    font-weight: 500;
    border-bottom: none;
    margin-top: 1.5em;
}


.theme-light.ctp-crownwell h2::after,
.theme-light.ctp-crownwell .markdown-rendered h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #C9A227;
    margin-top: 0.3em;
}

.theme-light.ctp-crownwell h3,
.theme-light.ctp-crownwell .markdown-rendered h3 {
    font-size: 1.4em;
    font-weight: 600;
    font-style: italic;
}


.theme-light.ctp-crownwell a.internal-link,
.theme-light.ctp-crownwell a.external-link {
    color: #C9A227 !important;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

.theme-light.ctp-crownwell a.internal-link:hover,
.theme-light.ctp-crownwell a.external-link:hover {
    color: #B8860B !important;
    border-bottom: 1px solid #C9A227;
}


.theme-light.ctp-crownwell blockquote {
    border-left: 3px solid #C9A227;
    background: rgba(245, 240, 232, 0.5);
    padding: 1em 1.5em;
    font-style: italic;
    color: #5a6268;
}


.theme-light.ctp-crownwell hr {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, transparent, #C9A227, transparent);
    margin: 2em 0;
}


.theme-light.ctp-crownwell pre,
.theme-light.ctp-crownwell code {
    background: #FAF8F5 !important;
    border: 1px solid rgba(61, 68, 73, 0.1);
}


.theme-light.ctp-crownwell table {
    border-collapse: collapse;
    background: #FFFFFF;
}

.theme-light.ctp-crownwell table th {
    background: #F5F0E8;
    border: 1px solid rgba(61, 68, 73, 0.2);
    padding: 0.6em 1em;
    text-align: left;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 600;
    color: #2D3436;
}

.theme-light.ctp-crownwell table td {
    border: 1px solid rgba(61, 68, 73, 0.15);
    padding: 0.6em 1em;
}


.theme-light.ctp-crownwell .callout {
    background: rgba(245, 240, 232, 0.6);
    border-left: 3px solid #C9A227;
}


.theme-light.ctp-crownwell .workspace-leaf-content,
.theme-light.ctp-crownwell .markdown-preview-view {
    background: #FFFFFF;
}


.theme-light.ctp-crownwell .workspace-split.mod-left-split,
.theme-light.ctp-crownwell .workspace-split.mod-right-split {
    background: #F5F0E8;
}


.theme-light.ctp-crownwell strong,
.theme-light.ctp-crownwell b {
    color: #2D3436;
    font-weight: 600;
}


.theme-light.ctp-crownwell em,
.theme-light.ctp-crownwell i {
    color: #5a6268;
}




.theme-light.ctp-crownwell .titlebar,
.theme-light.ctp-crownwell .titlebar-inner,
.theme-light.ctp-crownwell .mod-top-left-space,
.theme-light.ctp-crownwell .mod-top-right-space,
.theme-light.ctp-crownwell .workspace-tab-header-spacer {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .titlebar-text,
.theme-light.ctp-crownwell .titlebar-inner-text {
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-tab-header-container-inner,
.theme-light.ctp-crownwell .workspace-tab-container-before,
.theme-light.ctp-crownwell .workspace-tab-container-after {
    background: #000000 !important;
    background-color: #000000 !important;
    border-bottom: 1px solid #C9A227 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #C9A227 !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 4px 4px 0 0 !important;
    margin: 2px 2px 0 2px !important;
    --text-normal: #C9A227 !important;
    --text-muted: #C9A227 !important;
    --text-faint: #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-tab-header .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-tab-header .workspace-tab-header-inner-title {
    color: #C9A227 !important;
    font-weight: 500 !important;
    --text-normal: #C9A227 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header *,
.theme-light.ctp-crownwell .workspace-tab-header-container *,
.theme-light.ctp-crownwell .workspace-tabs * {
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header.is-active {
    background: #111111 !important;
    background-color: #111111 !important;
    border: 2px solid #FFFFFF !important;
    border-bottom: none !important;
}

.theme-light.ctp-crownwell .workspace-tab-header.is-active .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-tab-header.is-active .workspace-tab-header-inner-title,
.theme-light.ctp-crownwell .workspace-tab-header.is-active * {
    color: #D4AF37 !important;
    font-weight: 600 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-inner-close-button,
.theme-light.ctp-crownwell .workspace-tab-header-inner-close-button svg {
    color: #C9A227 !important;
    stroke: #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-tab-header-inner-close-button:hover,
.theme-light.ctp-crownwell .workspace-tab-header-inner-close-button:hover svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}


.theme-light.ctp-crownwell .workspace-tab-header:hover {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #D4AF37 !important;
}

.theme-light.ctp-crownwell .workspace-tab-header:hover .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-tab-header:hover .workspace-tab-header-inner-title,
.theme-light.ctp-crownwell .workspace-tab-header:hover * {
    color: #D4AF37 !important;
}


.theme-light.ctp-crownwell .workspace-ribbon,
.theme-light.ctp-crownwell .workspace-ribbon.mod-left {
    background: #000000 !important;
    background-color: #000000 !important;
    border-right: 1px solid #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-ribbon .side-dock-ribbon-tab,
.theme-light.ctp-crownwell .workspace-ribbon .side-dock-ribbon-action {
    color: #FFFFFF !important;
}

.theme-light.ctp-crownwell .workspace-ribbon .side-dock-ribbon-tab:hover,
.theme-light.ctp-crownwell .workspace-ribbon .side-dock-ribbon-action:hover {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-ribbon .clickable-icon {
    color: #FFFFFF !important;
}

.theme-light.ctp-crownwell .workspace-ribbon .clickable-icon:hover {
    color: #C9A227 !important;
    background: rgba(201, 162, 39, 0.3) !important;
}


.theme-light.ctp-crownwell .status-bar {
    background: #000000 !important;
    background-color: #000000 !important;
    border-top: 1px solid #C9A227 !important;
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .status-bar-item {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .status-bar-item:hover {
    color: #FFFFFF !important;
}


.theme-light.ctp-crownwell .workspace-split.mod-left-split .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-split.mod-right-split .workspace-tab-header-container {
    background: #000000 !important;
    background-color: #000000 !important;
    border-bottom: 1px solid #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-split.mod-left-split .workspace-tab-header,
.theme-light.ctp-crownwell .workspace-split.mod-right-split .workspace-tab-header {
    background: transparent !important;
    color: #C9A227 !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 4px 4px 0 0 !important;
    margin: 2px !important;
}

.theme-light.ctp-crownwell .workspace-split.mod-left-split .workspace-tab-header .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-split.mod-right-split .workspace-tab-header .workspace-tab-header-inner {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-split.mod-left-split .workspace-tab-header.is-active,
.theme-light.ctp-crownwell .workspace-split.mod-right-split .workspace-tab-header.is-active {
    background: #111111 !important;
    border: 2px solid #FFFFFF !important;
}

.theme-light.ctp-crownwell .workspace-split.mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-split.mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner {
    color: #D4AF37 !important;
}


.theme-light.ctp-crownwell .view-header {
    background: #000000 !important;
    background-color: #000000 !important;
    border-bottom: 1px solid #C9A227 !important;
}

.theme-light.ctp-crownwell .view-header-title {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .view-header-title-container {
    background: #000000 !important;
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .view-action {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .view-action:hover {
    color: #FFFFFF !important;
}


.theme-light.ctp-crownwell .view-header .clickable-icon {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .view-header .clickable-icon:hover {
    color: #FFFFFF !important;
}


.theme-light.ctp-crownwell .nav-files-container {
    background: #F5F0E8 !important;
}


.theme-light.ctp-crownwell .nav-folder.mod-root > .nav-folder-title {
    background: #E8E3DB !important;
    color: #000000 !important;
    font-weight: 600;
}


.theme-light.ctp-crownwell .titlebar-button {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .titlebar-button:hover {
    color: #FFFFFF !important;
    background: rgba(201, 162, 39, 0.3) !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-new-tab {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .workspace-tab-header-new-tab:hover {
    color: #FFFFFF !important;
}


.theme-light.ctp-crownwell .workspace-ribbon::-webkit-scrollbar-thumb {
    background: rgba(201, 162, 39, 0.5) !important;
}


.theme-light.ctp-crownwell .workspace-split.mod-left-split,
.theme-light.ctp-crownwell .workspace-split.mod-right-split {
    background: #F5F0E8 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-inner-icon {
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .view-header-breadcrumb {
    color: #C9A227 !important;
}

.theme-light.ctp-crownwell .view-header-breadcrumb:hover {
    color: #FFFFFF !important;
}


.theme-light.ctp-crownwell .view-header-nav-buttons {
    background: #000000 !important;
}

.theme-light.ctp-crownwell .view-header-nav-buttons .clickable-icon {
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .workspace-leaf-header {
    background: #000000 !important;
}


.theme-light.ctp-crownwell .mod-root .workspace-tab-header-container {
    background: #000000 !important;
    background-color: #000000 !important;
}




.theme-light.ctp-crownwell {
    --tab-container-background: #000000 !important;
    --titlebar-background: #000000 !important;
    --titlebar-background-focused: #000000 !important;
    --tab-background-active: #000000 !important;
    --tab-text-color: #C9A227 !important;
    --tab-text-color-active: #D4AF37 !important;
    --header-height: 40px;
}


.theme-light.ctp-crownwell .workspace-tabs,
.theme-light.ctp-crownwell .workspace-tabs *,
.theme-light.ctp-crownwell .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-tab-header-container *,
.theme-light.ctp-crownwell .mod-root .workspace-tabs,
.theme-light.ctp-crownwell .mod-root .workspace-tabs * {
    --ctp-mantle: 0, 0, 0 !important;
    --ctp-crust: 0, 0, 0 !important;
    --ctp-base: 0, 0, 0 !important;
    --background-secondary: #000000 !important;
    --background-secondary-alt: #000000 !important;
}


.theme-light.ctp-crownwell.stacked-tabs .workspace-leaf .view-header,
.theme-light.ctp-crownwell .stacked-tabs .workspace-leaf .view-header {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tabs,
.theme-light.ctp-crownwell .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-tab-container,
.theme-light.ctp-crownwell .workspace-leaf-header,
.theme-light.ctp-crownwell .mod-root .workspace-tabs,
.theme-light.ctp-crownwell .mod-root .workspace-tab-header-container {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tabs,
.theme-light.ctp-crownwell .mod-root .workspace-tabs {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tab-container,
.theme-light.ctp-crownwell .mod-root .workspace-tab-container {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tabs.mod-stacked,
.theme-light.ctp-crownwell .workspace-tabs.mod-stacked .workspace-tab-container {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-tab-list {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace > .workspace-tabs,
.theme-light.ctp-crownwell .workspace-split > .workspace-tabs {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tabs .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-tabs .workspace-tab-header-container-inner {
    background: #000000 !important;
    background-color: #000000 !important;
}




.theme-light.ctp-crownwell [class*="workspace-tab"],
.theme-light.ctp-crownwell [class*="tab-header"],
.theme-light.ctp-crownwell [class*="tab-container"] {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header,
.theme-light.ctp-crownwell .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-tab-header-container-inner,
.theme-light.ctp-crownwell .workspace-tab-header-spacer,
.theme-light.ctp-crownwell .workspace-tab-header-tab-list {
    background: #000000 !important;
    background-color: #000000 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-inner,
.theme-light.ctp-crownwell .workspace-tab-header-inner-title,
.theme-light.ctp-crownwell .workspace-tab-header-inner-icon,
.theme-light.ctp-crownwell [class*="tab-header"] * {
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .workspace-tab-header-inner .clickable-icon,
.theme-light.ctp-crownwell .workspace-tab-header .clickable-icon {
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .view-header-icon,
.theme-light.ctp-crownwell .view-header-title-container,
.theme-light.ctp-crownwell .view-header-title-parent {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #C9A227 !important;
}


.theme-light.ctp-crownwell .mod-root > .workspace-tab-header-container,
.theme-light.ctp-crownwell .workspace-split.mod-root > .workspace-tabs > .workspace-tab-header-container {
    background: #000000 !important;
    background-color: #000000 !important;
}



.theme-light.ctp-parchment {
    --ctp-crust: 240, 232, 218;      
    --ctp-base: 252, 248, 240;       
    --ctp-mantle: 246, 240, 228;     
    --ctp-text: 48, 38, 28;          

    --divider-color: rgba(120, 100, 70, 0.18);
    --divider-color-hover: rgba(120, 100, 70, 0.28);
    --hr-color: rgba(120, 100, 70, 0.2);
    --table-border-color: rgba(120, 100, 70, 0.2);
    --background-modifier-border: rgba(120, 100, 70, 0.14);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 74, 58, 40;
    --arcadia-nav-file-color: 106, 90, 69;
    --arcadia-nav-active-color: 160, 120, 50;

    --ctp-accent: 160, 120, 50;
}



.theme-light.ctp-heritage {
    --ctp-crust: 242, 234, 228;      
    --ctp-base: 253, 250, 246;       
    --ctp-mantle: 248, 242, 236;     
    --ctp-text: 52, 28, 32;          

    --divider-color: rgba(120, 60, 50, 0.15);
    --divider-color-hover: rgba(120, 60, 50, 0.25);
    --hr-color: rgba(180, 140, 60, 0.4);
    --table-border-color: rgba(120, 60, 50, 0.18);
    --background-modifier-border: rgba(120, 60, 50, 0.12);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 74, 34, 40;
    --arcadia-nav-file-color: 106, 66, 72;
    --arcadia-nav-active-color: 140, 50, 40;

    --ctp-accent: 140, 50, 40;
}



.theme-light.ctp-sepia {
    --ctp-crust: 238, 230, 215;      
    --ctp-base: 250, 245, 235;       
    --ctp-mantle: 244, 238, 225;     
    --ctp-text: 55, 42, 28;          

    --divider-color: rgba(110, 90, 60, 0.18);
    --divider-color-hover: rgba(110, 90, 60, 0.28);
    --hr-color: rgba(110, 90, 60, 0.22);
    --table-border-color: rgba(110, 90, 60, 0.2);
    --background-modifier-border: rgba(110, 90, 60, 0.14);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 74, 56, 32;
    --arcadia-nav-file-color: 106, 88, 56;
    --arcadia-nav-active-color: 160, 125, 60;

    --ctp-accent: 160, 125, 60;
}



.theme-light.ctp-registry {
    --ctp-crust: 238, 240, 245;      
    --ctp-base: 250, 251, 254;       
    --ctp-mantle: 244, 246, 250;     
    --ctp-text: 28, 35, 52;          

    --divider-color: rgba(60, 80, 120, 0.15);
    --divider-color-hover: rgba(60, 80, 120, 0.25);
    --hr-color: rgba(60, 80, 120, 0.18);
    --table-border-color: rgba(60, 80, 120, 0.18);
    --background-modifier-border: rgba(60, 80, 120, 0.12);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 42, 53, 80;
    --arcadia-nav-file-color: 74, 85, 112;
    --arcadia-nav-active-color: 60, 90, 150;

    --ctp-accent: 60, 90, 150;
}



.theme-light.ctp-rootwood {
    --ctp-crust: 238, 236, 228;      
    --ctp-base: 251, 250, 245;       
    --ctp-mantle: 245, 243, 236;     
    --ctp-text: 36, 32, 24;          

    --divider-color: rgba(80, 90, 50, 0.15);
    --divider-color-hover: rgba(80, 90, 50, 0.25);
    --hr-color: rgba(80, 90, 50, 0.18);
    --table-border-color: rgba(80, 90, 50, 0.18);
    --background-modifier-border: rgba(80, 90, 50, 0.12);

    --background-secondary: rgb(var(--ctp-crust));
    --background-secondary-alt: rgb(var(--ctp-mantle));
    
    --arcadia-nav-folder-color: 42, 53, 24;
    --arcadia-nav-file-color: 74, 85, 53;
    --arcadia-nav-active-color: 80, 120, 60;

    --ctp-accent: 80, 120, 60;
}







.markdown-preview-view h1,
.markdown-rendered h1 {
    text-align: center;
    display: block;
    width: 100%;
}


h1,
.markdown-rendered h1,
.HyperMD-header-1,
.HyperMD-list-line .cm-header-1 {
    font-weight: 400;
    letter-spacing: 0.05em;
    font-variant: small-caps;
    font-family: var(--arcadia-font-text) !important;
    margin: 1em 0;
    position: relative;
    color: inherit !important;
}


h1::after,
.markdown-rendered h1::after,
.HyperMD-header-1::after,
.HyperMD-list-line .cm-header-1::after {
    content: "";
    display: block;
    width: 100%;
    margin: 0.5em auto 0 auto;
    border-bottom: 1px solid var(--text-normal);
}


.cm-header-2 {
    font-size: 1.75em;
    font-weight: 400;
    margin: 1.25em 0 0.5em;
    border-bottom: 1px solid rgba(var(--ctp-accent), 0.2);
}

h2,
.markdown-rendered h2,
.cm-content .cm-header-2,
.HyperMD-header-2 {
    font-variant: small-caps !important;
    letter-spacing: 0.05em !important;
}


.cm-header-3 {
    font-size: 1.5em;
    font-weight: 400;
    margin: 1em 0 0.5em;
    color: rgba(var(--ctp-text), 0.9);
}





.cm-line {
    font-family: var(--arcadia-font-text);
    line-height: 1.7;
    margin: 0.75em 0;
}

.cm-strong {
    color: rgb(var(--ctp-accent));
    font-weight: 600;
}

.cm-em {
    color: rgba(var(--ctp-text), 0.9);
    font-style: italic;
}


.markdown-preview-view p,
.markdown-preview-view li,
.markdown-preview-view blockquote {
    text-align: justify !important;
}


.cm-line:not(.HyperMD-header):not(.cm-codeblock) {
    text-align: justify !important;
}


.cm-blockquote {
    border-left: 3px solid rgba(var(--ctp-accent), 0.4);
    color: rgba(var(--ctp-text), 0.8);
    padding-left: var(--arcadia-space-md);
    margin: 1em 0;
}

.cm-s-obsidian span.cm-formatting-quote {
    color: rgb(var(--ctp-accent));
}


.cm-list {
    padding-left: var(--arcadia-space-lg);
    margin: 0.75em 0;
}





.cm-codeBlock {
    background: rgba(var(--ctp-mantle), 0.8);
    border: 1px solid rgba(var(--ctp-accent), 0.1);
    border-radius: 6px;
    padding: var(--arcadia-space-md);
    margin: 1.25em 0;
}


.cm-inline-code {
    background: rgba(var(--ctp-accent), 0.1);
    color: rgb(var(--ctp-accent));
    padding: 0.2em 0.4em;
    border-radius: 4px;
    font-family: var(--arcadia-font-code);
}




.callout {
    --callout-padding: var(--arcadia-space-md);
    --callout-icon: lucide-pencil;
    border-left: 4px solid rgba(var(--ctp-accent), 0.6);
    background: rgba(var(--ctp-mantle), 0.6);
    border-radius: 6px;
    margin: 1.25em 0;
    border-color: rgb(var(--callout-color), 60%);
    background-color: rgb(var(--callout-color), 10%);
}

.callout-title {
    font-weight: 600;
    color: rgb(var(--ctp-accent));
    margin-bottom: var(--arcadia-space-xs);
}


.callout[data-callout=abstract],
.callout[data-callout=summary],
.callout[data-callout=tldr] {
    --callout-icon: lucide-clipboard-list;
}

.callout[data-callout=info] {
    --callout-icon: lucide-info;
}

.callout[data-callout=todo] {
    --callout-icon: lucide-check-circle-2;
}

.callout[data-callout=tip],
.callout[data-callout=hint],
.callout[data-callout=important] {
    --callout-icon: lucide-flame;
}

.callout[data-callout=success],
.callout[data-callout=check],
.callout[data-callout=done] {
    --callout-icon: lucide-check;
}

.callout[data-callout=question],
.callout[data-callout=help],
.callout[data-callout=faq] {
    --callout-icon: help-circle;
}

.callout[data-callout=warning],
.callout[data-callout=caution],
.callout[data-callout=attention] {
    --callout-icon: lucide-alert-triangle;
}

.callout[data-callout=failure],
.callout[data-callout=fail],
.callout[data-callout=missing] {
    --callout-icon: lucide-x;
}

.callout[data-callout=danger],
.callout[data-callout=error] {
    --callout-icon: lucide-zap;
}

.callout[data-callout=bug] {
    --callout-icon: lucide-bug;
}

.callout[data-callout=example] {
    --callout-icon: lucide-list;
}

.callout[data-callout=quote],
.callout[data-callout=cite] {
    --callout-icon: quote-glyph;
}





.cm-table {
    border-collapse: collapse;
    margin: 1.5em 0;
}

.cm-table-header {
    background: rgba(var(--ctp-accent), 0.1);
    border-bottom: 2px solid rgba(var(--ctp-accent), 0.3);
}

.cm-table-cell {
    padding: var(--arcadia-space-xs) var(--arcadia-space-sm);
    border: 1px solid rgba(var(--ctp-accent), 0.1);
}


.canvas-wrapper {
    --canvas-grid-color: rgba(var(--ctp-accent), 0.05);
    --canvas-node-bg: rgb(var(--ctp-mantle));
    background-image: radial-gradient(var(--canvas-grid-color) 1px, transparent 0);
    background-size: 40px 40px;
}

.canvas-node {
    background: var(--canvas-node-bg);
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: var(--arcadia-space-md);
}

.canvas-node-label {
    font-family: var(--arcadia-font-ui);
    color: rgb(var(--ctp-text));
}

.canvas-controls button:hover {
    background: rgba(var(--ctp-accent), 0.1) !important;
}




.search-input-container {
    max-width: 600px;
    margin: var(--arcadia-space-md) auto;
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-radius: 8px;
    transition: var(--arcadia-transition-base);
}

.search-input-container:focus-within {
    border-color: rgb(var(--ctp-accent));
    box-shadow: 0 0 0 2px rgba(var(--ctp-accent), 0.1);
}

.search-result-file-title {
    font-weight: 500;
    color: rgb(var(--ctp-accent));
}

.search-result-file-match {
    border-left: 3px solid rgba(var(--ctp-accent), 0.3);
    padding-left: var(--arcadia-space-sm);
    margin: var(--arcadia-space-xs) 0;
}





.dataview.table {
    border: 1px solid rgba(var(--ctp-accent), 0.1);
    margin: var(--arcadia-space-md) 0;
}


.task-list-item-checkbox {
    border: 1px solid rgba(var(--ctp-accent), 0.3);
    margin-right: var(--arcadia-space-xs);
}


.kanban__lane {
    background: rgba(var(--ctp-mantle), 0.5);
    border: 1px solid rgba(var(--ctp-accent), 0.1);
    padding: var(--arcadia-space-md);
}




.cm-activeLine {
    background: rgba(var(--ctp-accent), 0.05);
}

.cm-focused .cm-activeLine {
    background: rgba(var(--ctp-accent), 0.08);
}





.prompt {
    --prompt-border-color: rgb(var(--ctp-surface1));
}

.prompt .prompt-input[type=text] {
    border: 0;
}

.prompt .prompt-results {
    background-color: var(--background-secondary);
    box-shadow: inset 0 0 10px rgb(var(--ctp-crust)), inset 0 0 12px rgb(var(--ctp-base));
}

.prompt:hover .suggestion-hotkey {
    box-shadow: inset 0 0 2px rgb(var(--ctp-crust)), inset 0 0 4px rgb(var(--ctp-base));
}


.suggestion-item.is-selected {
    background-color: rgb(var(--ctp-accent));
    color: var(--text-on-accent);
}

.suggestion-item.is-selected .suggestion-flair {
    color: var(--text-on-accent);
}

.suggestion-item.mod-complex .suggestion-hotkey {
    background-color: rgb(var(--ctp-surface0));
    color: var(--text-normal);
}

.suggestion-item.mod-complex.is-selected .suggestion-note {
    color: var(--text-on-accent);
}


.modal {
    background: rgba(var(--ctp-base), 0.95);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(var(--ctp-accent), 0.1);
    animation: ctp-fade-in 0.3s var(--animation-smooth);
}

.modal-setting-header {
    border-bottom: 1px solid rgba(var(--ctp-accent), 0.1);
    padding-bottom: var(--arcadia-space-sm);
}

.setting-item {
    padding: var(--arcadia-space-sm) 0;
}


.vertical-tab-nav-item {
    padding: var(--arcadia-space-xs) var(--arcadia-space-sm);
    margin: 2px 0;
    border-radius: 4px;
}

.vertical-tab-nav-item.is-active {
    background: linear-gradient(to right, rgba(var(--ctp-accent), 0.1), transparent);
    border-right: 2px solid rgb(var(--ctp-accent));
}





.clickable-icon,
.mod-left-split .workspace-tab-header,
.mod-right-split .workspace-tab-header {
    margin: 0 2px;
    transition: var(--arcadia-transition-hover-bg), var(--arcadia-transition-hover-color);
}

.clickable-icon:hover,
.mod-left-split .workspace-tab-header:hover,
.mod-right-split .workspace-tab-header:hover {
    --background-modifier-hover: rgb(var(--ctp-accent));
    color: var(--text-on-accent);
}

.clickable-icon:hover svg,
.mod-left-split .workspace-tab-header:hover svg,
.mod-right-split .workspace-tab-header:hover svg {
    color: var(--text-on-accent);
}

.clickable-icon[aria-disabled=true]:hover {
    background-color: rgb(var(--ctp-accent));
}


.clickable-icon.is-active,
.mod-left-split .workspace-tab-header.has-active-menu,
.mod-right-split .workspace-tab-header.has-active-menu,
.mod-left-split .workspace-tab-header.is-active,
.mod-right-split .workspace-tab-header.is-active {
    box-shadow: inset 0 0 4px rgb(var(--ctp-crust)), inset 0 0 6px rgb(var(--ctp-base));
    outline: 1px solid rgb(var(--ctp-surface1));
    transition: var(--arcadia-transition-hover-bg), var(--arcadia-transition-hover-color);
}

.clickable-icon.is-active svg,
.mod-left-split .workspace-tab-header.has-active-menu svg,
.mod-right-split .workspace-tab-header.has-active-menu svg,
.mod-left-split .workspace-tab-header.is-active svg,
.mod-right-split .workspace-tab-header.is-active svg {
    color: rgb(var(--ctp-accent));
    transition: background-color 3s ease-in-out;
}

.clickable-icon.is-active:hover,
.clickable-icon.is-active:hover svg,
.mod-left-split .workspace-tab-header.has-active-menu:hover,
.mod-left-split .workspace-tab-header.has-active-menu:hover svg,
.mod-right-split .workspace-tab-header.has-active-menu:hover,
.mod-right-split .workspace-tab-header.has-active-menu:hover svg,
.mod-left-split .workspace-tab-header.is-active:hover,
.mod-left-split .workspace-tab-header.is-active:hover svg,
.mod-right-split .workspace-tab-header.is-active:hover,
.mod-right-split .workspace-tab-header.is-active:hover svg {
    background-color: rgb(var(--ctp-accent));
    box-shadow: none;
    color: var(--text-on-accent);
}


.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button:hover,
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover,
.suggestion :hover.list-item-part.clickable-icon[aria-label="Clear search history"],
.modal-close-button:hover {
    background-color: rgb(var(--ctp-red));
    box-shadow: 0 0 2px 1px rgb(var(--ctp-surface1));
    color: rgb(var(--ctp-base));
    transition: var(--arcadia-transition-hover-bg), var(--arcadia-transition-hover-color);
}

.workspace-tab-header-inner-close-button:hover {
    background-color: rgb(var(--ctp-red), 50%);
}

.workspace-tab-header-inner:hover .workspace-tab-header-inner-icon {
    --icon-color-hover: var(--text-faint);
    --opacity-icon-hover: 1;
}

.search-input-clear-button:hover,
.search-input-clear-button:active {
    color: rgb(var(--ctp-red));
}


.mod-linux .titlebar-button,
.mod-windows .titlebar-button {
    transition: var(--arcadia-transition-hover-bg), var(--arcadia-transition-hover-color);
}

.mod-linux .titlebar-button:hover,
.mod-windows .titlebar-button:hover {
    background-color: rgb(var(--ctp-orchid));
    color: var(--text-on-accent);
}

.mod-linux .titlebar-button.mod-close:hover,
.mod-windows .titlebar-button.mod-close:hover {
    background-color: rgb(var(--ctp-red));
    color: var(--text-on-accent);
}




.ctp-theme-indigo {
    --ctp-accent: 99, 102, 241;
    --ctp-accent-hover: 79, 70, 229;
}

.ctp-theme-emerald {
    --ctp-accent: 16, 185, 129;
    --ctp-accent-hover: 5, 150, 105;
}

.ctp-theme-rose {
    --ctp-accent: 244, 63, 94;
    --ctp-accent-hover: 225, 29, 72;
}

.ctp-theme-teal {
    --ctp-accent: 80, 146, 155;
    --ctp-accent-hover: 80, 166, 165;
}




@keyframes ctp-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes ctp-slide-up {
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}




.ctp-icon-set-filled svg {
    --icon-stroke-width: 1.5;
    --icon-fill: currentColor;
}

.ctp-icon-set-outline svg {
    --icon-stroke-width: 1.5;
    --icon-fill: none;
}





.workspace-split.mod-root>.workspace-leaf:first-child {
    --arcadia-nav-width: 280px;
    width: var(--arcadia-nav-width);
    min-width: unset;
    border-right: 1px solid rgba(var(--ctp-accent), 0.1);
    overflow-x: hidden;
}


.nav-folder-children {
    padding-left: var(--arcadia-space-xs);
    transition: var(--arcadia-transition-base);
}


.nav-folder-title {
    --folder-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm0 2v12h16V6H4z'/%3E%3C/svg%3E");
    color: rgba(var(--ctp-accent), 0.95) !important;
    font-weight: 600;
}

.nav-folder-title::before {
    filter: brightness(1.2);
}


.nav-folder-children .nav-folder-title {
    background: transparent;
    color: rgba(var(--ctp-text), 0.85) !important;
    font-weight: 500;
}

.nav-folder-children .nav-folder-title::before {
    opacity: 0.7;
}

.workspace-leaf-content[data-type='file-explorer'] {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}


.nav-folder-collapse-indicator {
    margin-left: auto;
    padding-left: var(--arcadia-space-sm);
    display: none;  
}

.nav-folder-children {
    transition: max-height 0.3s var(--animation-smooth);
    max-height: 5000px;
    overflow: hidden;
}

.nav-folder.is-collapsed .nav-folder-children {
    max-height: 0;
}


.nav-folder-title:hover {
    background: rgba(var(--ctp-accent), 0.15) !important;
}

.nav-folder-children .nav-folder-title:hover {
    background: rgba(var(--ctp-accent), 0.05) !important;
}


.tree-item-self.is-being-renamed:focus-within {
    color: #444 !important;
}





:root {
    --c0-closed: #053f9c;   
    --c0-open: #085feb;     
    --c1-closed: #2a9d58;
    --c1-open: #54c386;
    --c2-closed: #6a51c4;
    --c2-open: #9f8dea;
    --c3-closed: #b33a3a;
    --c3-open: #e06565;
    --c4-closed: #cd7b1f;
    --c4-open: #f1a45b;
    --c5-closed: #c84c8f;
    --c5-open: #e17daf;
    --c6-closed: #2b8585;
    --c6-open: #5bbdbc;
    --c7-closed: #b28e14;
    --c7-open: #d7bc4a;
    --c8-closed: #6b4c34;
    --c8-open: #9c775c;
    --c9-closed: #666666;
    --c9-open: #999999;
}


.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"] {
    font-size: 0.50rem !important;
    font-weight: normal;
    border-top: 1px solid rgba(120, 120, 120, 0.6) !important;
    margin-top: 8px;
    padding-top: 8px;
    background-color: rgba(160, 160, 160, 0.1) !important;
    color: rgba(var(--ctp-text), 0.9) !important;
}




.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"] .nav-folder-title-content::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    vertical-align: -3px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3h16c1.104 0 2 .896 2 2v14c0 1.104-.896 2-2 2H2V3zM6 3v18'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}


.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"] .nav-folder-title-content::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    vertical-align: -3px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='currentColor' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6c0-1.105.895-2 2-2h7c.553 0 1 .447 1 1v14c0 .553-.447 1-1 1H4c-1.105 0-2-.895-2-2V6zm12-1c0-.553.447-1 1-1h7c1.105 0 2 .895 2 2v13c0 1.105-.895 2-2 2h-7c-.553 0-1-.447-1-1V5z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}




.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    content: "";
    display: inline-block;
    width: var(--icon-xs, 16px);
    height: var(--icon-xs, 16px);
    margin-right: 8px;
    vertical-align: -2px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='currentColor' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M96 0C60.65 0 32 28.65 32 64v384c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V128l-96-96H96zm192 128V32l96 96H288z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}


.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    content: "";
    display: inline-block;
    width: var(--icon-xs, 16px);
    height: var(--icon-xs, 16px);
    margin-right: 8px;
    vertical-align: -2px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='currentColor' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M416 0H128c-17.67 0-32 14.33-32 32v448c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32zm-32 96H160V64h224v32zm-96 96H160v-32h128v32z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}


.nav-folder.is-collapsed>.nav-folder-title .nav-folder-title-content:hover::before,
.nav-folder:not(.is-collapsed)>.nav-folder-title .nav-folder-title-content:hover::before {
    filter: brightness(1.1);
}




.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 1) .nav-folder-title-content::before {
    background-color: var(--c0-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 2) .nav-folder-title-content::before {
    background-color: var(--c1-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 3) .nav-folder-title-content::before {
    background-color: var(--c2-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 4) .nav-folder-title-content::before {
    background-color: var(--c3-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 5) .nav-folder-title-content::before {
    background-color: var(--c4-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 6) .nav-folder-title-content::before {
    background-color: var(--c5-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 7) .nav-folder-title-content::before {
    background-color: var(--c6-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 8) .nav-folder-title-content::before {
    background-color: var(--c7-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 9) .nav-folder-title-content::before {
    background-color: var(--c8-closed);
}

.nav-folder.is-collapsed>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 10) .nav-folder-title-content::before {
    background-color: var(--c9-closed);
}


.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 1) .nav-folder-title-content::before {
    background-color: var(--c0-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 2) .nav-folder-title-content::before {
    background-color: var(--c1-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 3) .nav-folder-title-content::before {
    background-color: var(--c2-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 4) .nav-folder-title-content::before {
    background-color: var(--c3-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 5) .nav-folder-title-content::before {
    background-color: var(--c4-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 6) .nav-folder-title-content::before {
    background-color: var(--c5-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 7) .nav-folder-title-content::before {
    background-color: var(--c6-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 8) .nav-folder-title-content::before {
    background-color: var(--c7-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 9) .nav-folder-title-content::before {
    background-color: var(--c8-open);
}

.nav-folder:not(.is-collapsed)>.tree-item-self.nav-folder-title[style*="margin-inline-start: 0px"]:nth-of-type(10n + 10) .nav-folder-title-content::before {
    background-color: var(--c9-open);
}




.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #EA4335;  
}

.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #FF6B60;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #FBBC04;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #FFD54F;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #34A853;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #6DD47E;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #4285F4;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #7BA9FF;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #A142F4;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #C587F4;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #FF6F00;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #FFA726;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #00897B;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #4DB6AC;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #E91E63;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #F06292;  
}


.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #795548;  
}

.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder>.nav-folder-children>.nav-folder:not(.is-collapsed)>.nav-folder-title:not([style*="margin-inline-start: 0px"]) .nav-folder-title-content::before {
    background-color: #A1887F;  
}





.nav-file-title .nav-file-title-content::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: rgb(var(--ctp-text));
}


.nav-file-title[data-path$=".md"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h9l5 5v14c0 1.104-.896 2-2 2H6c-1.104 0-2-.896-2-2V4c0-1.104.896-2 2-2zm3 9h2v2H9v-2zm-1 4h4v2H8v-2zm6-4h2v2h-2v-2zm-6-4h4v2H8V7zm6 0h2v2h-2V7z'/%3E%3C/svg%3E");
    background-color: #508ef3;
}


.nav-file-title[data-path$=".mp3"] .nav-file-title-content::before,
.nav-file-title[data-path$=".wav"] .nav-file-title-content::before,
.nav-file-title[data-path$=".ogg"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 3v12a4 4 0 1 0 4-4V5h6V3H9z'/%3E%3C/svg%3E");
    background-color: #FFA000;
    width: 12px;
    height: 12px;
}


.nav-file-title[data-path$=".mp4"] .nav-file-title-content::before,
.nav-file-title[data-path$=".mkv"] .nav-file-title-content::before,
.nav-file-title[data-path$=".avi"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16c1.104 0 2 .896 2 2v14c0 1.104-.896 2-2 2H4c-1.104 0-2-.896-2-2V5c0-1.104.896-2 2-2zm8 5l5 4-5 4V8z'/%3E%3C/svg%3E");
    background-color: #4CAF50;
    width: 13px;
    height: 13px;
}


.nav-file-title[data-path$=".png"] .nav-file-title-content::before,
.nav-file-title[data-path$=".jpg"] .nav-file-title-content::before,
.nav-file-title[data-path$=".jpeg"] .nav-file-title-content::before,
.nav-file-title[data-path$=".gif"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16c1.104 0 2 .896 2 2v14c0 1.104-.896 2-2 2H4c-1.104 0-2-.896-2-2V5c0-1.104.896-2 2-2zm2 12 3-4 2 3 3-2 4 5H6z'/%3E%3C/svg%3E");
    background-color: #FFD700;
    width: 12px;
    height: 12px;
}


.nav-file-title[data-path$=".pdf"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6zm2-8h2v1h1v-1h1v4h-1v-2h-2v2H8v-4zm6 0h2c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2v-4zm1 3h1v-2h-1v2z'/%3E%3C/svg%3E");
    background-color: #D32F2F;
    width: 14px;
    height: 14px;
}





.nav-file-title[data-path$=".doc"] .nav-file-title-content::before,
.nav-file-title[data-path$=".docx"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 9l-2 6-2-6H7l3 8h2l3-8h-2zm1-4V3.5L18.5 8H14z'/%3E%3C/svg%3E");
    background-color: #2B579A;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".xls"] .nav-file-title-content::before,
.nav-file-title[data-path$=".xlsx"] .nav-file-title-content::before,
.nav-file-title[data-path$=".csv"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-3 16H9v-2h2v2zm0-4H9v-2h2v2zm0-4H9V8h2v2zm4 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V8h2v2zm-1-5V3.5L18.5 8H14z'/%3E%3C/svg%3E");
    background-color: #217346;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".ppt"] .nav-file-title-content::before,
.nav-file-title[data-path$=".pptx"] .nav-file-title-content::before,
.nav-file-title[data-path$=".pps"] .nav-file-title-content::before,
.nav-file-title[data-path$=".ppsx"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-4 15H8v-5h2c1.1 0 2 .9 2 2s-.9 2-2 2zm0-3v1h.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H10zm4-5V3.5L18.5 8H14z'/%3E%3C/svg%3E");
    background-color: #D24726;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".thmx"] .nav-file-title-content::before,
.nav-file-title[data-path$=".potx"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E");
    background-color: #D24726;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".txt"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 14H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L17.5 8H13z'/%3E%3C/svg%3E");
    background-color: #757575;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".rtf"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm0 18H6V4h7v5h5v11zm-2-8H8v-1h4v1zm0 2H8v-1h4v1zm0 2H8v-1h4v1z'/%3E%3C/svg%3E");
    background-color: #5C6BC0;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".psd"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9.5 15H8v-4h1.5c.83 0 1.5.67 1.5 1.5v1c0 .83-.67 1.5-1.5 1.5zm4.5 0h-1.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1H14v1h-1.5v2H14v1z'/%3E%3C/svg%3E");
    background-color: #31A8FF;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".ai"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 15H8l-.5-1.5h-2L5 15H4l2-6h1l2 6zm5 0h-1v-4h1v4zm0-5h-1V9h1v1z'/%3E%3C/svg%3E");
    background-color: #FF9A00;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".bmp"] .nav-file-title-content::before,
.nav-file-title[data-path$=".tif"] .nav-file-title-content::before,
.nav-file-title[data-path$=".tiff"] .nav-file-title-content::before,
.nav-file-title[data-path$=".webp"] .nav-file-title-content::before,
.nav-file-title[data-path$=".ico"] .nav-file-title-content::before,
.nav-file-title[data-path$=".raw"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");
    background-color: #FFD700;
    width: 13px;
    height: 13px;
}


.nav-file-title[data-path$=".svg"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zM4 10h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zM4 16h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z'/%3E%3C/svg%3E");
    background-color: #FFB13B;
    width: 13px;
    height: 13px;
}


.nav-file-title[data-path$=".zip"] .nav-file-title-content::before,
.nav-file-title[data-path$=".rar"] .nav-file-title-content::before,
.nav-file-title[data-path$=".7z"] .nav-file-title-content::before,
.nav-file-title[data-path$=".tar"] .nav-file-title-content::before,
.nav-file-title[data-path$=".gz"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-6 10h-2v2h-2v-2H8v-2h2v-2h2v2h2v2z'/%3E%3C/svg%3E");
    background-color: #FFC107;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".html"] .nav-file-title-content::before,
.nav-file-title[data-path$=".htm"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.56l4.07-1.13.55-6.1H9.38L9.2 8.3h7.6l.2-1.99H7l.56 6.01h6.89l-.23 2.58-2.22.6-2.22-.6-.14-1.66h-2l.29 3.19L12 17.56M4.07 3h15.86L18.5 19.2 12 21l-6.5-1.8L4.07 3z'/%3E%3C/svg%3E");
    background-color: #E44D26;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".css"] .nav-file-title-content::before,
.nav-file-title[data-path$=".scss"] .nav-file-title-content::before,
.nav-file-title[data-path$=".sass"] .nav-file-title-content::before,
.nav-file-title[data-path$=".less"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.192 3.143h15.615l-1.42 16.034-6.404 1.812-6.369-1.813L4.192 3.143zM16.9 6.424l-9.8-.002.158 1.76 7.292.002-.189 2.148H9.134l.175 1.968h4.628l-.273 2.86-1.685.467-1.671-.467-.107-1.21H8.2l.208 2.388 3.582.996 3.596-.996.461-5.166.094-.986.291-3.262z'/%3E%3C/svg%3E");
    background-color: #264DE4;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".js"] .nav-file-title-content::before,
.nav-file-title[data-path$=".mjs"] .nav-file-title-content::before,
.nav-file-title[data-path$=".cjs"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v18H3V3zm4.73 15.04c.4.85 1.19 1.55 2.54 1.55 1.5 0 2.53-.8 2.53-2.55v-5.78h-1.7V17c0 .86-.35 1.08-.9 1.08-.58 0-.82-.4-1.09-.87l-1.38.83zm5.98-.18c.5.98 1.51 1.73 3.09 1.73 1.6 0 2.8-.83 2.8-2.36 0-1.41-.81-2.04-2.25-2.66l-.42-.18c-.73-.31-1.04-.52-1.04-1.02 0-.41.31-.73.81-.73.48 0 .8.21 1.09.73l1.31-.87c-.55-.96-1.33-1.33-2.4-1.33-1.51 0-2.48.96-2.48 2.23 0 1.38.81 2.03 2.03 2.55l.42.18c.78.34 1.24.55 1.24 1.13 0 .48-.45.83-1.15.83-.83 0-1.31-.43-1.67-1.03l-1.38.8z'/%3E%3C/svg%3E");
    background-color: #F7DF1E;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".ts"] .nav-file-title-content::before,
.nav-file-title[data-path$=".tsx"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v18H3V3zm10.71 13.44V18c.39.18.83.32 1.31.38.49.06.99.1 1.5.1.49 0 .95-.05 1.38-.14.43-.1.8-.25 1.1-.47.31-.21.55-.49.72-.83.17-.34.26-.76.26-1.24 0-.35-.05-.66-.15-.92-.1-.26-.25-.5-.44-.7-.19-.21-.42-.39-.69-.55-.27-.16-.57-.31-.9-.45-.24-.1-.45-.2-.64-.3-.18-.1-.34-.2-.46-.32-.13-.11-.22-.24-.29-.38-.07-.14-.1-.3-.1-.48 0-.16.03-.31.1-.44.06-.13.15-.24.27-.33.12-.09.26-.16.43-.21.17-.05.36-.07.57-.07.15 0 .3.01.47.03.17.02.34.05.5.1.17.05.33.11.49.18.16.08.3.17.44.27v-1.5c-.28-.1-.58-.18-.9-.23-.32-.05-.68-.07-1.06-.07-.49 0-.94.05-1.35.16-.41.11-.77.27-1.07.49-.3.22-.54.49-.71.82-.17.33-.26.72-.26 1.17 0 .58.15 1.07.45 1.47.3.4.76.74 1.38 1.02.26.11.5.22.73.33.23.11.42.22.59.35.17.12.3.26.39.42.1.15.14.33.14.54 0 .16-.03.3-.08.44-.05.13-.13.25-.24.34-.11.09-.25.17-.42.22-.17.05-.38.08-.62.08-.38 0-.76-.07-1.14-.21-.38-.14-.73-.35-1.06-.63zm-4.18-4.72H7v7h1.53v-5.47h2v-1.53z'/%3E%3C/svg%3E");
    background-color: #3178C6;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".json"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3h2m-7 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
    background-color: #F5A623;
    width: 13px;
    height: 13px;
}


.nav-file-title[data-path$=".xml"] .nav-file-title-content::before,
.nav-file-title[data-path$=".yaml"] .nav-file-title-content::before,
.nav-file-title[data-path$=".yml"] .nav-file-title-content::before,
.nav-file-title[data-path$=".toml"] .nav-file-title-content::before,
.nav-file-title[data-path$=".ini"] .nav-file-title-content::before,
.nav-file-title[data-path$=".conf"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.89 3l9.93 9.93c.39.39.39 1.02 0 1.41l-7.07 7.07c-.39.39-1.02.39-1.41 0l-9.93-9.93c-.2-.2-.29-.46-.29-.71V4c0-.55.45-1 1-1h6.77c.27 0 .53.1.71.29l.29.71zM5.5 7A1.5 1.5 0 0 0 7 8.5 1.5 1.5 0 0 0 8.5 7 1.5 1.5 0 0 0 7 5.5 1.5 1.5 0 0 0 5.5 7z'/%3E%3C/svg%3E");
    background-color: #9C27B0;
    width: 13px;
    height: 13px;
}


.nav-file-title[data-path$=".py"] .nav-file-title-content::before,
.nav-file-title[data-path$=".pyw"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 7.5A2.86 2.86 0 0 1 22 10.36v3.78A2.86 2.86 0 0 1 19.14 17H12c0 .39.32.96.71.96H17v1.68a2.86 2.86 0 0 1-2.86 2.86H9.86A2.86 2.86 0 0 1 7 19.64v-3.75a2.85 2.85 0 0 1 2.86-2.85h5.25a2.85 2.85 0 0 0 2.85-2.86V7.5h1.18m-4.28 11.79c-.4 0-.72.3-.72.72 0 .4.32.71.72.71a.71.71 0 0 0 .71-.71c0-.42-.31-.72-.71-.72M11.14 1.5a2.86 2.86 0 0 0-2.86 2.86v3.78a2.86 2.86 0 0 0 2.86 2.86H12c0-.39-.32-.96-.71-.96H7v-1.68A2.86 2.86 0 0 1 9.86 5.5h4.28A2.86 2.86 0 0 1 17 8.36v3.75a2.85 2.85 0 0 1-2.86 2.85H8.89a2.85 2.85 0 0 0-2.85 2.86v2.68h1.1v-2.68a2.86 2.86 0 0 1 2.86-2.86h5.14A2.86 2.86 0 0 0 18 12.11V8.36A2.86 2.86 0 0 0 15.14 5.5h-4m-1.04 2.21c.4 0 .72-.3.72-.71a.71.71 0 0 0-.72-.71.71.71 0 0 0-.71.71c0 .41.31.71.71.71z'/%3E%3C/svg%3E");
    background-color: #3776AB;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".java"] .nav-file-title-content::before,
.nav-file-title[data-path$=".jar"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.851 18.56s-.917.534.653.714c1.902.218 2.874.187 4.969-.211 0 0 .552.346 1.321.646-4.699 2.013-10.633-.118-6.943-1.149M8.276 15.933s-1.028.761.542.924c2.032.209 3.636.227 6.413-.308 0 0 .384.389.987.602-5.679 1.661-12.007.13-7.942-1.218M13.116 11.475c1.158 1.333-.304 2.533-.304 2.533s2.939-1.518 1.589-3.418c-1.261-1.772-2.228-2.652 3.007-5.688 0-.001-8.216 2.051-4.292 6.573M19.33 20.504s.679.559-.747.991c-2.712.822-11.288 1.069-13.669.033-.856-.373.75-.89 1.254-.998.527-.114.828-.093.828-.093-.953-.671-6.156 1.317-2.643 1.887 9.58 1.553 17.462-.7 14.977-1.82M9.292 13.21s-4.362 1.036-1.544 1.412c1.189.159 3.561.123 5.77-.062 1.806-.152 3.618-.477 3.618-.477s-.637.272-1.098.587c-4.429 1.165-12.986.623-10.522-.568 2.082-1.006 3.776-.892 3.776-.892M17.116 17.584c4.503-2.34 2.421-4.589.968-4.285-.355.074-.515.138-.515.138s.132-.207.385-.297c2.875-1.011 5.086 2.981-.928 4.562 0-.001.07-.062.09-.118M14.401 0s2.494 2.494-2.365 6.33c-3.896 3.077-.889 4.832 0 6.836-2.274-2.053-3.943-3.858-2.824-5.539 1.644-2.469 6.197-3.665 5.189-7.627M9.734 23.924c4.322.277 10.959-.154 11.116-2.198 0 0-.302.775-3.572 1.391-3.688.694-8.239.613-10.937.168 0-.001.553.457 3.393.639'/%3E%3C/svg%3E");
    background-color: #ED8B00;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".epub"] .nav-file-title-content::before,
.nav-file-title[data-path$=".mobi"] .nav-file-title-content::before,
.nav-file-title[data-path$=".azw"] .nav-file-title-content::before,
.nav-file-title[data-path$=".azw3"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'/%3E%3C/svg%3E");
    background-color: #4CAF50;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".ttf"] .nav-file-title-content::before,
.nav-file-title[data-path$=".otf"] .nav-file-title-content::before,
.nav-file-title[data-path$=".woff"] .nav-file-title-content::before,
.nav-file-title[data-path$=".woff2"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z'/%3E%3C/svg%3E");
    background-color: #607D8B;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".exe"] .nav-file-title-content::before,
.nav-file-title[data-path$=".msi"] .nav-file-title-content::before,
.nav-file-title[data-path$=".dmg"] .nav-file-title-content::before,
.nav-file-title[data-path$=".app"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14zm-1-6h-3V8h-2v5H8l4 4 4-4z'/%3E%3C/svg%3E");
    background-color: #795548;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".sh"] .nav-file-title-content::before,
.nav-file-title[data-path$=".bash"] .nav-file-title-content::before,
.nav-file-title[data-path$=".zsh"] .nav-file-title-content::before,
.nav-file-title[data-path$=".bat"] .nav-file-title-content::before,
.nav-file-title[data-path$=".cmd"] .nav-file-title-content::before,
.nav-file-title[data-path$=".ps1"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 19V7H4v12h16m0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16m-7 14v-2h5v2h-5m-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59l4-4z'/%3E%3C/svg%3E");
    background-color: #4EAA25;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".sql"] .nav-file-title-content::before,
.nav-file-title[data-path$=".db"] .nav-file-title-content::before,
.nav-file-title[data-path$=".sqlite"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C7.58 3 4 4.79 4 7v10c0 2.21 3.59 4 8 4s8-1.79 8-4V7c0-2.21-3.58-4-8-4zm0 2c3.87 0 6 1.5 6 2s-2.13 2-6 2-6-1.5-6-2 2.13-2 6-2zM6 17v-2.42c1.23.78 3.36 1.32 6 1.32s4.77-.54 6-1.32V17c0 .5-2.13 2-6 2s-6-1.5-6-2zm0-5v-2.42c1.23.78 3.36 1.32 6 1.32s4.77-.54 6-1.32V12c0 .5-2.13 2-6 2s-6-1.5-6-2z'/%3E%3C/svg%3E");
    background-color: #00758F;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".log"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 9h-2v2H9v-2H7v-2h2V7h2v2h2v2zm-3 7H6v-2h4v2zm6 0h-4v-2h4v2zm0-4H6v-2h10v2zm1-5V3.5L17.5 8H14z'/%3E%3C/svg%3E");
    background-color: #9E9E9E;
    width: 14px;
    height: 14px;
}


.nav-file-title[data-path$=".mdx"] .nav-file-title-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.56 18H3.44C2.65 18 2 17.37 2 16.59V7.41C2 6.63 2.65 6 3.44 6h17.12c.79 0 1.44.63 1.44 1.41v9.18c0 .78-.65 1.41-1.44 1.41zM6.81 15.19v-3.66l1.92 2.35 1.92-2.35v3.66h1.93V8.81h-1.93l-1.92 2.35-1.92-2.35H4.89v6.38h1.92zM19.69 12h-1.92V8.81h-1.92V12h-1.93l2.89 3.28L19.69 12z'/%3E%3C/svg%3E");
    background-color: #F9AC00;
    width: 14px;
    height: 14px;
}




@media (max-width: 768px) {
    .workspace-split.mod-root>.workspace-leaf:first-child {
        --arcadia-nav-width: 240px;
        z-index: 100;
        position: relative;
        box-shadow: 4px 0 12px rgba(0, 0, 0, 0.1);
    }

    .markdown-source-view,
    .markdown-preview-view {
        --line-width: 100%;
        --content-padding: var(--arcadia-space-sm);
    }

    .search-input-container {
        margin: var(--arcadia-space-sm);
    }
}





.font-size-small {
    font-size: 14.4px; 
}

.font-size-normal {
    font-size: 16px; 
}

.font-size-large {
    font-size: 17.6px; 
}

.font-size-xlarge {
    font-size: 20px; 
}


.line-height-compact .markdown-preview-view p,
.line-height-compact .markdown-preview-view li,
.line-height-compact .cm-line {
    line-height: 1.5 !important;
}

.line-height-normal .markdown-preview-view p,
.line-height-normal .markdown-preview-view li,
.line-height-normal .cm-line {
    line-height: 1.6 !important;
}

.line-height-relaxed .markdown-preview-view p,
.line-height-relaxed .markdown-preview-view li,
.line-height-relaxed .cm-line {
    line-height: 1.8 !important;
}

.line-height-loose .markdown-preview-view p,
.line-height-loose .markdown-preview-view li,
.line-height-loose .cm-line {
    line-height: 2.0 !important;
}


.reading-width-narrow .markdown-preview-view {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.reading-width-normal .markdown-preview-view {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.reading-width-wide .markdown-preview-view {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.reading-width-full .markdown-preview-view {
    max-width: 100%;
}


.font-text-vollkorn {
    --arcadia-font-text: 'Vollkorn', serif;
}

.font-text-georgia {
    --arcadia-font-text: Georgia, 'Times New Roman', serif;
}

.font-text-merriweather {
    --arcadia-font-text: 'Merriweather', Georgia, serif;
}

.font-text-system {
    --arcadia-font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}


.font-text-vollkorn .cm-line,
.font-text-vollkorn .markdown-preview-view {
    font-family: 'Vollkorn', serif;
}

.font-text-georgia .cm-line,
.font-text-georgia .markdown-preview-view {
    font-family: Georgia, 'Times New Roman', serif;
}

.font-text-merriweather .cm-line,
.font-text-merriweather .markdown-preview-view {
    font-family: 'Merriweather', Georgia, serif;
}

.font-text-system .cm-line,
.font-text-system .markdown-preview-view {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}


.font-code-jetbrains {
    --arcadia-font-code: 'JetBrains Mono', monospace;
}

.font-code-fira {
    --arcadia-font-code: 'Fira Code', 'Courier New', monospace;
}

.font-code-source {
    --arcadia-font-code: 'Source Code Pro', 'Courier New', monospace;
}

.font-code-mono {
    --arcadia-font-code: Consolas, 'Courier New', monospace;
}


.font-code-jetbrains .cm-inline-code,
.font-code-jetbrains code,
.font-code-jetbrains pre {
    font-family: 'JetBrains Mono', monospace;
}

.font-code-fira .cm-inline-code,
.font-code-fira code,
.font-code-fira pre {
    font-family: 'Fira Code', 'Courier New', monospace;
}

.font-code-source .cm-inline-code,
.font-code-source code,
.font-code-source pre {
    font-family: 'Source Code Pro', 'Courier New', monospace;
}

.font-code-mono .cm-inline-code,
.font-code-mono code,
.font-code-mono pre {
    font-family: Consolas, 'Courier New', monospace;
}





.active-line-off .cm-activeLine {
    background: transparent !important;
}

.active-line-subtle .cm-activeLine {
    background: rgba(var(--ctp-accent), 0.05) !important;
}

.active-line-moderate .cm-activeLine {
    background: rgba(var(--ctp-accent), 0.1) !important;
}

.active-line-strong .cm-activeLine {
    background: rgba(var(--ctp-accent), 0.15) !important;
}


.focus-mode .cm-line:not(.cm-active) {
    opacity: 0.4;
    transition: opacity 0.2s ease;
}

.focus-mode .cm-line.cm-active,
.focus-mode .cm-line:hover {
    opacity: 1;
}


.show-line-numbers .cm-gutters {
    display: block !important;
}

.show-line-numbers .cm-lineNumbers {
    color: rgba(var(--ctp-text), 0.4);
    font-size: 0.9em;
    padding-right: 8px;
}

.show-line-numbers .cm-gutters:hover .cm-lineNumbers {
    color: rgba(var(--ctp-text), 0.6);
}





.font-text-crimson {
    --arcadia-font-text: 'Crimson Pro', Georgia, serif;
}

.font-text-lora {
    --arcadia-font-text: 'Lora', Georgia, serif;
}

.font-text-literata {
    --arcadia-font-text: 'Literata', Georgia, serif;
}

.font-text-inter {
    --arcadia-font-text: 'Inter', -apple-system, sans-serif;
}

.font-text-roboto {
    --arcadia-font-text: 'Roboto', -apple-system, sans-serif;
}

.font-text-opensans {
    --arcadia-font-text: 'Open Sans', -apple-system, sans-serif;
}


.font-text-crimson .cm-line,
.font-text-crimson .markdown-preview-view {
    font-family: 'Crimson Pro', Georgia, serif;
}

.font-text-lora .cm-line,
.font-text-lora .markdown-preview-view {
    font-family: 'Lora', Georgia, serif;
}

.font-text-literata .cm-line,
.font-text-literata .markdown-preview-view {
    font-family: 'Literata', Georgia, serif;
}

.font-text-inter .cm-line,
.font-text-inter .markdown-preview-view {
    font-family: 'Inter', -apple-system, sans-serif;
}

.font-text-roboto .cm-line,
.font-text-roboto .markdown-preview-view {
    font-family: 'Roboto', -apple-system, sans-serif;
}

.font-text-opensans .cm-line,
.font-text-opensans .markdown-preview-view {
    font-family: 'Open Sans', -apple-system, sans-serif;
}

.font-text-ebgaramond .cm-line,
.font-text-ebgaramond .markdown-preview-view {
    font-family: 'EB Garamond', Georgia, serif;
}

.font-text-librecaslon .cm-line,
.font-text-librecaslon .markdown-preview-view {
    font-family: 'Libre Caslon Text', Georgia, serif;
}

.font-text-cormorant .cm-line,
.font-text-cormorant .markdown-preview-view {
    font-family: 'Cormorant Garamond', Georgia, serif;
}

.font-text-sourceserif .cm-line,
.font-text-sourceserif .markdown-preview-view {
    font-family: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
}


.font-code-cascadia {
    --arcadia-font-code: 'Cascadia Code', Consolas, monospace;
}

.font-code-ibmplex {
    --arcadia-font-code: 'IBM Plex Mono', Consolas, monospace;
}


.font-code-cascadia .cm-inline-code,
.font-code-cascadia code,
.font-code-cascadia pre {
    font-family: 'Cascadia Code', Consolas, monospace;
}

.font-code-ibmplex .cm-inline-code,
.font-code-ibmplex code,
.font-code-ibmplex pre {
    font-family: 'IBM Plex Mono', Consolas, monospace;
}





.links-underlined a.internal-link,
.links-underlined a.external-link {
    text-decoration: underline;
}

.links-no-underline a.internal-link,
.links-no-underline a.external-link {
    text-decoration: none;
}

.links-hover-underline a.internal-link,
.links-hover-underline a.external-link {
    text-decoration: none;
}

.links-hover-underline a.internal-link:hover,
.links-hover-underline a.external-link:hover {
    text-decoration: underline;
}

.links-dotted a.internal-link,
.links-dotted a.external-link {
    text-decoration: underline;
    text-decoration-style: dotted;
}


.tags-pill .tag {
    background: rgba(var(--ctp-accent), 0.15);
    color: rgb(var(--ctp-accent));
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.9em;
    border: none;
}

.tags-hashtag .tag {
    background: transparent;
    color: rgb(var(--ctp-accent));
    padding: 0;
    border: none;
}

.tags-badge .tag {
    background: rgba(var(--ctp-accent), 0.15);
    color: rgb(var(--ctp-accent));
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 0.9em;
    border: none;
}


.highlight-yellow mark,
.highlight-yellow .cm-highlight {
    background-color: rgba(255, 235, 59, 0.4) !important;
}

.highlight-blue mark,
.highlight-blue .cm-highlight {
    background-color: rgba(33, 150, 243, 0.3) !important;
}

.highlight-green mark,
.highlight-green .cm-highlight {
    background-color: rgba(76, 175, 80, 0.3) !important;
}

.highlight-pink mark,
.highlight-pink .cm-highlight {
    background-color: rgba(233, 30, 99, 0.3) !important;
}

.highlight-orange mark,
.highlight-orange .cm-highlight {
    background-color: rgba(255, 152, 0, 0.3) !important;
}





.checkbox-circle input[type="checkbox"] {
    border-radius: 50% !important;
}

.checkbox-rounded input[type="checkbox"] {
    border-radius: 4px !important;
}

.checkbox-square input[type="checkbox"] {
    border-radius: 2px !important;
}





input[data-task]:checked,
li[data-task] > input[type="checkbox"]:checked,
li[data-task] > p > input[type="checkbox"]:checked {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}


input[data-task="x"]:checked,
li[data-task="x"] > input[type="checkbox"]:checked,
li[data-task="x"] > p > input[type="checkbox"]:checked,
input[data-task="X"]:checked,
li[data-task="X"] > input[type="checkbox"]:checked,
li[data-task="X"] > p > input[type="checkbox"]:checked {
    background-color: #58a55c !important;
    border-color: #58a55c !important;
}

.markdown-preview-view li[data-task="x"],
.markdown-preview-view li[data-task="X"] {
    text-decoration: line-through;
    color: rgba(var(--ctp-text), 0.5);
}


input[data-task="-"]:checked,
li[data-task="-"] > input[type="checkbox"]:checked,
li[data-task="-"] > p > input[type="checkbox"]:checked {
    background-color: #e45858 !important;
    border-color: #e45858 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");
    background-size: 80%;
}

.markdown-preview-view li[data-task="-"] {
    text-decoration: line-through;
    color: rgba(var(--ctp-text), 0.4);
}


input[data-task=">"]:checked,
li[data-task=">"] > input[type="checkbox"]:checked,
li[data-task=">"] > p > input[type="checkbox"]:checked {
    background-color: #5090d0 !important;
    border-color: #5090d0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z'/%3E%3C/svg%3E");
    background-size: 70%;
}

.markdown-preview-view li[data-task=">"] {
    color: rgba(var(--ctp-text), 0.7);
}


input[data-task="<"]:checked,
li[data-task="<"] > input[type="checkbox"]:checked,
li[data-task="<"] > p > input[type="checkbox"]:checked {
    background-color: #a37acc !important;
    border-color: #a37acc !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="?"]:checked,
li[data-task="?"] > input[type="checkbox"]:checked,
li[data-task="?"] > p > input[type="checkbox"]:checked {
    background-color: #5cafe0 !important;
    border-color: #5cafe0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z'/%3E%3C/svg%3E");
    background-size: 80%;
}


input[data-task="!"]:checked,
li[data-task="!"] > input[type="checkbox"]:checked,
li[data-task="!"] > p > input[type="checkbox"]:checked {
    background-color: #e05050 !important;
    border-color: #e05050 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
    background-size: 80%;
}

.markdown-preview-view li[data-task="!"] {
    color: #e05050;
    font-weight: 500;
}


input[data-task="*"]:checked,
li[data-task="*"] > input[type="checkbox"]:checked,
li[data-task="*"] > p > input[type="checkbox"]:checked {
    background-color: #f0c040 !important;
    border-color: #f0c040 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
    background-size: 80%;
}


input[data-task="\""]:checked,
li[data-task="\""] > input[type="checkbox"]:checked,
li[data-task="\""] > p > input[type="checkbox"]:checked {
    background-color: #50b0b0 !important;
    border-color: #50b0b0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z'/%3E%3C/svg%3E");
    background-size: 80%;
}

.markdown-preview-view li[data-task="\""] {
    font-style: italic;
}


input[data-task="l"]:checked,
li[data-task="l"] > input[type="checkbox"]:checked,
li[data-task="l"] > p > input[type="checkbox"]:checked {
    background-color: #e07830 !important;
    border-color: #e07830 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
    background-size: 80%;
}


input[data-task="i"]:checked,
li[data-task="i"] > input[type="checkbox"]:checked,
li[data-task="i"] > p > input[type="checkbox"]:checked {
    background-color: #5090d0 !important;
    border-color: #5090d0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
    background-size: 80%;
}


input[data-task="b"]:checked,
li[data-task="b"] > input[type="checkbox"]:checked,
li[data-task="b"] > p > input[type="checkbox"]:checked {
    background-color: #d070a0 !important;
    border-color: #d070a0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="S"]:checked,
li[data-task="S"] > input[type="checkbox"]:checked,
li[data-task="S"] > p > input[type="checkbox"]:checked {
    background-color: #50a060 !important;
    border-color: #50a060 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E");
    background-size: 80%;
}


input[data-task="p"]:checked,
li[data-task="p"] > input[type="checkbox"]:checked,
li[data-task="p"] > p > input[type="checkbox"]:checked {
    background-color: #50a060 !important;
    border-color: #50a060 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="c"]:checked,
li[data-task="c"] > input[type="checkbox"]:checked,
li[data-task="c"] > p > input[type="checkbox"]:checked {
    background-color: #e05050 !important;
    border-color: #e05050 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="/"]:checked,
li[data-task="/"] > input[type="checkbox"]:checked,
li[data-task="/"] > p > input[type="checkbox"]:checked {
    background: linear-gradient(90deg, #f0a030 50%, rgba(240, 160, 48, 0.3) 50%) !important;
    border-color: #f0a030 !important;
}


input[data-task="u"]:checked,
li[data-task="u"] > input[type="checkbox"]:checked,
li[data-task="u"] > p > input[type="checkbox"]:checked {
    background-color: #e05050 !important;
    border-color: #e05050 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="d"]:checked,
li[data-task="d"] > input[type="checkbox"]:checked,
li[data-task="d"] > p > input[type="checkbox"]:checked {
    background-color: #5090d0 !important;
    border-color: #5090d0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="w"]:checked,
li[data-task="w"] > input[type="checkbox"]:checked,
li[data-task="w"] > p > input[type="checkbox"]:checked {
    background-color: #f0c040 !important;
    border-color: #f0c040 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="k"]:checked,
li[data-task="k"] > input[type="checkbox"]:checked,
li[data-task="k"] > p > input[type="checkbox"]:checked {
    background-color: #d0a030 !important;
    border-color: #d0a030 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E");
    background-size: 70%;
}


input[data-task="f"]:checked,
li[data-task="f"] > input[type="checkbox"]:checked,
li[data-task="f"] > p > input[type="checkbox"]:checked {
    background-color: #f06030 !important;
    border-color: #f06030 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E");
    background-size: 75%;
}

.markdown-preview-view li[data-task="f"] {
    color: #f06030;
    font-weight: 500;
}


input[data-task="I"]:checked,
li[data-task="I"] > input[type="checkbox"]:checked,
li[data-task="I"] > p > input[type="checkbox"]:checked {
    background-color: #f0c040 !important;
    border-color: #f0c040 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z'/%3E%3C/svg%3E");
    background-size: 75%;
}


.bullets-arrows ul > li::marker {
    content: "→ ";
}

.bullets-diamonds ul > li::marker {
    content: "◆ ";
}

.bullets-stars ul > li::marker {
    content: "★ ";
}

.bullets-default ul > li::marker {
    content: "• ";
}


.show-indentation-guides .markdown-preview-view ul,
.show-indentation-guides .markdown-preview-view ol,
.show-indentation-guides .cm-line:has(> .cm-list-1),
.show-indentation-guides .cm-line:has(> .cm-list-2),
.show-indentation-guides .cm-line:has(> .cm-list-3) {
    border-left: 1px solid rgba(var(--ctp-accent), 0.15);
    padding-left: 1.5em;
    margin-left: 0.5em;
}





.table-striped table tr:nth-child(even) {
    background-color: rgba(var(--ctp-mantle), 0.3);
}

.table-striped table tr:hover {
    background-color: rgba(var(--ctp-accent), 0.1);
}


.table-borderless table,
.table-borderless table th,
.table-borderless table td {
    border: none !important;
}


.table-compact table th,
.table-compact table td {
    padding: 4px 8px !important;
}


.sticky-table-headers table thead {
    position: sticky;
    top: 0;
    background: rgb(var(--ctp-base));
    z-index: 10;
}

.sticky-table-headers table thead th {
    background: rgb(var(--ctp-mantle));
}





.tabs-rounded .workspace-tab-header {
    border-radius: 8px 8px 0 0;
    margin: 0 2px;
}

.tabs-squared .workspace-tab-header {
    border-radius: 0;
}

.tabs-minimal .workspace-tab-header {
    border: none;
    background: transparent;
}

.tabs-minimal .workspace-tab-header.is-active {
    border-bottom: 2px solid rgb(var(--ctp-accent));
    background: transparent;
}





.high-contrast-mode {
    --ctp-text: 255, 255, 255;
}

.theme-light.high-contrast-mode {
    --ctp-text: 0, 0, 0;
}

.high-contrast-mode .markdown-preview-view,
.high-contrast-mode .cm-line {
    color: rgb(var(--ctp-text));
    font-weight: 500;
}

.high-contrast-mode a {
    color: rgb(var(--ctp-accent));
    text-decoration: underline;
    font-weight: 600;
}

.high-contrast-mode .nav-folder-title,
.high-contrast-mode .nav-file-title {
    font-weight: 500;
}


.reduce-motion * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
}

.reduce-motion .workspace-leaf,
.reduce-motion .markdown-preview-view {
    scroll-behavior: auto !important;
}


.dyslexia-friendly .cm-line,
.dyslexia-friendly .markdown-preview-view,
.dyslexia-friendly p,
.dyslexia-friendly li {
    font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif !important;
    letter-spacing: 0.12em;
    word-spacing: 0.16em;
    line-height: 2.0 !important;
}

.dyslexia-friendly h1,
.dyslexia-friendly h2,
.dyslexia-friendly h3,
.dyslexia-friendly h4,
.dyslexia-friendly h5,
.dyslexia-friendly h6 {
    font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif !important;
    letter-spacing: 0.1em;
    word-spacing: 0.12em;
}

.dyslexia-friendly {
    --arcadia-font-text: 'OpenDyslexic', 'Comic Sans MS', sans-serif;
}





.cards .dataview.table-view-table,
.cards .markdown-preview-view table:not(.dataview) {
    display: grid;
    gap: 1rem;
    border: none;
    background: transparent;
}

.cards .dataview.table-view-table {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}


.cards .dataview.table-view-table thead,
.cards .markdown-preview-view table:not(.dataview) thead {
    display: none;
}


.cards .dataview.table-view-table tbody tr,
.cards .markdown-preview-view table:not(.dataview) tbody tr {
    display: flex;
    flex-direction: column;
    background: rgba(var(--ctp-mantle), 0.5);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid rgba(var(--ctp-accent), 0.1);
    transition: all 0.2s ease;
}

.cards .dataview.table-view-table tbody tr:hover,
.cards .markdown-preview-view table:not(.dataview) tbody tr:hover {
    border-color: rgba(var(--ctp-accent), 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}


.cards .dataview.table-view-table tbody td,
.cards .markdown-preview-view table:not(.dataview) tbody td {
    display: block;
    padding: 0.25rem 0;
    border: none;
    background: transparent;
}

.cards .dataview.table-view-table tbody td:first-child,
.cards .markdown-preview-view table:not(.dataview) tbody td:first-child {
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0.5rem;
    color: rgb(var(--ctp-text));
}


.cards-cover .dataview.table-view-table tbody td img,
.cards-cover .markdown-preview-view table tbody td img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 0.75rem;
}


.cards-cols-1 .dataview.table-view-table { grid-template-columns: 1fr; }
.cards-cols-2 .dataview.table-view-table { grid-template-columns: repeat(2, 1fr); }
.cards-cols-3 .dataview.table-view-table { grid-template-columns: repeat(3, 1fr); }
.cards-cols-4 .dataview.table-view-table { grid-template-columns: repeat(4, 1fr); }
.cards-cols-5 .dataview.table-view-table { grid-template-columns: repeat(5, 1fr); }
.cards-cols-6 .dataview.table-view-table { grid-template-columns: repeat(6, 1fr); }


.cards-align-bottom .dataview.table-view-table tbody tr {
    justify-content: flex-end;
}


@media (max-width: 768px) {
    .cards .dataview.table-view-table,
    .cards-cols-2 .dataview.table-view-table,
    .cards-cols-3 .dataview.table-view-table,
    .cards-cols-4 .dataview.table-view-table {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .cards-cols-4 .dataview.table-view-table,
    .cards-cols-5 .dataview.table-view-table,
    .cards-cols-6 .dataview.table-view-table {
        grid-template-columns: repeat(2, 1fr);
    }
}





.img-100 img, img[alt*="img-100"] { width: 100% !important; }
.img-75 img, img[alt*="img-75"] { width: 75% !important; }
.img-50 img, img[alt*="img-50"] { width: 50% !important; }
.img-33 img, img[alt*="img-33"] { width: 33% !important; }
.img-25 img, img[alt*="img-25"] { width: 25% !important; }


.img-center img, img[alt*="img-center"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.img-circle img, img[alt*="img-circle"] {
    border-radius: 50% !important;
}

.img-rounded img, img[alt*="img-rounded"] {
    border-radius: 12px !important;
}


.img-shadow img, img[alt*="img-shadow"] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}


.img-border img, img[alt*="img-border"] {
    border: 2px solid rgba(var(--ctp-accent), 0.3) !important;
    padding: 4px;
    border-radius: 8px;
}


.theme-dark .img-invert img,
.theme-dark img[alt*="img-invert"] {
    filter: invert(1) hue-rotate(180deg);
}


.img-grid .markdown-preview-view p:has(img),
.img-grid .cm-line:has(img) {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.img-grid .markdown-preview-view p img,
.img-grid .cm-line img {
    flex: 1 1 200px;
    max-width: calc(50% - 0.5rem);
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}


.img-banner img:first-of-type,
img[alt*="img-banner"] {
    width: 100% !important;
    max-height: 200px;
    object-fit: cover;
    border-radius: 0;
    margin: -20px -20px 20px -20px;
}


.img-float-left img, img[alt*="img-float-left"] {
    float: left;
    margin: 0 1rem 1rem 0;
    max-width: 40%;
}

.img-float-right img, img[alt*="img-float-right"] {
    float: right;
    margin: 0 0 1rem 1rem;
    max-width: 40%;
}


.img-clear, .img-grid {
    clear: both;
}





.callout[data-callout="timeline"] {
    --callout-color: 100, 150, 200;
    --callout-icon: lucide-git-commit;
    border-left: 3px solid rgb(var(--callout-color));
    position: relative;
    padding-left: 2rem;
}

.callout[data-callout="timeline"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, rgb(var(--callout-color)), transparent);
}

.callout[data-callout="timeline"] .callout-title {
    font-weight: 700;
    color: rgb(100, 150, 200);
}


.callout[data-callout="profile"],
.callout[data-callout="person"] {
    --callout-color: 150, 120, 180;
    --callout-icon: lucide-user;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
}

.callout[data-callout="profile"] img,
.callout[data-callout="person"] img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}


.callout[data-callout="aside"],
.callout[data-callout="sidenote"] {
    --callout-color: 140, 140, 140;
    --callout-icon: lucide-message-square;
    font-size: 0.9em;
    border-left: 2px solid rgba(var(--callout-color), 0.5);
    background: rgba(var(--ctp-mantle), 0.3);
    padding: 0.75rem 1rem;
}

.callout[data-callout="aside"] .callout-title,
.callout[data-callout="sidenote"] .callout-title {
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


.callout[data-callout="definition"],
.callout[data-callout="def"] {
    --callout-color: 100, 180, 160;
    --callout-icon: lucide-book-open;
    border-left: 4px solid rgb(var(--callout-color));
}

.callout[data-callout="definition"] .callout-title,
.callout[data-callout="def"] .callout-title {
    font-style: italic;
}


.callout[data-callout="pro"],
.callout[data-callout="pros"] {
    --callout-color: 80, 160, 96;
    --callout-icon: lucide-thumbs-up;
}

.callout[data-callout="con"],
.callout[data-callout="cons"] {
    --callout-color: 224, 80, 80;
    --callout-icon: lucide-thumbs-down;
}


.callout[data-callout="goal"],
.callout[data-callout="target"] {
    --callout-color: 240, 180, 80;
    --callout-icon: lucide-target;
}


.callout[data-callout="bookmark"],
.callout[data-callout="reference"],
.callout[data-callout="ref"] {
    --callout-color: 200, 100, 150;
    --callout-icon: lucide-bookmark;
}


.callout[data-callout="faq"],
.callout[data-callout="question"] {
    --callout-color: 100, 150, 220;
    --callout-icon: lucide-help-circle;
}


.callout[data-callout="answer"],
.callout[data-callout="solution"] {
    --callout-color: 100, 180, 100;
    --callout-icon: lucide-check-circle;
}


.callout[data-callout="recipe"],
.callout[data-callout="steps"] {
    --callout-color: 220, 140, 100;
    --callout-icon: lucide-chef-hat;
}

.callout[data-callout="recipe"] ol,
.callout[data-callout="steps"] ol {
    counter-reset: step-counter;
    list-style: none;
    padding-left: 2.5rem;
}

.callout[data-callout="recipe"] ol li,
.callout[data-callout="steps"] ol li {
    counter-increment: step-counter;
    position: relative;
    margin-bottom: 0.75rem;
}

.callout[data-callout="recipe"] ol li::before,
.callout[data-callout="steps"] ol li::before {
    content: counter(step-counter);
    position: absolute;
    left: -2.5rem;
    width: 1.75rem;
    height: 1.75rem;
    background: rgb(220, 140, 100);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.85em;
}


.callout[data-callout="kanban"],
.callout[data-callout="board"] {
    --callout-color: 100, 140, 200;
    --callout-icon: lucide-columns;
}

.callout[data-callout="kanban"] ul,
.callout[data-callout="board"] ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
}

.callout[data-callout="kanban"] ul li,
.callout[data-callout="board"] ul li {
    background: rgba(var(--ctp-base), 0.8);
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    flex: 1 1 auto;
    min-width: 120px;
}


.callout[data-callout="paraphrase"],
.callout[data-callout="cite"] {
    --callout-color: 150, 150, 180;
    --callout-icon: lucide-quote;
    font-style: italic;
    border-left: 3px solid rgb(var(--callout-color));
}


.callout[data-callout="stats"],
.callout[data-callout="metrics"] {
    --callout-color: 80, 180, 180;
    --callout-icon: lucide-bar-chart-2;
}

.callout[data-callout="stats"] strong,
.callout[data-callout="metrics"] strong {
    font-size: 1.5em;
    color: rgb(80, 180, 180);
}





.rainbow-folders .nav-folder:nth-child(10n+1) > .nav-folder-title .nav-folder-title-content { color: #e06070 !important; }
.rainbow-folders .nav-folder:nth-child(10n+2) > .nav-folder-title .nav-folder-title-content { color: #e09050 !important; }
.rainbow-folders .nav-folder:nth-child(10n+3) > .nav-folder-title .nav-folder-title-content { color: #d0b040 !important; }
.rainbow-folders .nav-folder:nth-child(10n+4) > .nav-folder-title .nav-folder-title-content { color: #70b060 !important; }
.rainbow-folders .nav-folder:nth-child(10n+5) > .nav-folder-title .nav-folder-title-content { color: #50b0a0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+6) > .nav-folder-title .nav-folder-title-content { color: #50a0d0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+7) > .nav-folder-title .nav-folder-title-content { color: #7090e0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+8) > .nav-folder-title .nav-folder-title-content { color: #a070d0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+9) > .nav-folder-title .nav-folder-title-content { color: #d070a0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+10) > .nav-folder-title .nav-folder-title-content { color: #a0a0a0 !important; }


.rainbow-folders .nav-folder:nth-child(10n+1) > .nav-folder-title .nav-folder-collapse-indicator { color: #e06070 !important; }
.rainbow-folders .nav-folder:nth-child(10n+2) > .nav-folder-title .nav-folder-collapse-indicator { color: #e09050 !important; }
.rainbow-folders .nav-folder:nth-child(10n+3) > .nav-folder-title .nav-folder-collapse-indicator { color: #d0b040 !important; }
.rainbow-folders .nav-folder:nth-child(10n+4) > .nav-folder-title .nav-folder-collapse-indicator { color: #70b060 !important; }
.rainbow-folders .nav-folder:nth-child(10n+5) > .nav-folder-title .nav-folder-collapse-indicator { color: #50b0a0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+6) > .nav-folder-title .nav-folder-collapse-indicator { color: #50a0d0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+7) > .nav-folder-title .nav-folder-collapse-indicator { color: #7090e0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+8) > .nav-folder-title .nav-folder-collapse-indicator { color: #a070d0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+9) > .nav-folder-title .nav-folder-collapse-indicator { color: #d070a0 !important; }
.rainbow-folders .nav-folder:nth-child(10n+10) > .nav-folder-title .nav-folder-collapse-indicator { color: #a0a0a0 !important; }


.rainbow-folders .nav-folder .nav-folder:nth-child(10n+1) > .nav-folder-title .nav-folder-title-content { color: #c07080 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+2) > .nav-folder-title .nav-folder-title-content { color: #c09060 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+3) > .nav-folder-title .nav-folder-title-content { color: #b0a050 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+4) > .nav-folder-title .nav-folder-title-content { color: #60a070 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+5) > .nav-folder-title .nav-folder-title-content { color: #50a090 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+6) > .nav-folder-title .nav-folder-title-content { color: #5090b0 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+7) > .nav-folder-title .nav-folder-title-content { color: #6080c0 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+8) > .nav-folder-title .nav-folder-title-content { color: #9060b0 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+9) > .nav-folder-title .nav-folder-title-content { color: #b06090 !important; }
.rainbow-folders .nav-folder .nav-folder:nth-child(10n+10) > .nav-folder-title .nav-folder-title-content { color: #909090 !important; }





.markdown-preview-view pre[class*="language-"]::before,
.cm-s-obsidian .HyperMD-codeblock-begin::after {
    content: attr(class);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 8px;
    font-size: 0.7em;
    font-family: var(--arcadia-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: rgba(var(--ctp-accent), 0.2);
    color: rgb(var(--ctp-accent));
    border-radius: 0 6px 0 6px;
    font-weight: 500;
}


.markdown-preview-view pre.language-javascript::before { content: "JS"; background: rgba(247, 223, 30, 0.2); color: #f7df1e; }
.markdown-preview-view pre.language-typescript::before { content: "TS"; background: rgba(49, 120, 198, 0.2); color: #3178c6; }
.markdown-preview-view pre.language-python::before { content: "Python"; background: rgba(55, 118, 171, 0.2); color: #3776ab; }
.markdown-preview-view pre.language-html::before { content: "HTML"; background: rgba(228, 77, 38, 0.2); color: #e44d26; }
.markdown-preview-view pre.language-css::before { content: "CSS"; background: rgba(38, 77, 228, 0.2); color: #264de4; }
.markdown-preview-view pre.language-json::before { content: "JSON"; background: rgba(245, 166, 35, 0.2); color: #f5a623; }
.markdown-preview-view pre.language-bash::before,
.markdown-preview-view pre.language-shell::before { content: "Shell"; background: rgba(78, 170, 37, 0.2); color: #4eaa25; }
.markdown-preview-view pre.language-sql::before { content: "SQL"; background: rgba(0, 117, 143, 0.2); color: #00758f; }
.markdown-preview-view pre.language-java::before { content: "Java"; background: rgba(237, 139, 0, 0.2); color: #ed8b00; }
.markdown-preview-view pre.language-cpp::before,
.markdown-preview-view pre.language-c::before { content: "C++"; background: rgba(0, 89, 156, 0.2); color: #00599c; }
.markdown-preview-view pre.language-rust::before { content: "Rust"; background: rgba(222, 165, 132, 0.2); color: #dea584; }
.markdown-preview-view pre.language-go::before { content: "Go"; background: rgba(0, 173, 216, 0.2); color: #00add8; }
.markdown-preview-view pre.language-ruby::before { content: "Ruby"; background: rgba(204, 52, 45, 0.2); color: #cc342d; }
.markdown-preview-view pre.language-php::before { content: "PHP"; background: rgba(119, 123, 180, 0.2); color: #777bb4; }
.markdown-preview-view pre.language-yaml::before { content: "YAML"; background: rgba(203, 23, 30, 0.2); color: #cb171e; }
.markdown-preview-view pre.language-markdown::before,
.markdown-preview-view pre.language-md::before { content: "MD"; background: rgba(80, 142, 243, 0.2); color: #508ef3; }


.markdown-preview-view pre {
    position: relative;
    padding-top: 2rem !important;
}


.code-line-numbers .markdown-preview-view pre code {
    counter-reset: line;
    padding-left: 3.5rem;
}

.code-line-numbers .markdown-preview-view pre code > span::before {
    counter-increment: line;
    content: counter(line);
    position: absolute;
    left: 0;
    width: 2.5rem;
    text-align: right;
    padding-right: 0.75rem;
    color: rgba(var(--ctp-text), 0.3);
    font-size: 0.85em;
    border-right: 1px solid rgba(var(--ctp-accent), 0.1);
    margin-right: 1rem;
}


.markdown-preview-view pre .copy-code-button,
.markdown-source-view .copy-code-button {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 4px 8px;
    font-size: 0.75em;
    background: rgba(var(--ctp-mantle), 0.8);
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-radius: 4px;
    color: rgb(var(--ctp-text));
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease, background 0.2s ease;
}

.markdown-preview-view pre:hover .copy-code-button,
.markdown-source-view pre:hover .copy-code-button {
    opacity: 1;
}

.markdown-preview-view pre .copy-code-button:hover {
    background: rgba(var(--ctp-accent), 0.2);
}


.syntax-dracula .token.comment,
.syntax-dracula .token.prolog,
.syntax-dracula .token.doctype { color: #6272a4; }
.syntax-dracula .token.punctuation { color: #f8f8f2; }
.syntax-dracula .token.property,
.syntax-dracula .token.tag,
.syntax-dracula .token.constant,
.syntax-dracula .token.symbol { color: #ff79c6; }
.syntax-dracula .token.boolean,
.syntax-dracula .token.number { color: #bd93f9; }
.syntax-dracula .token.selector,
.syntax-dracula .token.string,
.syntax-dracula .token.char { color: #f1fa8c; }
.syntax-dracula .token.builtin { color: #50fa7b; }
.syntax-dracula .token.operator,
.syntax-dracula .token.entity,
.syntax-dracula .token.url { color: #ff79c6; }
.syntax-dracula .token.atrule,
.syntax-dracula .token.keyword { color: #ff79c6; }
.syntax-dracula .token.function,
.syntax-dracula .token.class-name { color: #50fa7b; }
.syntax-dracula .token.regex,
.syntax-dracula .token.important,
.syntax-dracula .token.variable { color: #ffb86c; }


.syntax-nord .token.comment,
.syntax-nord .token.prolog { color: #616e88; }
.syntax-nord .token.punctuation { color: #d8dee9; }
.syntax-nord .token.property,
.syntax-nord .token.tag { color: #81a1c1; }
.syntax-nord .token.boolean,
.syntax-nord .token.number { color: #b48ead; }
.syntax-nord .token.string,
.syntax-nord .token.char { color: #a3be8c; }
.syntax-nord .token.builtin { color: #88c0d0; }
.syntax-nord .token.keyword { color: #81a1c1; }
.syntax-nord .token.function { color: #88c0d0; }
.syntax-nord .token.variable { color: #d8dee9; }


.syntax-github .token.comment,
.syntax-github .token.prolog { color: #6a737d; }
.syntax-github .token.punctuation { color: #24292e; }
.syntax-github .token.property,
.syntax-github .token.tag { color: #22863a; }
.syntax-github .token.boolean,
.syntax-github .token.number { color: #005cc5; }
.syntax-github .token.string { color: #032f62; }
.syntax-github .token.keyword { color: #d73a49; }
.syntax-github .token.function { color: #6f42c1; }





.graph-view.color-fill-tag {
    color: rgb(var(--ctp-accent));
}


.graph-view .graph-view-container .links line {
    stroke: rgba(var(--ctp-accent), 0.3) !important;
    stroke-width: 1px;
    transition: stroke 0.3s ease, stroke-width 0.3s ease;
}

.graph-view .graph-view-container .links line:hover {
    stroke: rgba(var(--ctp-accent), 0.8) !important;
    stroke-width: 2px;
}


.graph-view .graph-view-container .nodes circle {
    fill: rgb(var(--ctp-accent)) !important;
    stroke: rgba(var(--ctp-base), 0.8);
    stroke-width: 2px;
    transition: all 0.3s ease;
}

.graph-view .graph-view-container .nodes circle:hover {
    fill: rgb(var(--ctp-text)) !important;
    stroke: rgb(var(--ctp-accent));
    stroke-width: 3px;
    filter: drop-shadow(0 0 8px rgba(var(--ctp-accent), 0.5));
}


.graph-view .graph-view-container .nodes circle.is-unresolved {
    fill: rgba(var(--ctp-text), 0.3) !important;
    stroke-dasharray: 4 2;
}


.graph-view .graph-view-container .nodes circle.is-tag {
    fill: #f0c040 !important;
}


.graph-view .graph-view-container .nodes circle.is-attachment {
    fill: #70b060 !important;
}


.graph-view .graph-view-container .nodes circle.is-focused {
    fill: rgb(var(--ctp-accent)) !important;
    stroke: rgb(var(--ctp-text));
    stroke-width: 4px;
    filter: drop-shadow(0 0 12px rgba(var(--ctp-accent), 0.8));
}


.graph-view .graph-view-container text {
    fill: rgb(var(--ctp-text)) !important;
    font-size: 0.85em;
    font-weight: 500;
}


.graph-animated .graph-view .graph-view-container .links line {
    animation: pulse-line 3s ease-in-out infinite;
}

@keyframes pulse-line {
    0%, 100% { stroke-opacity: 0.3; }
    50% { stroke-opacity: 0.6; }
}


.graph-controls {
    background: rgba(var(--ctp-mantle), 0.9) !important;
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-radius: 8px;
    padding: 8px;
}





.stacked-tabs .workspace-split.mod-root > .workspace-leaf {
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(var(--ctp-crust), 0.5);
}

.stacked-tabs .workspace-split.mod-root {
    overflow-x: auto;
}

.stacked-tabs .workspace-split.mod-root > .workspace-leaf:not(:first-child) {
    margin-left: -40px;
    position: relative;
}

.stacked-tabs .workspace-leaf-content {
    background: rgb(var(--ctp-base));
}


.stacked-tabs .workspace-leaf .view-header {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(var(--ctp-mantle), 0.95);
    border-right: 1px solid rgba(var(--ctp-crust), 0.5);
    padding: 1rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.stacked-tabs .workspace-leaf .view-header-title {
    transform: rotate(180deg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(100vh - 100px);
}

.stacked-tabs .workspace-leaf .view-content {
    margin-left: 40px;
}


.stacked-tabs .workspace-leaf:hover {
    margin-left: 0 !important;
    z-index: 10;
}

.stacked-tabs .workspace-leaf:hover + .workspace-leaf {
    margin-left: 0 !important;
}





.tag, .cm-hashtag {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.9em;
    font-weight: 500;
    transition: all 0.2s ease;
}


a.tag[href*="important"], .cm-hashtag-end:has(+ [class*="important"]) { background: rgba(224, 80, 80, 0.2) !important; color: #e05050 !important; }
a.tag[href*="urgent"], a.tag[href*="critical"] { background: rgba(240, 96, 48, 0.2) !important; color: #f06030 !important; }
a.tag[href*="todo"], a.tag[href*="task"] { background: rgba(80, 144, 208, 0.2) !important; color: #5090d0 !important; }
a.tag[href*="done"], a.tag[href*="complete"] { background: rgba(88, 165, 92, 0.2) !important; color: #58a55c !important; }
a.tag[href*="inprogress"], a.tag[href*="wip"] { background: rgba(240, 160, 48, 0.2) !important; color: #f0a030 !important; }
a.tag[href*="blocked"], a.tag[href*="waiting"] { background: rgba(180, 80, 80, 0.2) !important; color: #b45050 !important; }


a.tag[href*="project"] { background: rgba(100, 140, 200, 0.2) !important; color: #648cc8 !important; }
a.tag[href*="meeting"], a.tag[href*="event"] { background: rgba(160, 120, 200, 0.2) !important; color: #a078c8 !important; }
a.tag[href*="idea"], a.tag[href*="concept"] { background: rgba(240, 192, 64, 0.2) !important; color: #f0c040 !important; }
a.tag[href*="research"], a.tag[href*="study"] { background: rgba(80, 176, 160, 0.2) !important; color: #50b0a0 !important; }
a.tag[href*="reference"], a.tag[href*="resource"] { background: rgba(200, 100, 150, 0.2) !important; color: #c86496 !important; }
a.tag[href*="personal"] { background: rgba(200, 150, 100, 0.2) !important; color: #c89664 !important; }
a.tag[href*="work"], a.tag[href*="business"] { background: rgba(100, 120, 180, 0.2) !important; color: #6478b4 !important; }


a.tag[href*="daily"], a.tag[href*="today"] { background: rgba(80, 160, 200, 0.2) !important; color: #50a0c8 !important; }
a.tag[href*="weekly"] { background: rgba(120, 160, 120, 0.2) !important; color: #78a078 !important; }
a.tag[href*="monthly"] { background: rgba(160, 140, 180, 0.2) !important; color: #a08cb4 !important; }


a.tag[href*="person"], a.tag[href*="people"] { background: rgba(150, 120, 180, 0.2) !important; color: #9678b4 !important; }
a.tag[href*="place"], a.tag[href*="location"] { background: rgba(224, 120, 48, 0.2) !important; color: #e07830 !important; }


a.tag[href*="book"], a.tag[href*="reading"] { background: rgba(140, 100, 80, 0.2) !important; color: #8c6450 !important; }
a.tag[href*="video"], a.tag[href*="watch"] { background: rgba(220, 80, 80, 0.2) !important; color: #dc5050 !important; }
a.tag[href*="article"], a.tag[href*="blog"] { background: rgba(80, 142, 243, 0.2) !important; color: #508ef3 !important; }
a.tag[href*="podcast"], a.tag[href*="audio"] { background: rgba(255, 160, 0, 0.2) !important; color: #ffa000 !important; }


a.tag:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}





.metadata-container,
.frontmatter-container {
    background: rgba(var(--ctp-mantle), 0.4) !important;
    border: 1px solid rgba(var(--ctp-accent), 0.15);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}


.metadata-container .metadata-properties-heading,
.frontmatter-container-header {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(var(--ctp-text), 0.5);
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--ctp-accent), 0.1);
}


.metadata-property {
    display: flex;
    align-items: flex-start;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(var(--ctp-crust), 0.3);
}

.metadata-property:last-child {
    border-bottom: none;
}


.metadata-property-key,
.frontmatter-key {
    font-weight: 600;
    min-width: 120px;
    color: rgb(var(--ctp-accent));
}


.metadata-property[data-property-key="tags"] .metadata-property-key { color: #f0c040; }
.metadata-property[data-property-key="date"] .metadata-property-key,
.metadata-property[data-property-key="created"] .metadata-property-key { color: #50a0d0; }
.metadata-property[data-property-key="modified"] .metadata-property-key,
.metadata-property[data-property-key="updated"] .metadata-property-key { color: #70b060; }
.metadata-property[data-property-key="author"] .metadata-property-key { color: #a078c8; }
.metadata-property[data-property-key="status"] .metadata-property-key { color: #e09050; }
.metadata-property[data-property-key="type"] .metadata-property-key { color: #d070a0; }
.metadata-property[data-property-key="aliases"] .metadata-property-key { color: #50b0a0; }


.metadata-property-value {
    color: rgb(var(--ctp-text));
    flex: 1;
}


.metadata-property-value a {
    color: rgb(var(--ctp-accent));
}


.metadata-property-value .tag {
    font-size: 0.85em;
    margin-right: 0.25rem;
}





.markdown-embed,
.internal-embed {
    background: rgba(var(--ctp-mantle), 0.3) !important;
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-left: 3px solid rgb(var(--ctp-accent));
    border-radius: 0 8px 8px 0;
    padding: 1rem;
    margin: 1rem 0;
    position: relative;
}


.markdown-embed-title,
.embed-title {
    font-size: 0.8em;
    font-weight: 600;
    color: rgb(var(--ctp-accent));
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--ctp-accent), 0.15);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.markdown-embed-title::before {
    content: "📎";
    font-size: 1em;
}


.markdown-embed-content {
    font-size: 0.95em;
    color: rgba(var(--ctp-text), 0.9);
}


.markdown-embed .markdown-embed {
    background: rgba(var(--ctp-base), 0.5) !important;
    border-left-color: rgba(var(--ctp-accent), 0.5);
    margin: 0.75rem 0;
}


.markdown-embed:hover {
    border-color: rgba(var(--ctp-accent), 0.4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


.internal-embed.image-embed {
    border: none;
    background: transparent !important;
    padding: 0;
}


.markdown-embed-link {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.markdown-embed:hover .markdown-embed-link {
    opacity: 1;
}





.dataview span[data-value^="progress"]::after,
span.progress-bar {
    content: "";
    display: inline-block;
    width: 100px;
    height: 8px;
    background: rgba(var(--ctp-crust), 0.5);
    border-radius: 4px;
    margin-left: 0.5rem;
    position: relative;
    overflow: hidden;
}


.progress-10::after, [data-value="progress-10"]::after { background: linear-gradient(90deg, #e05050 10%, transparent 10%); }
.progress-20::after, [data-value="progress-20"]::after { background: linear-gradient(90deg, #e07030 20%, transparent 20%); }
.progress-30::after, [data-value="progress-30"]::after { background: linear-gradient(90deg, #e09030 30%, transparent 30%); }
.progress-40::after, [data-value="progress-40"]::after { background: linear-gradient(90deg, #d0a030 40%, transparent 40%); }
.progress-50::after, [data-value="progress-50"]::after { background: linear-gradient(90deg, #c0b030 50%, transparent 50%); }
.progress-60::after, [data-value="progress-60"]::after { background: linear-gradient(90deg, #90b040 60%, transparent 60%); }
.progress-70::after, [data-value="progress-70"]::after { background: linear-gradient(90deg, #70b050 70%, transparent 70%); }
.progress-80::after, [data-value="progress-80"]::after { background: linear-gradient(90deg, #60b060 80%, transparent 80%); }
.progress-90::after, [data-value="progress-90"]::after { background: linear-gradient(90deg, #50b070 90%, transparent 90%); }
.progress-100::after, [data-value="progress-100"]::after { background: linear-gradient(90deg, #50a080 100%, transparent 100%); }


.progress-labeled::before {
    content: attr(data-progress) "%";
    font-size: 0.8em;
    font-weight: 600;
    margin-right: 0.5rem;
    color: rgb(var(--ctp-text));
}


.progress-animated::after {
    animation: progress-shine 2s ease-in-out infinite;
}

@keyframes progress-shine {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.2); }
}


.contains-task-list {
    --task-total: 0;
    --task-done: 0;
}


.callout[data-callout="progress"] {
    --callout-color: 80, 160, 120;
    --callout-icon: lucide-bar-chart;
}

.callout[data-callout="progress"] .callout-content {
    display: flex;
    align-items: center;
    gap: 1rem;
}





.canvas-wrapper {
    background: rgb(var(--ctp-crust)) !important;
}


.canvas-node {
    background: rgb(var(--ctp-base)) !important;
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
}

.canvas-node:hover {
    border-color: rgba(var(--ctp-accent), 0.4);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.canvas-node.is-focused {
    border-color: rgb(var(--ctp-accent));
    box-shadow: 0 0 0 2px rgba(var(--ctp-accent), 0.3);
}


.canvas-node-content {
    padding: 1rem;
}


.canvas-node-label {
    font-weight: 600;
    color: rgb(var(--ctp-text));
    padding: 0.5rem;
    background: rgba(var(--ctp-mantle), 0.5);
    border-bottom: 1px solid rgba(var(--ctp-accent), 0.1);
}


.canvas-edge {
    stroke: rgba(var(--ctp-accent), 0.5) !important;
    stroke-width: 2px;
}

.canvas-edge:hover {
    stroke: rgb(var(--ctp-accent)) !important;
    stroke-width: 3px;
}


.canvas-edge-end {
    fill: rgba(var(--ctp-accent), 0.5) !important;
}


.canvas-node-group {
    background: rgba(var(--ctp-accent), 0.05) !important;
    border: 2px dashed rgba(var(--ctp-accent), 0.3);
    border-radius: 12px;
}

.canvas-node-group .canvas-node-label {
    background: rgba(var(--ctp-accent), 0.1);
    color: rgb(var(--ctp-accent));
}


.canvas-node[data-node-color="1"] { border-left: 4px solid #e05050; }
.canvas-node[data-node-color="2"] { border-left: 4px solid #e09050; }
.canvas-node[data-node-color="3"] { border-left: 4px solid #f0c040; }
.canvas-node[data-node-color="4"] { border-left: 4px solid #70b060; }
.canvas-node[data-node-color="5"] { border-left: 4px solid #50b0a0; }
.canvas-node[data-node-color="6"] { border-left: 4px solid #5090d0; }


.canvas-minimap {
    background: rgba(var(--ctp-mantle), 0.9);
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-radius: 8px;
}


.canvas-controls {
    background: rgba(var(--ctp-mantle), 0.9);
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    border-radius: 8px;
    padding: 4px;
}

.canvas-controls button {
    background: transparent;
    border: none;
    color: rgb(var(--ctp-text));
    padding: 6px;
    border-radius: 4px;
    transition: background 0.2s ease;
}

.canvas-controls button:hover {
    background: rgba(var(--ctp-accent), 0.2);
}





.markdown-preview-view img:not(.emoji),
.markdown-source-view.mod-cm6 img:not(.emoji),
.cm-content img:not(.emoji) {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15),
                0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1rem auto;
}


.markdown-preview-view img:not(.emoji):hover,
.markdown-source-view.mod-cm6 img:not(.emoji):hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(0, 0, 0, 0.1);
    cursor: zoom-in;
}


.markdown-preview-view img:not(.emoji):active {
    transform: translateY(-2px) scale(1.005);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18),
                0 2px 4px rgba(0, 0, 0, 0.1);
}


.image-embed[alt]:not([alt=""])::after {
    content: attr(alt);
    display: block;
    text-align: center;
    font-size: 0.85em;
    color: rgba(var(--ctp-text), 0.7);
    font-style: italic;
    margin-top: 0.5rem;
    padding: 0 1rem;
}


figure {
    margin: 1.5rem auto;
    text-align: center;
}

figure img {
    margin-bottom: 0.5rem !important;
}

figcaption {
    font-size: 0.85em;
    color: rgba(var(--ctp-text), 0.7);
    font-style: italic;
    margin-top: 0.5rem;
}


.media-polished .markdown-preview-view img:not(.emoji),
.media-polished .markdown-source-view.mod-cm6 img:not(.emoji) {
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    padding: 4px;
    background: rgba(var(--ctp-mantle), 0.5);
}


.markdown-preview-view video,
.markdown-source-view.mod-cm6 video,
.internal-embed video,
.external-embed video,
video {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2),
                0 2px 6px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    display: block;
    margin: 1.5rem auto;
    background: rgb(var(--ctp-crust));
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.markdown-preview-view video:hover,
.markdown-source-view.mod-cm6 video:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25),
                0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}


.video-embed,
.internal-embed.media-embed {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin: 1.5rem auto;
    max-width: 100%;
}



.video-embed::before,
.internal-embed.is-video::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: rgba(var(--ctp-accent), 0.9);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
}

.video-embed:hover::before,
.internal-embed.is-video:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}


video::-webkit-media-controls-panel {
    background: linear-gradient(to top,
        rgba(var(--ctp-crust), 0.95) 0%,
        rgba(var(--ctp-crust), 0.8) 50%,
        transparent 100%);
    border-radius: 0 0 12px 12px;
}

video::-webkit-media-controls-play-button {
    background-color: rgba(var(--ctp-accent), 0.8);
    border-radius: 50%;
    transition: all 0.2s ease;
}

video::-webkit-media-controls-play-button:hover {
    background-color: rgb(var(--ctp-accent));
    transform: scale(1.1);
}

video::-webkit-media-controls-timeline {
    background: rgba(var(--ctp-text), 0.2);
    border-radius: 4px;
    height: 6px;
}

video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display {
    color: rgb(var(--ctp-text));
    font-family: var(--arcadia-font-ui);
    font-size: 12px;
}

video::-webkit-media-controls-volume-slider {
    background: rgba(var(--ctp-accent), 0.3);
    border-radius: 4px;
}

video::-webkit-media-controls-mute-button {
    background-color: transparent;
    border-radius: 4px;
}

video::-webkit-media-controls-fullscreen-button {
    background-color: transparent;
    border-radius: 4px;
}


.markdown-preview-view audio,
.markdown-source-view.mod-cm6 audio,
.internal-embed audio,
audio {
    width: 100%;
    max-width: 500px;
    height: 54px;
    border-radius: 27px;
    margin: 1rem auto;
    display: block;
    background: linear-gradient(135deg,
        rgba(var(--ctp-mantle), 0.95) 0%,
        rgba(var(--ctp-crust), 0.95) 100%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),
                0 2px 4px rgba(0, 0, 0, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.markdown-preview-view audio:hover,
.markdown-source-view.mod-cm6 audio:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2),
                0 3px 6px rgba(0, 0, 0, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: translateY(-1px);
}


audio:focus {
    outline: 2px solid rgb(var(--ctp-accent));
    outline-offset: 2px;
}


audio::-webkit-media-controls-panel {
    background: transparent;
    padding: 0 12px;
}

audio::-webkit-media-controls-play-button {
    background-color: rgb(var(--ctp-accent));
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    transition: all 0.2s ease;
}

audio::-webkit-media-controls-play-button:hover {
    background-color: rgb(var(--ctp-accent-hover));
    transform: scale(1.08);
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
    color: rgb(var(--ctp-text));
    font-family: var(--arcadia-font-ui);
    font-size: 11px;
    font-weight: 500;
}

audio::-webkit-media-controls-timeline {
    background: rgba(var(--ctp-text), 0.15);
    border-radius: 3px;
    height: 4px;
    margin: 0 8px;
}

audio::-webkit-media-controls-volume-slider-container {
    background: transparent;
}

audio::-webkit-media-controls-volume-slider {
    background: rgba(var(--ctp-accent), 0.3);
    border-radius: 3px;
}

audio::-webkit-media-controls-mute-button {
    background-color: transparent;
}


.media-large-controls audio {
    height: 72px;
    border-radius: 36px;
    max-width: 600px;
}

.media-large-controls audio::-webkit-media-controls-play-button {
    width: 48px;
    height: 48px;
}

.media-large-controls audio::-webkit-media-controls-timeline {
    height: 8px;
}

.media-large-controls audio::-webkit-media-controls-current-time-display,
.media-large-controls audio::-webkit-media-controls-time-remaining-display {
    font-size: 14px;
}


.audio-embed,
.internal-embed.is-audio {
    position: relative;
    background: linear-gradient(135deg,
        rgba(var(--ctp-mantle), 0.9) 0%,
        rgba(var(--ctp-crust), 0.9) 100%);
    border-radius: 16px;
    padding: 16px;
    margin: 1rem auto;
    max-width: 500px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.media-waveform .audio-embed::before,
.media-waveform .internal-embed.is-audio::before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: 60px;
    right: 100px;
    height: 24px;
    transform: translateY(50%);
    background: repeating-linear-gradient(
        90deg,
        rgba(var(--ctp-accent), 0.3) 0px,
        rgba(var(--ctp-accent), 0.3) 3px,
        transparent 3px,
        transparent 6px
    );
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24'%3E%3Crect x='0' y='8' width='3' height='8' fill='white'/%3E%3Crect x='6' y='4' width='3' height='16' fill='white'/%3E%3Crect x='12' y='6' width='3' height='12' fill='white'/%3E%3Crect x='18' y='2' width='3' height='20' fill='white'/%3E%3Crect x='24' y='7' width='3' height='10' fill='white'/%3E%3Crect x='30' y='4' width='3' height='16' fill='white'/%3E%3Crect x='36' y='9' width='3' height='6' fill='white'/%3E%3Crect x='42' y='5' width='3' height='14' fill='white'/%3E%3Crect x='48' y='3' width='3' height='18' fill='white'/%3E%3Crect x='54' y='7' width='3' height='10' fill='white'/%3E%3Crect x='60' y='4' width='3' height='16' fill='white'/%3E%3Crect x='66' y='8' width='3' height='8' fill='white'/%3E%3Crect x='72' y='5' width='3' height='14' fill='white'/%3E%3Crect x='78' y='6' width='3' height='12' fill='white'/%3E%3Crect x='84' y='9' width='3' height='6' fill='white'/%3E%3Crect x='90' y='4' width='3' height='16' fill='white'/%3E%3Crect x='96' y='7' width='3' height='10' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24'%3E%3Crect x='0' y='8' width='3' height='8' fill='white'/%3E%3Crect x='6' y='4' width='3' height='16' fill='white'/%3E%3Crect x='12' y='6' width='3' height='12' fill='white'/%3E%3Crect x='18' y='2' width='3' height='20' fill='white'/%3E%3Crect x='24' y='7' width='3' height='10' fill='white'/%3E%3Crect x='30' y='4' width='3' height='16' fill='white'/%3E%3Crect x='36' y='9' width='3' height='6' fill='white'/%3E%3Crect x='42' y='5' width='3' height='14' fill='white'/%3E%3Crect x='48' y='3' width='3' height='18' fill='white'/%3E%3Crect x='54' y='7' width='3' height='10' fill='white'/%3E%3Crect x='60' y='4' width='3' height='16' fill='white'/%3E%3Crect x='66' y='8' width='3' height='8' fill='white'/%3E%3Crect x='72' y='5' width='3' height='14' fill='white'/%3E%3Crect x='78' y='6' width='3' height='12' fill='white'/%3E%3Crect x='84' y='9' width='3' height='6' fill='white'/%3E%3Crect x='90' y='4' width='3' height='16' fill='white'/%3E%3Crect x='96' y='7' width='3' height='10' fill='white'/%3E%3C/svg%3E");
    mask-repeat: repeat-x;
    -webkit-mask-repeat: repeat-x;
    mask-size: 100px 24px;
    -webkit-mask-size: 100px 24px;
    pointer-events: none;
    opacity: 0.6;
}


.media-gallery,
.markdown-preview-view .image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    margin: 1.5rem 0;
}

.media-gallery img,
.image-gallery img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    margin: 0 !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.media-gallery img:hover,
.image-gallery img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}


.media-masonry {
    column-count: 3;
    column-gap: 12px;
    margin: 1.5rem 0;
}

.media-masonry img {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
    break-inside: avoid;
}

@media (max-width: 768px) {
    .media-masonry {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    .media-masonry {
        column-count: 1;
    }
}


.markdown-preview-view .pdf-embed,
.internal-embed.pdf-embed,
iframe[src*=".pdf"] {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(var(--ctp-accent), 0.2);
    margin: 1.5rem auto;
    overflow: hidden;
}


.pdf-toolbar {
    background: rgba(var(--ctp-mantle), 0.95);
    border-bottom: 1px solid rgba(var(--ctp-accent), 0.1);
    padding: 8px 12px;
}


.markdown-preview-view iframe,
.external-embed iframe {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border: none;
    margin: 1.5rem auto;
    display: block;
    max-width: 100%;
}


.external-embed[src*="youtube"],
.external-embed[src*="vimeo"],
iframe[src*="youtube"],
iframe[src*="vimeo"] {
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 720px;
}


.image-embed.is-loading,
.internal-embed.is-loading {
    background: linear-gradient(
        90deg,
        rgba(var(--ctp-mantle), 0.5) 0%,
        rgba(var(--ctp-mantle), 0.8) 50%,
        rgba(var(--ctp-mantle), 0.5) 100%
    );
    background-size: 200% 100%;
    animation: media-shimmer 1.5s infinite;
    border-radius: 8px;
    min-height: 100px;
}

@keyframes media-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}


.image-embed.mod-error,
.internal-embed.mod-error {
    background: rgba(var(--ctp-error), 0.1);
    border: 1px dashed rgba(var(--ctp-error), 0.5);
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    color: rgb(var(--ctp-error));
}


.markdown-preview-view p img:not(.emoji),
.cm-line img:not(.emoji):not(:only-child) {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.25rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    max-height: 1.5em;
}



.img-small img { max-width: 200px !important; }
.img-medium img { max-width: 400px !important; }
.img-large img { max-width: 600px !important; }
.img-full img { max-width: 100% !important; }


.img-float-left img {
    float: left;
    margin: 0 1.5rem 1rem 0 !important;
    max-width: 40%;
}

.img-float-right img {
    float: right;
    margin: 0 0 1rem 1.5rem !important;
    max-width: 40%;
}


.img-float-left::after,
.img-float-right::after {
    content: "";
    display: table;
    clear: both;
}


.media-rounded-sm img,
.media-rounded-sm video,
.media-rounded-sm audio { border-radius: 4px !important; }

.media-rounded-md img,
.media-rounded-md video,
.media-rounded-md audio { border-radius: 8px !important; }

.media-rounded-lg img,
.media-rounded-lg video,
.media-rounded-lg audio { border-radius: 16px !important; }

.media-rounded-full img { border-radius: 50% !important; }


.media-no-shadow img,
.media-no-shadow video,
.media-no-shadow audio {
    box-shadow: none !important;
}


.media-border img,
.media-border video {
    border: 2px solid rgba(var(--ctp-accent), 0.3) !important;
}

.media-border-accent img,
.media-border-accent video {
    border: 3px solid rgb(var(--ctp-accent)) !important;
}


.media-lightbox img {
    cursor: zoom-in;
}

.media-lightbox img:focus,
.media-lightbox img.expanded {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    max-height: 90vh;
    z-index: 9999;
    border-radius: 12px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
    cursor: zoom-out;
}


.media-lightbox img:focus::before,
.media-lightbox img.expanded::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: -1;
}


@media print {
    img, video, audio {
        box-shadow: none !important;
        border: 1px solid #ccc !important;
        break-inside: avoid;
    }

    video, audio, iframe {
        display: none !important;
    }
}


@media (prefers-reduced-motion: reduce) {
    img, video, audio,
    .image-embed, .video-embed, .audio-embed {
        transition: none !important;
        animation: none !important;
    }

    img:hover, video:hover, audio:hover {
        transform: none !important;
    }
}





.paper-lined .markdown-preview-view,
.paper-grid .markdown-preview-view,
.paper-dot .markdown-preview-view,
.paper-graph .markdown-preview-view,
.paper-legal .markdown-preview-view,
.paper-cornell .markdown-preview-view,
.paper-lined .cm-content,
.paper-grid .cm-content,
.paper-dot .cm-content,
.paper-graph .cm-content,
.paper-legal .cm-content,
.paper-cornell .cm-content {
    background-attachment: local;
    background-repeat: repeat;
}


.paper-lined .markdown-preview-view,
.paper-lined .cm-content {
    background-image:
        linear-gradient(transparent 0px, transparent 27px, rgba(var(--ctp-accent), 0.3) 27px, rgba(var(--ctp-accent), 0.3) 28px),
        linear-gradient(90deg, transparent 0px, transparent 60px, rgba(200, 80, 80, 0.4) 60px, rgba(200, 80, 80, 0.4) 62px, transparent 62px);
    background-size: 100% 28px, 100% 100%;
    padding-left: 70px !important;
    line-height: 28px !important;
}


.paper-lined-subtle .markdown-preview-view,
.paper-lined-subtle .cm-content {
    background-image:
        linear-gradient(transparent 0px, transparent 27px, rgba(var(--ctp-text), 0.08) 27px, rgba(var(--ctp-text), 0.08) 28px);
    background-size: 100% 28px;
    line-height: 28px !important;
}


.paper-grid .markdown-preview-view,
.paper-grid .cm-content {
    background-image:
        linear-gradient(rgba(var(--ctp-accent), 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--ctp-accent), 0.15) 1px, transparent 1px);
    background-size: 24px 24px;
}


.paper-grid-sm .markdown-preview-view,
.paper-grid-sm .cm-content {
    background-image:
        linear-gradient(rgba(var(--ctp-accent), 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--ctp-accent), 0.12) 1px, transparent 1px);
    background-size: 12px 12px;
}


.paper-grid-lg .markdown-preview-view,
.paper-grid-lg .cm-content {
    background-image:
        linear-gradient(rgba(var(--ctp-accent), 0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--ctp-accent), 0.18) 1px, transparent 1px);
    background-size: 48px 48px;
}


.paper-dot .markdown-preview-view,
.paper-dot .cm-content {
    background-image: radial-gradient(circle, rgba(var(--ctp-text), 0.25) 1px, transparent 1px);
    background-size: 20px 20px;
}


.paper-dot-wide .markdown-preview-view,
.paper-dot-wide .cm-content {
    background-image: radial-gradient(circle, rgba(var(--ctp-text), 0.25) 1.5px, transparent 1.5px);
    background-size: 28px 28px;
}


.paper-graph .markdown-preview-view,
.paper-graph .cm-content {
    background-image:
        
        linear-gradient(rgba(var(--ctp-accent), 0.25) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--ctp-accent), 0.25) 1px, transparent 1px),
        
        linear-gradient(rgba(var(--ctp-accent), 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--ctp-accent), 0.08) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
}


.paper-legal .markdown-preview-view,
.paper-legal .cm-content {
    background-color: #fffde7 !important;
    background-image:
        linear-gradient(transparent 0px, transparent 27px, #c8e0f0 27px, #c8e0f0 28px),
        linear-gradient(90deg, transparent 0px, transparent 50px, #f0a0a0 50px, #f0a0a0 52px, transparent 52px);
    background-size: 100% 28px, 100% 100%;
    padding-left: 60px !important;
    line-height: 28px !important;
}


.paper-legal .markdown-preview-view,
.paper-legal .cm-content,
.paper-legal .markdown-preview-view p,
.paper-legal .cm-line {
    color: #1a1a1a !important;
}


.paper-cornell .markdown-preview-view,
.paper-cornell .cm-content {
    background-image:
        
        linear-gradient(transparent 0px, transparent 59px, rgba(var(--ctp-accent), 0.4) 59px, rgba(var(--ctp-accent), 0.4) 61px, transparent 61px),
        
        linear-gradient(90deg, transparent 0px, transparent 180px, rgba(var(--ctp-accent), 0.4) 180px, rgba(var(--ctp-accent), 0.4) 182px, transparent 182px),
        
        linear-gradient(transparent calc(100% - 120px), rgba(var(--ctp-accent), 0.4) calc(100% - 120px), rgba(var(--ctp-accent), 0.4) calc(100% - 118px), transparent calc(100% - 118px)),
        
        linear-gradient(transparent 0px, transparent 27px, rgba(var(--ctp-text), 0.06) 27px, rgba(var(--ctp-text), 0.06) 28px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 28px;
    padding-left: 190px !important;
    padding-top: 70px !important;
    padding-bottom: 130px !important;
}


.paper-cornell .markdown-preview-view::before {
    content: "Notes";
    position: absolute;
    top: 20px;
    left: 200px;
    font-size: 0.75em;
    color: rgba(var(--ctp-text), 0.4);
    text-transform: uppercase;
    letter-spacing: 2px;
}


.paper-iso .markdown-preview-view,
.paper-iso .cm-content {
    background-image:
        linear-gradient(30deg, rgba(var(--ctp-accent), 0.1) 12%, transparent 12.5%, transparent 87%, rgba(var(--ctp-accent), 0.1) 87.5%, rgba(var(--ctp-accent), 0.1)),
        linear-gradient(150deg, rgba(var(--ctp-accent), 0.1) 12%, transparent 12.5%, transparent 87%, rgba(var(--ctp-accent), 0.1) 87.5%, rgba(var(--ctp-accent), 0.1)),
        linear-gradient(30deg, rgba(var(--ctp-accent), 0.1) 12%, transparent 12.5%, transparent 87%, rgba(var(--ctp-accent), 0.1) 87.5%, rgba(var(--ctp-accent), 0.1)),
        linear-gradient(150deg, rgba(var(--ctp-accent), 0.1) 12%, transparent 12.5%, transparent 87%, rgba(var(--ctp-accent), 0.1) 87.5%, rgba(var(--ctp-accent), 0.1)),
        linear-gradient(60deg, rgba(var(--ctp-accent), 0.08) 25%, transparent 25.5%, transparent 75%, rgba(var(--ctp-accent), 0.08) 75%, rgba(var(--ctp-accent), 0.08)),
        linear-gradient(60deg, rgba(var(--ctp-accent), 0.08) 25%, transparent 25.5%, transparent 75%, rgba(var(--ctp-accent), 0.08) 75%, rgba(var(--ctp-accent), 0.08));
    background-size: 40px 70px;
    background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px;
}


.paper-music .markdown-preview-view,
.paper-music .cm-content {
    background-image:
        repeating-linear-gradient(
            transparent 0px,
            transparent 10px,
            rgba(var(--ctp-text), 0.2) 10px,
            rgba(var(--ctp-text), 0.2) 11px,
            transparent 11px,
            transparent 21px,
            rgba(var(--ctp-text), 0.2) 21px,
            rgba(var(--ctp-text), 0.2) 22px,
            transparent 22px,
            transparent 32px,
            rgba(var(--ctp-text), 0.2) 32px,
            rgba(var(--ctp-text), 0.2) 33px,
            transparent 33px,
            transparent 43px,
            rgba(var(--ctp-text), 0.2) 43px,
            rgba(var(--ctp-text), 0.2) 44px,
            transparent 44px,
            transparent 54px,
            rgba(var(--ctp-text), 0.2) 54px,
            rgba(var(--ctp-text), 0.2) 55px,
            transparent 55px,
            transparent 100px
        );
    background-size: 100% 100px;
}


.paper-cream .markdown-preview-view,
.paper-cream .cm-content { background-color: rgba(255, 253, 240, 0.5); }

.paper-blue .markdown-preview-view,
.paper-blue .cm-content { background-color: rgba(240, 248, 255, 0.5); }

.paper-green .markdown-preview-view,
.paper-green .cm-content { background-color: rgba(240, 255, 244, 0.5); }

.paper-pink .markdown-preview-view,
.paper-pink .cm-content { background-color: rgba(255, 245, 250, 0.5); }

.paper-yellow .markdown-preview-view,
.paper-yellow .cm-content { background-color: rgba(255, 255, 240, 0.5); }

.paper-lavender .markdown-preview-view,
.paper-lavender .cm-content { background-color: rgba(248, 245, 255, 0.5); }


.theme-dark .paper-cream .markdown-preview-view,
.theme-dark .paper-cream .cm-content { background-color: rgba(45, 42, 35, 0.5); }

.theme-dark .paper-blue .markdown-preview-view,
.theme-dark .paper-blue .cm-content { background-color: rgba(35, 42, 50, 0.5); }

.theme-dark .paper-green .markdown-preview-view,
.theme-dark .paper-green .cm-content { background-color: rgba(35, 45, 38, 0.5); }

.theme-dark .paper-pink .markdown-preview-view,
.theme-dark .paper-pink .cm-content { background-color: rgba(48, 38, 42, 0.5); }

.theme-dark .paper-yellow .markdown-preview-view,
.theme-dark .paper-yellow .cm-content { background-color: rgba(48, 46, 35, 0.5); }

.theme-dark .paper-lavender .markdown-preview-view,
.theme-dark .paper-lavender .cm-content { background-color: rgba(42, 38, 50, 0.5); }





.callout[data-callout^="sticky"],
.callout[data-callout^="note-"] {
    --callout-padding: 16px;
    padding: 0;
    border: none;
    border-radius: 2px 2px 4px 4px;
    box-shadow:
        2px 2px 8px rgba(0, 0, 0, 0.15),
        0 0 1px rgba(0, 0, 0, 0.1);
    transform: rotate(-1deg);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin: 1.5rem 0;
    max-width: 350px;
    position: relative;
}


.callout[data-callout^="sticky"]:hover,
.callout[data-callout^="note-"]:hover {
    transform: rotate(0deg) translateY(-2px);
    box-shadow:
        4px 4px 12px rgba(0, 0, 0, 0.2),
        0 0 2px rgba(0, 0, 0, 0.1);
}


.callout[data-callout^="sticky"]::before,
.callout[data-callout^="note-"]::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 16px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}


.callout[data-callout^="sticky"] .callout-icon,
.callout[data-callout^="note-"] .callout-icon {
    display: none;
}


.callout[data-callout^="sticky"] .callout-title,
.callout[data-callout^="note-"] .callout-title {
    padding: 12px 16px 8px 16px;
    font-weight: 600;
    font-size: 0.95em;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}


.callout[data-callout^="sticky"] .callout-content,
.callout[data-callout^="note-"] .callout-content {
    padding: 12px 16px 16px 16px;
    font-size: 0.9em;
    line-height: 1.5;
}


.sticky-handwriting .callout[data-callout^="sticky"] .callout-content,
.sticky-handwriting .callout[data-callout^="note-"] .callout-content {
    font-family: 'Caveat', 'Comic Sans MS', cursive;
    font-size: 1.1em;
}


.callout[data-callout="sticky-yellow"],
.callout[data-callout="sticky"],
.callout[data-callout="note-yellow"],
.callout[data-callout="postit"] {
    background: linear-gradient(135deg, #fff9b1 0%, #fff176 100%);
}

.callout[data-callout="sticky-yellow"] .callout-title,
.callout[data-callout="sticky"] .callout-title,
.callout[data-callout="note-yellow"] .callout-title,
.callout[data-callout="postit"] .callout-title {
    color: #5d4e00;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-yellow"] .callout-content,
.callout[data-callout="sticky"] .callout-content,
.callout[data-callout="note-yellow"] .callout-content,
.callout[data-callout="postit"] .callout-content {
    color: #3d3200;
}


.callout[data-callout="sticky-pink"],
.callout[data-callout="note-pink"] {
    background: linear-gradient(135deg, #ffcdd2 0%, #f8bbd9 100%);
}

.callout[data-callout="sticky-pink"] .callout-title,
.callout[data-callout="note-pink"] .callout-title {
    color: #6d1b3a;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-pink"] .callout-content,
.callout[data-callout="note-pink"] .callout-content {
    color: #4a1228;
}


.callout[data-callout="sticky-blue"],
.callout[data-callout="note-blue"] {
    background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%);
}

.callout[data-callout="sticky-blue"] .callout-title,
.callout[data-callout="note-blue"] .callout-title {
    color: #0d3c61;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-blue"] .callout-content,
.callout[data-callout="note-blue"] .callout-content {
    color: #0a2a42;
}


.callout[data-callout="sticky-green"],
.callout[data-callout="note-green"] {
    background: linear-gradient(135deg, #c8e6c9 0%, #a5d6a7 100%);
}

.callout[data-callout="sticky-green"] .callout-title,
.callout[data-callout="note-green"] .callout-title {
    color: #1b5e20;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-green"] .callout-content,
.callout[data-callout="note-green"] .callout-content {
    color: #133a14;
}


.callout[data-callout="sticky-purple"],
.callout[data-callout="note-purple"] {
    background: linear-gradient(135deg, #e1bee7 0%, #ce93d8 100%);
}

.callout[data-callout="sticky-purple"] .callout-title,
.callout[data-callout="note-purple"] .callout-title {
    color: #4a148c;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-purple"] .callout-content,
.callout[data-callout="note-purple"] .callout-content {
    color: #320b5e;
}


.callout[data-callout="sticky-orange"],
.callout[data-callout="note-orange"] {
    background: linear-gradient(135deg, #ffe0b2 0%, #ffcc80 100%);
}

.callout[data-callout="sticky-orange"] .callout-title,
.callout[data-callout="note-orange"] .callout-title {
    color: #7a3d00;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-orange"] .callout-content,
.callout[data-callout="note-orange"] .callout-content {
    color: #522900;
}


.callout[data-callout="sticky-gray"],
.callout[data-callout="sticky-grey"],
.callout[data-callout="note-gray"],
.callout[data-callout="note-grey"] {
    background: linear-gradient(135deg, #e0e0e0 0%, #bdbdbd 100%);
}

.callout[data-callout="sticky-gray"] .callout-title,
.callout[data-callout="sticky-grey"] .callout-title,
.callout[data-callout="note-gray"] .callout-title,
.callout[data-callout="note-grey"] .callout-title {
    color: #333;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-gray"] .callout-content,
.callout[data-callout="sticky-grey"] .callout-content,
.callout[data-callout="note-gray"] .callout-content,
.callout[data-callout="note-grey"] .callout-content {
    color: #1a1a1a;
}


.callout[data-callout="sticky-teal"],
.callout[data-callout="note-teal"] {
    background: linear-gradient(135deg, #b2dfdb 0%, #80cbc4 100%);
}

.callout[data-callout="sticky-teal"] .callout-title,
.callout[data-callout="note-teal"] .callout-title {
    color: #004d40;
    background: rgba(255, 255, 255, 0.3);
}

.callout[data-callout="sticky-teal"] .callout-content,
.callout[data-callout="note-teal"] .callout-content {
    color: #00332b;
}




.callout[data-callout$="-right"] {
    transform: rotate(1.5deg) !important;
}

.callout[data-callout$="-right"]:hover {
    transform: rotate(0deg) translateY(-2px) !important;
}


.callout[data-callout$="-left"] {
    transform: rotate(-2deg) !important;
}

.callout[data-callout$="-left"]:hover {
    transform: rotate(0deg) translateY(-2px) !important;
}


.callout[data-callout$="-wide"] {
    max-width: 100%;
}


.sticky-stack .callout[data-callout^="sticky"],
.sticky-stack .callout[data-callout^="note-"] {
    margin-bottom: -20px;
}

.sticky-stack .callout[data-callout^="sticky"]:nth-child(odd),
.sticky-stack .callout[data-callout^="note-"]:nth-child(odd) {
    transform: rotate(-1deg);
    margin-left: 10px;
}

.sticky-stack .callout[data-callout^="sticky"]:nth-child(even),
.sticky-stack .callout[data-callout^="note-"]:nth-child(even) {
    transform: rotate(1.5deg);
    margin-left: -10px;
}


.sticky-pin .callout[data-callout^="sticky"]::before,
.sticky-pin .callout[data-callout^="note-"]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: radial-gradient(circle at 30% 30%, #ff6b6b, #c0392b);
    border-radius: 50%;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.3),
        inset 0 -2px 4px rgba(0, 0, 0, 0.2);
}


.sticky-fold .callout[data-callout^="sticky"]::after,
.sticky-fold .callout[data-callout^="note-"]::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}


.callout[data-callout$="-sm"],
.callout[data-callout$="-small"] {
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 0.5rem;
}

.callout[data-callout$="-sm"] .callout-title,
.callout[data-callout$="-small"] .callout-title {
    padding: 8px 12px 6px 12px;
    font-size: 0.85em;
}

.callout[data-callout$="-sm"] .callout-content,
.callout[data-callout$="-small"] .callout-content {
    padding: 8px 12px 12px 12px;
    font-size: 0.8em;
}


.sticky-flat .callout[data-callout^="sticky"],
.sticky-flat .callout[data-callout^="note-"] {
    transform: none !important;
}

.sticky-flat .callout[data-callout^="sticky"]:hover,
.sticky-flat .callout[data-callout^="note-"]:hover {
    transform: translateY(-2px) !important;
}


.theme-dark .callout[data-callout^="sticky"]::before,
.theme-dark .callout[data-callout^="note-"]::before {
    background: rgba(255, 255, 255, 0.15);
}


.theme-dark .callout[data-callout^="sticky"],
.theme-dark .callout[data-callout^="note-"] {
    filter: brightness(0.9);
}


@media print {
    .callout[data-callout^="sticky"],
    .callout[data-callout^="note-"] {
        transform: none !important;
        box-shadow: none !important;
        border: 1px solid #ccc !important;
        max-width: 100% !important;
    }
}