/*
Robsi Theme for Obsidian
By Riffaells
Built: 2026-06-16T02:33:57.178077
Files included: 28
*/







.theme-dark,
.theme-light {

    
    
    
    --font-text-size: 16px;
    --line-height-normal: 1.6;
    --font-monospace: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;

    
    
    
    --border-width: 1px;
    --border-radius: 8px;
    --radius-s: 6px;
    --radius-m: 8px;
    --radius-l: 12px;
    --radius-xl: 16px;

    
    
    
    --size-2-1: 2px;
    --size-2-2: 4px;
    --size-2-3: 6px;
    --size-4-1: 4px;
    --size-4-2: 8px;
    --size-4-3: 12px;
    --size-4-4: 14px;
    --size-4-5: 16px;
    --size-4-6: 18px;

    --file-margins: clamp(8px, 4vw, 24px);

    
    
    
    --motion-duration-fast: 0.15s;
    --motion-duration-medium: 0.25s;
    --motion-duration-slow: 0.35s;
    --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --motion-easing-decelerate: cubic-bezier(0.0, 0, 0.2, 1);
    --motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);

    
    
    
    --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --shadow-m: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
    --shadow-l: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.10);
    --shadow-xl: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);

    
    
    
    --titlebar-height: 40px;
    --titlebar-background: transparent;
    --titlebar-background-focused: transparent;
    --tab-width: 120px;
    --tab-min-width: 40px;
    --tab-max-width: 200px;
    --frame-right-space: 80px;
    --popover-width: 500px;
    --popover-height: 500px;

    
    
    
    
    --list-indent: 2em;
    --list-spacing: 0;

    
    --checkbox-radius: var(--radius-s);
    --checkbox-size: 16px;

     
    --callout-radius: var(--radius-m);
    --callout-padding: 10px;
    --callout-title-padding: 0;
    --callout-content-padding: 0;

    
    --table-border-width: 1px;
    --table-white-space: break-spaces;
    --table-line-height: 1.4;
    --table-header-weight: 600;
    --table-header-size: var(--font-text-size);
    --table-header-color: var(--text-normal);
    --table-text-size: var(--font-text-size);
    --table-text-color: inherit;
    --table-column-min-width: 6ch;
    --table-column-max-width: none;
    --table-cell-vertical-alignment: middle;
    --table-selection-border-width: 2px;
    --table-selection-border-radius: 4px;
    --table-selection-border-color: var(--interactive-accent);
    --table-drag-handle-color: var(--text-faint);
    --table-drag-handle-color-active: var(--text-on-accent);

    
    --cursor-move-speed: 120ms;
    --cursor-move-easing: ease;
    --cursor-blink-rate: 1000ms;
    --cursor-blink-count: 10;
    --cursor-blink-easing: ease-in-out;

    
    --scrollbar-width: 10px; 

    
    
    
    

    
    --color-red: var(--red);
    --color-purple: var(--magenta);
    --color-green: var(--green);
    --color-cyan: var(--cyan);
    --color-blue: var(--blue);
    --color-yellow: var(--yellow);
    --color-orange: var(--orange);
    --color-pink: var(--magenta);

    
    --background-primary: var(--bg);
    --background-primary-alt: var(--bg);
    --background-secondary: var(--bg_dark);
    --background-secondary-alt: var(--bg_dark);
    --background-primary-rgb: var(--bg_x);
    --background-secondary-rgb: var(--bg_dark_x);

    
    --background-modifier-border: transparent;
    --background-modifier-border-hover: transparent;
    --background-modifier-form-field: transparent;
    --background-modifier-form-field-highlighted: var(--bg_dark);
    --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
    --background-modifier-cover: rgba(var(--bg_dark_x), 0.3);
    --background-modifier: rgba(var(--bg_highlight_x), 0.5);
    --background-modifier-hover: rgba(var(--bg_highlight_x), 0.7);
    --background-modifier-hover-rgb: var(--bg_highlight_x);
    --background-modifier-message: rgba(var(--bg_highlight_x), 0.9);
    --background-modifier-active-hover: var(--bg_highlight);

    
    --text-normal: var(--fg);
    --text-faint: var(--fg_dark);
    --text-muted: var(--fg_dark);
    --text-muted-rgb: var(--fg_dark_x);
    --text-accent: var(--magenta);
    --text-accent-hover: var(--cyan);
    --text-error: var(--red1);
    --text-error-hover: var(--red);
    --text-on-accent: var(--bg);
    --text-highlight-bg: rgba(var(--orange_x), 0.25);

    
    --bold-color: var(--cyan);
    --italic-color: var(--blue);
    --insertion-color: var(--orange);

    
    --h1-color: var(--red);
    --h2-color: var(--purple);
    --h3-color: var(--green);
    --h4-color: var(--cyan);
    --h5-color: var(--blue);
    --h6-color: var(--yellow);

    --hr-gradient-start: #B68D40;   
    --hr-gradient-mid: #E1A95F;     
    --hr-star-color: #FFC800;       
    --hr-star-glow-mid: #FFD700;    
    --hr-star-glow-outer: #FFA500;  

    
    --link-color: var(--green);
    --link-color-hover: var(--blue);
    --link-unresolved-color: var(--purple);
    --link-unresolved-opacity: 0.6;
    --link-external-color: var(--purple);
    --link-external-color-hover: var(--cyan);
	--link-decoration: none;
	--link-decoration-hover: none;
	--link-external-decoration: none;
    --link-external-decoration-hover: none;
    

    
    --tag-color: var(--magenta);
    --tag-background: rgba(var(--magenta_x), 0.15);
    --tag-color-hover: var(--cyan);
    --tag-background-hover: rgba(var(--cyan_x), 0.15);

    --list-marker-color: var(--purple);
    --list-marker-color-hover: var(--purple-light);
    --list-marker-color-collapsed: var(--text-muted);
    --list-number-color: var(--magenta);
    --list-number-color-hover: var(--magenta-light);

	--checkbox-color: var(--green);
    --checkbox-border-color: var(--comment);
    --checkbox-border-color-hover: var(--comment);


    

    
    --callout-default: var(--blue_x);
    --callout-info: var(--blue_x);
    --callout-summary: var(--cyan_x);
    --callout-tip: var(--cyan_x);
    --callout-todo: var(--cyan_x);
    --callout-bug: var(--red_x);
    --callout-error: var(--red1_x);
    --callout-fail: var(--red1_x);
    --callout-example: var(--magenta_x);
    --callout-important: var(--green_x);
    --callout-success: var(--teal_x);
    --callout-question: var(--yellow_x);
    --callout-warning: var(--orange_x);
    --callout-quote: var(--fg_dark_x);

    
    --scrollbar-bg: transparent;
    --scrollbar-thumb-bg: rgba(var(--text-muted-rgb), 0.2);
    --scrollbar-active-thumb-bg: rgba(var(--text-muted-rgb), 0.4);

    --nav-item-color-hover: var(--fg);
    --nav-item-background-hover: var(--bg_highlight);
    --nav-item-background-active: rgba(var(--bg_highlight_x), 0.9);
    --nav-item-padding: var(--size-2-2) var(--size-4-1) var(--size-2-2) var(--size-4-6);
    --nav-item-parent-padding: var(--nav-item-padding);
    --nav-item-weight-active: 600;
    --nav-file-tag: rgba(var(--yellow_x), 0.9);

    --graph-line: var(--comment);
    --graph-node: var(--fg);
    --graph-node-tag: var(--orange);
    --graph-node-attachment: var(--blue);

	--setting-items-background: transparent;

	--divider-vertical-height: 100%;
	--embed-padding: 0;

    --prompt-width: 900px;
}









.theme-dark {
    color-scheme: dark;

    
    
    
    --accent-h: 202;
    --accent-s: 100%;
    --accent-l: 75%;
    --accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));

    
    
    
    
    --bg_dark2_x: 2, 2, 2;
    --bg_dark2: rgb(var(--bg_dark2_x));
    
    --bg_dark_x: 8, 8, 8;
    --bg_dark: rgb(var(--bg_dark_x));
    
    --bg_x: 15, 15, 15;
    --bg: rgb(var(--bg_x));
    
    --bg_highlight_x: 25, 25, 25;
    --bg_highlight: rgb(var(--bg_highlight_x));
    
    --bg_highlight_dark_x: 18, 18, 18;
    --bg_highlight_dark: rgb(var(--bg_highlight_dark_x));

    
    --background-primary: #020202;
    --background-secondary: #020202;
    --bg-primary-rgb: 2, 2, 2;
    --bg-primary: #020202;
    --bg-secondary-rgb: 8, 8, 8;

    
    
    
    --fg_x: 220, 220, 220;
    --fg: rgb(var(--fg_x));
    
    --fg_dark_x: 180, 180, 180;
    --fg_dark: rgb(var(--fg_dark_x));
    
    --comment_x: 120, 120, 120;
    --comment: rgb(var(--comment_x));
    
    
    --code-comment_x: 115, 125, 165;
    --code-comment: rgb(var(--code-comment_x));

    --code-background: rgb(var(--purple_x), 0.1);
    --code-normal: rgb(var(--fg_dark_x), .9);

    
    
    
    
    --blue0_x: 61, 89, 161;
    --blue0: rgb(var(--blue0_x));
    --blue_x: 122, 162, 247;
    --blue: rgb(var(--blue_x));

    
    --cyan_hsl: 202 100% 75%;
    --cyan_x: 125, 207, 255;
    --cyan: rgb(var(--cyan_x));

    
    --purple_x: 187, 154, 247;
    --purple: rgb(var(--purple_x));
    --purple-light_x: 210, 180, 255;
    --purple-light: rgb(var(--purple-light_x));

    
    --magenta_hsl: 261 85% 79%;
    --magenta_x: 187, 154, 247;
    --magenta: rgb(var(--magenta_x));
    --magenta-light_x: 210, 190, 255;
    --magenta-light: rgb(var(--magenta-light_x));

    
    --pink_hsl: 331 100% 43%;
    --pink_x: 217, 0, 105;
    --pink: rgb(var(--pink_x));

    
    --orange_x: 255, 158, 100;
    --orange: rgb(var(--orange_x));
    --yellow_x: 224, 175, 104;
    --yellow: rgb(var(--yellow_x));

    
    --green_x: 158, 206, 106;
    --green: rgb(var(--green_x));
    --green-dark_x: 120, 156, 122;
    --green-dark: rgb(var(--green-dark_x));
    --teal_x: 26, 188, 156;
    --teal: rgb(var(--teal_x));

    
    --red_x: 255, 117, 127;
    --red: rgb(var(--red_x));
    --red1_x: 219, 75, 75;
    --red1: rgb(var(--red1_x));
    --red-dark_x: 155, 45, 45;
    --red-dark: rgb(var(--red-dark_x));

    
    --terminal_black_x: 65, 72, 104;
    --terminal_black: rgb(var(--terminal_black_x));
    --unknown: #ffffff;
    --folder-note-color_x: 200, 190, 250;
    --folder-note-color: rgb(var(--folder-note-color_x));

    
    
    
    
    
    --interactive-normal: var(--bg_dark);
    --interactive-hover: var(--bg_highlight);
    --interactive-success: var(--green);
    --interactive-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));

    
    --tab-container-background: var(--background-primary);
    --tab-background: rgba(2, 2, 2, 0.9);
    --tab-background-active: rgba(25, 25, 25, 0.95);
    --tab-background-hover: rgba(18, 18, 18, 0.8);
    --tab-divider-color: rgba(40, 40, 40, 0.3);

    
    
    --workspace-background-translucent: rgba(2, 2, 2, 0.9);

    
    --blockquote-background-color: rgba(var(--teal_x), 0.12);
    --blockquote-border: var(--teal);
    --blockquote-border-color: rgba(var(--teal_x), 0.4);
    --blockquote-color: var(--fg);
    --blockquote-quote-mark: var(--teal);
    --blockquote-accent: var(--teal);
    --blockquote-gradient: rgba(var(--teal_x), 0.1), rgba(var(--teal_x), 0);
    --blockquote-border-thickness: 3px;

    
    --spoiler-background: rgba(var(--bg_highlight_x), 0.3);
    --spoiler-background-hover: rgba(var(--bg_highlight_x), 0.5);
    --spoiler-pattern: radial-gradient(circle 1px at 10px 8px, rgba(255, 255, 255, 0.8) 50%, transparent 50%),
        radial-gradient(circle 1px at 30px 2px, rgba(255, 255, 255, 0.6) 50%, transparent 50%),
        radial-gradient(circle 1px at 50px 12px, rgba(255, 255, 255, 0.9) 50%, transparent 50%),
        radial-gradient(circle 1px at 70px 6px, rgba(255, 255, 255, 0.7) 50%, transparent 50%),
        radial-gradient(circle 1px at 15px 24px, rgba(255, 255, 255, 0.8) 50%, transparent 50%),
        radial-gradient(circle 1px at 38px 28px, rgba(255, 255, 255, 0.6) 50%, transparent 50%),
        radial-gradient(circle 1px at 60px 36px, rgba(255, 255, 255, 0.9) 50%, transparent 50%),
        radial-gradient(circle 1px at 85px 22px, rgba(255, 255, 255, 0.7) 50%, transparent 50%);

    
    --table-border-color: rgba(var(--comment_x), 0.3);
    --table-header-background: rgba(var(--bg_highlight_x), 0.5);
    --table-header-background-hover: rgba(var(--bg_highlight_x), 0.7);
    --table-row-alt-background: rgba(var(--bg_highlight_x), 0.08);
    --table-row-alt-background-hover: rgba(var(--bg_highlight_x), 0.25);
    --table-row-background-hover: rgba(var(--bg_highlight_x), 0.3);

    
    --nav-item-color: rgba(220, 220, 220, 0.9);
}









.theme-light {
    color-scheme: light;

    
    
    
    --accent-h: 265;
    --accent-s: 55%;
    --accent-l: 45%;
    --accent-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));

    
    
    
    
    --bg_dark2_x: 230, 232, 236;
    --bg_dark2: rgb(var(--bg_dark2_x));
    
    --bg_dark_x: 240, 242, 246;
    --bg_dark: rgb(var(--bg_dark_x));
    
    --bg_x: 248, 250, 252;
    --bg: rgb(var(--bg_x));
    
    --bg_highlight_x: 255, 255, 255;
    --bg_highlight: rgb(var(--bg_highlight_x));
    
    --bg_highlight_dark_x: 235, 238, 242;
    --bg_highlight_dark: rgb(var(--bg_highlight_dark_x));

    
    --background-primary: #f8fafc;
    --background-secondary: #f8fafc;

    
    
    
    --fg_x: 30, 35, 42;
    --fg: rgb(var(--fg_x));
    
    --fg_dark_x: 75, 85, 95;
    --fg_dark: rgb(var(--fg_dark_x));
    
    --comment_x: 120, 125, 135;
    --comment: rgb(var(--comment_x));
    
    --code-comment_x: 110, 115, 125;
    --code-comment: rgb(var(--code-comment_x));

    
    
    
    
    --blue0_x: 25, 55, 100;
    --blue0: rgb(var(--blue0_x));
    --blue_x: 30, 70, 160;
    --blue: rgb(var(--blue_x));

    
    --cyan_x: 0, 120, 180;
    --cyan: rgb(var(--cyan_x));

    
    --purple_x: 102, 63, 191;
    --purple: rgb(var(--purple_x));
    --purple-light_x: 140, 100, 220;
    --purple-light: rgb(var(--purple-light_x));

    
    --magenta_hsl: 261 65% 50%;
    --magenta_x: 160, 30, 140;
    --magenta: rgb(var(--magenta_x));
    --magenta-light_x: 180, 60, 200;
    --magenta-light: rgb(var(--magenta-light_x));

    
    --pink_hsl: 320 65% 50%;
    --pink_x: 200, 30, 140;
    --pink: rgb(var(--pink_x));

    
    --orange_x: 220, 100, 20;
    --orange: rgb(var(--orange_x));
    --yellow_x: 180, 120, 0;
    --yellow: rgb(var(--yellow_x));

    
    --green_x: 20, 140, 80;
    --green: rgb(var(--green_x));
    --teal_x: 0, 140, 160;
    --teal: rgb(var(--teal_x));

    
    --red_x: 200, 50, 70;
    --red: rgb(var(--red_x));
    --red1_x: 180, 30, 50;
    --red1: rgb(var(--red1_x));

    
    --terminal_black_x: 15, 15, 20;
    --terminal_black: rgb(var(--terminal_black_x));
    --unknown: #000000;
    --folder-note-color_x: 120, 85, 200;
    --folder-note-color: rgb(var(--folder-note-color_x));

    
    
    
    
    
    --interactive-normal: #e2e8f0;
    --interactive-hover: #cbd5e1;
    --interactive-success: var(--green);
    --interactive-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
    
    
    --tab-container-background: var(--background-primary);
    --tab-background: rgba(240, 242, 246, 0.9);
    --tab-background-active: rgba(255, 255, 255, 0.95);
    --tab-background-hover: rgba(248, 250, 252, 0.8);
    --tab-divider-color: rgba(200, 205, 210, 0.4);

    
    --blockquote-background-color: rgba(var(--teal_x), 0.08);
    --blockquote-border: var(--teal);
    
    --blockquote-color: var(--fg);
    --blockquote-quote-mark: var(--teal);
    --blockquote-accent: var(--teal);
    --blockquote-gradient: rgba(var(--teal_x), 0.08), rgba(var(--teal_x), 0);

    
    --code-background: rgba(var(--purple_x), 0.06);

    
    --spoiler-background: rgba(var(--bg_dark_x), 0.5);
    --spoiler-background-hover: rgba(var(--bg_dark_x), 0.7);
    --spoiler-pattern: radial-gradient(circle 1px at 10px 8px, rgba(100, 100, 100, 0.6) 50%, transparent 50%),
        radial-gradient(circle 1px at 30px 2px, rgba(100, 100, 100, 0.4) 50%, transparent 50%),
        radial-gradient(circle 1px at 50px 12px, rgba(100, 100, 100, 0.7) 50%, transparent 50%),
        radial-gradient(circle 1px at 70px 6px, rgba(100, 100, 100, 0.5) 50%, transparent 50%),
        radial-gradient(circle 1px at 15px 24px, rgba(100, 100, 100, 0.6) 50%, transparent 50%),
        radial-gradient(circle 1px at 38px 28px, rgba(100, 100, 100, 0.4) 50%, transparent 50%),
        radial-gradient(circle 1px at 60px 36px, rgba(100, 100, 100, 0.7) 50%, transparent 50%),
        radial-gradient(circle 1px at 85px 22px, rgba(100, 100, 100, 0.5) 50%, transparent 50%);

    
    --table-border-color: rgba(var(--comment_x), 0.2);
    --table-header-background: rgba(var(--bg_dark_x), 0.6);
    --table-header-background-hover: rgba(var(--bg_dark_x), 0.8);
    --table-row-alt-background: rgba(var(--bg_dark_x), 0.25);
    --table-row-alt-background-hover: rgba(var(--bg_dark_x), 0.4);
    --table-row-background-hover: rgba(var(--bg_dark_x), 0.35);

    
    --nav-item-color: rgba(30, 35, 42, 0.9);
}















.breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    font-size: 0.9em;
    color: var(--text-muted);
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: "▶";
    margin: 0 8px;
    color: var(--text-faint);
    font-size: 0.7em;
}





.outline .tree-item-self {
    position: relative;
    padding-left: 1.5em;
}

.tree-item-self.has-active-menu {
    box-shadow: none;
}

.outline .tree-item-self::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 60%;
    border-radius: 2px;
    opacity: 0.6;
    background-color: var(--interactive-accent);
}

.outline .tree-item-self:hover::before {
    opacity: 1;
    width: 4px;
}

.outline .tree-item-self.is-active::before {
    opacity: 1;
    width: 4px;
}


.markdown-preview-view .toc li::before {
    content: "→";
    color: var(--accent-color);
    margin-right: 8px;
}











::-webkit-scrollbar {
    background-color: var(--scrollbar-bg);
    width: var(--scrollbar-width);
    height: var(--scrollbar-width);
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-bg);
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
    border-radius: var(--radius-m); 
    border: 2px solid transparent; 
    background-clip: content-box; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-active-thumb-bg);
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}















.workspace-leaf {
    background: var(--workspace-background-translucent);
    border-radius: 12px; 
    overflow: hidden;
    border: 1px solid var(--border-color);
    transition: border-color 0.2s ease;
}

.workspace-leaf:hover .workspace-leaf-content {
    border-color: var(--border-color-hover);
}

.workspace-leaf-content {
    border-radius: 8px;
}







.workspace-tabs {
    border-radius: 8px;
}

.workspace-tab-header-container {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid rgba(var(--background-modifier-border-hover-rgb), 0.2);
}


.workspace-tab-header {
    background: var(--tab-background);
    border-radius: 8px 8px 0 0;
    border: none;
    transition: background-color 0.15s ease;
    min-width: var(--tab-min-width);
    max-width: var(--tab-max-width);
}

.workspace-tab-header.is-active {
    background: var(--tab-background-active);
    font-weight: 600;
}


.workspace-split.mod-root .workspace-tab-header-container .workspace-tab-header.is-active::before,
.workspace-split.mod-root .workspace-tab-header-container .workspace-tab-header.is-active::after {
    box-shadow: none;
}


.workspace .mod-root .workspace-tab-header-inner::after {
    width: 0;
}


@media (hover: hover) {
    .workspace-tab-header-container .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
        background-color: var(--background-modifier-hover);
    }
}


.workspace-tab-header.is-active .workspace-tab-header-inner,
.workspace-tab-header:focus .workspace-tab-header-inner {
    background-color: transparent;
}





.status-bar {
    opacity: 0.3;
    transition: opacity 0.2s ease;
}

.status-bar:hover {
    opacity: 1;
}


.view-header-nav-buttons {
    display: flex;
    gap: 4px;
    align-items: center;
}


.view-header-nav-buttons .clickable-icon {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.view-header-nav-buttons .clickable-icon:hover {
    background-color: var(--background-modifier-hover);
    opacity: 1;
}


.view-header-nav-buttons .clickable-icon[aria-disabled="true"] {
    display: none;
}


.hide-tab-bar-always .mod-root .workspace-tabs .workspace-tab-header-container {
    display: none;
}





.titlebar {
    background: var(--titlebar-background);
    border-bottom: 1px solid var(--border-color);
}

.mod-linux .titlebar-button,
.mod-windows .titlebar-button {
    padding: 0 8px;
}


.view-header-title-container {
    -webkit-app-region: drag;
    border-radius: 8px;
    transition: none;
}

.view-header-title-container div {
    -webkit-app-region: no-drag;
}






.sidebar-toggle-button.mod-right,
.sidebar-toggle-button.mod-left {
    display: flex;
    opacity: 0.7;
    transition: opacity 0.15s ease;
}

.sidebar-toggle-button.mod-right:hover,
.sidebar-toggle-button.mod-left:hover {
    opacity: 1;
}


.workspace-sidedock-vault-profile .workspace-drawer-vault-actions {
    display: flex !important;
    opacity: 0.7;
    transition: opacity 0.15s ease;
}

.workspace-sidedock-vault-profile:hover .workspace-drawer-vault-actions {
    opacity: 1;
}


.nav-file-title,
.nav-folder-title {
    border-left: 2px solid transparent;
    transition: background-color 0.1s ease, border-color 0.1s ease;
}

.nav-file-title:hover,
.nav-folder-title:hover {
    background-color: var(--background-modifier-hover);
    border-left-color: var(--border-color-active);
}

.nav-file.is-active .nav-file-title {
    background-color: var(--background-modifier-active-hover);
    border-left-color: var(--interactive-accent);
    color: var(--text-normal);
    font-weight: bold;
}






.popover.hover-popover {
    max-height: 500px;
    min-height: 100px;
    width: 500px;
    background-color: transparent; 
    box-shadow: var(--shadow-xl);
    border: none;
}


.markdown-embed {
    background-color: rgba(var(--background-primary-rgb), 0.1);
    backdrop-filter: blur(16px);
    border: 1px solid var(--background-modifier-border);
    border-radius: 12px;
}

.popover .markdown-embed {
    height: 100%;
    border-radius: 12px;
}





@media (max-width: 768px) {
    .workspace-leaf { border-radius: 8px; }
    .workspace-tab-header { border-radius: 6px 6px 0 0; }
    
    .sidebar-toggle-button.mod-right,
    .sidebar-toggle-button.mod-left {
        min-width: 44px;
        min-height: 44px;
        opacity: 1;
    }
}


body:not(.is-ios):not(.is-android) input[type='date']:not([disabled="true"]), 
body:not(.is-ios):not(.is-android) input[type='datetime-local']:not([disabled="true"]) {
    padding-left: 32px;
}










button {
    background-color: rgba(var(--background-primary-rgb), 0.4);
    border: 2px solid var(--background-modifier-border);
    border-radius: 8px;
    padding: 8px 16px;
    color: var(--text-normal);
    cursor: pointer;
    transition: all 0.2s var(--motion-easing-standard);
    box-shadow: var(--shadow-s);
    font-weight: 500;
    font-size: 0.95em;
}

button:hover {
    background-color: rgba(var(--background-primary-rgb), 0.6);
    border-color: var(--interactive-accent);
    box-shadow: var(--shadow-m);
}

button:active {
    box-shadow: var(--shadow-s);
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


.mod-cta,
button.mod-cta {
    background-color: var(--interactive-accent);
    border: 1.5px solid rgba(var(--interactive-accent-rgb), 0.6);
    color: var(--text-on-accent);
    font-weight: 600;
}

.mod-cta:hover,
button.mod-cta:hover {
    background-color: var(--interactive-accent-hover);
    border-color: var(--interactive-accent);
    color: var(--text-on-accent);
}

.mod-cta:active,
button.mod-cta:active {
    box-shadow: 0 1px 4px rgba(var(--interactive-accent-rgb), 0.3);
}


.mod-warning,
button.mod-warning,
.mod-destructive,
button.mod-destructive {
    border-color: rgba(var(--text-error-rgb), 0.4);
}

.mod-warning:hover,
button.mod-warning:hover,
.mod-destructive:hover,
button.mod-destructive:hover {
    background-color: rgba(var(--text-error-rgb), 0.12);
    border-color: var(--text-error);
}


.mod-secondary,
button.mod-secondary {
    background-color: transparent;
    border-color: var(--background-modifier-border);
}

.mod-secondary:hover,
button.mod-secondary:hover {
    background-color: rgba(var(--background-primary-rgb), 0.3);
}


.mod-small,
button.mod-small {
    padding: 4px 10px;
    font-size: 0.85em;
    border-radius: 6px;
}


.clickable-icon {
    border-radius: 6px;
    padding: 6px;
    transition: all 0.15s var(--motion-easing-standard);
    cursor: pointer;
}

.clickable-icon:hover {
    background-color: var(--background-modifier-hover);
}








input[type="checkbox"] {
    border: 3px solid var(--checkbox-border-color);
    border-radius: var(--checkbox-radius);
    cursor: pointer;
}

ul > li.task-list-item > .task-list-item-checkbox {
    margin-inline-start: 0;
}










.community-modal-info {
    background: rgba(var(--background-primary-rgb), 0.3) !important;
    backdrop-filter: blur(12px);
    border-radius: var(--radius-l);
    padding: 16px;
    border: 1px solid var(--background-modifier-border);
}


.community-modal-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.community-modal-info-name {
    font-weight: 600;
    color: var(--text-normal);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.community-modal-info-name .flair {
    font-size: 0.6em;
    padding: 3px 10px;
    border-radius: 10px;
    background: rgba(var(--interactive-accent-rgb), 0.15);
    color: var(--interactive-accent);
    font-weight: 500;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(var(--interactive-accent-rgb), 0.3);
}


.community-modal-info-downloads,
.community-modal-info-version,
.community-modal-info-author,
.community-modal-info-repo {
    padding: 4px 0;
    color: var(--text-muted);
    font-size: 0.9em;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}

.community-modal-info-downloads {
    color: var(--text-normal);
    font-weight: 500;
}

.community-modal-info-downloads svg {
    width: 16px;
    height: 16px;
    opacity: 0.7;
}

.community-modal-info-downloads-text {
    font-variant-numeric: tabular-nums;
}


.community-modal-info-desc {
    margin: 12px 0;
    padding: 12px;
    background: rgba(var(--background-secondary-rgb), 0.25);
    backdrop-filter: blur(8px);
    border-radius: var(--radius-m);
    border-left: 2px solid var(--interactive-accent);
    color: var(--text-normal);
    line-height: 1.5;
    font-size: 0.95em;
}


.community-modal-button-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(var(--background-modifier-border-hover-rgb), 0.3);
}

.community-modal-button-container button {
    background-color: rgba(var(--background-primary-rgb), 0.4);
    backdrop-filter: blur(10px);
    border: 1.5px solid var(--background-modifier-border);
    border-radius: 6px;
    padding: 6px 12px;
    color: var(--text-normal);
    cursor: pointer;
    transition: all 0.15s var(--motion-easing-standard);
    box-shadow: var(--shadow-s);
    font-weight: 500;
    font-size: 0.9em;
}

.community-modal-button-container button:hover {
    background-color: rgba(var(--background-primary-rgb), 0.6);
    border-color: var(--interactive-accent);
    box-shadow: var(--shadow-m);
}

.community-modal-button-container button:active {
    box-shadow: var(--shadow-s);
}

.community-modal-button-container button.mod-destructive {
    border-color: rgba(var(--text-error-rgb), 0.4);
    color: var(--text-error);
}

.community-modal-button-container button.mod-destructive:hover {
    background-color: rgba(var(--text-error-rgb), 0.12);
    border-color: var(--text-error);
}


.community-modal-readme {
    margin-top: 16px;
    padding: 16px;
    background: rgba(var(--background-secondary-rgb), 0.2);
    backdrop-filter: blur(8px);
    border-radius: var(--radius-m);
    border: 1px solid var(--background-modifier-border);
}

.community-modal-readme.markdown-rendered {
    font-size: 0.95em;
    line-height: 1.6;
}


.community-modal-readme h1 {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.community-modal-readme h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.community-modal-readme h3 {
    font-size: 1.1em;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
}


.community-modal-readme ul,
.community-modal-readme ol {
    padding-left: 1.5em;
    margin: 0.5em 0;
}

.community-modal-readme li {
    margin: 0.3em 0;
}










.setting-item-container,
.setting-group,
.setting-items {
    background: transparent !important;
}


input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
    background-color: rgba(var(--background-modifier-form-field), 0.3);
    border: 2px solid var(--background-modifier-border);
    border-radius: 12px;
    color: var(--text-normal);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color: var(--interactive-accent);
    background-color: rgba(var(--background-primary-rgb), 0.5);
    outline: none;
}


input.prompt-input {
    background: rgba(var(--background-primary-rgb), 0.5);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px !important;
    border-color: var(--prompt-border-color);
    font-size: 1.4em;
    padding: 10px 14px;
}


.dropdown {
    background-color: rgba(var(--background-primary-rgb), 0.4);
    backdrop-filter: blur(12px);
    border: 2px solid var(--background-modifier-border);
    border-radius: 8px;
    padding: 6px 28px 6px 12px; 
    color: var(--text-normal);
    cursor: pointer;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 14px;
    -webkit-appearance: none; 
    appearance: none;
    transition: all 0.2s var(--motion-easing-standard);
    box-shadow: var(--shadow-s);
}

.dropdown:hover {
    border-color: var(--text-muted);
    background-color: rgba(var(--background-primary-rgb), 0.5);
    box-shadow: var(--shadow-m);
}

.dropdown:focus {
    border-color: var(--interactive-accent);
    background-color: rgba(var(--background-primary-rgb), 0.8);
    backdrop-filter: blur(16px);
    box-shadow: 0 0 0 3px rgba(var(--interactive-accent-rgb), 0.2), var(--shadow-m);
    outline: none;
}


.dropdown option {
    font-weight: normal;    
}


input[type=range] {
    height: 4px;
    border-radius: 2px;
    background-color: var(--background-modifier-border);
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--interactive-accent);
    cursor: pointer;
    border: 2px solid var(--background-primary);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    margin-top: -6px;
}










.tree-item-flair:not(.tag-pane-tag-count),
.prompt-instructions {
    display: none;
}


.suggestion-item.is-selected {
    background-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
    border-radius: var(--radius-m);
}











.markdown-preview-view a.internal-link,
.markdown-rendered a.internal-link {
    color: var(--link-color);
    text-decoration: none;
}

.markdown-preview-view a.internal-link:hover,
.markdown-rendered a.internal-link:hover {
    color: var(--link-color-hover);
    text-decoration: none;
}


.cm-s-obsidian .cm-hmd-internal-link:not(.cm-hmd-unresolved) {
    color: var(--link-color);
}

.cm-s-obsidian .cm-hmd-internal-link:not(.cm-hmd-unresolved):hover {
    color: var(--link-color-hover);
}



.markdown-preview-view a.internal-link.is-unresolved,
.markdown-rendered a.internal-link.is-unresolved {
    color: var(--link-unresolved-color);
    opacity: var(--link-unresolved-opacity, 0.6);
    text-decoration-color: var(--link-unresolved-color);
}

.markdown-preview-view a.internal-link.is-unresolved:hover,
.markdown-rendered a.internal-link.is-unresolved:hover {
    opacity: 1;
}


.cm-s-obsidian .cm-hmd-internal-link.cm-hmd-unresolved,
.cm-s-obsidian span.cm-hmd-unresolved {
    color: var(--link-unresolved-color);
    opacity: var(--link-unresolved-opacity, 0.6);
}

.cm-s-obsidian .cm-hmd-internal-link.cm-hmd-unresolved:hover,
.cm-s-obsidian span.cm-hmd-unresolved:hover {
    opacity: 1;
}


.external-link,
a[href^="https://"],
a[href^="http://"],
.cm-s-obsidian .cm-link:not(.cm-hmd-internal-link),
.cm-s-obsidian .cm-url {
    color: var(--link-external-color);
    text-decoration: none;
    border-bottom: 1px solid var(--link-external-border-color);
    padding-inline-end: 0;
    background: none;
}

.external-link:hover,
a[href^="https://"]:hover,
a[href^="http://"]:hover,
.cm-s-obsidian .cm-link:not(.cm-hmd-internal-link):hover,
.cm-s-obsidian .cm-url:hover {
    color: var(--link-external-color-hover);
}


a.external-link:hover::after,
a[href^="https://"]:hover::after,
a[href^="http://"]:hover::after {
    opacity: 1;
}

.cm-s-obsidian .cm-link-alias-pipe {
    opacity: 0.4;
}


.cm-strong .cm-hmd-internal-link:not(.cm-hmd-unresolved),
.cm-em .cm-hmd-internal-link:not(.cm-hmd-unresolved),
strong a.internal-link,
em a.internal-link {
    color: var(--link-color);
}

.cm-strong .cm-hmd-internal-link:not(.cm-hmd-unresolved):hover,
.cm-em .cm-hmd-internal-link:not(.cm-hmd-unresolved):hover,
strong a.internal-link:hover,
em a.internal-link:hover {
    color: var(--link-color-hover);
}







.progress-bar {
    position: absolute;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: var(--background-primary);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
}


.progress-bar-message {
    font-size: 0;
    position: relative;
}


.progress-bar-message::after {
    content: "OBSIDIAN";
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: transparent;
    background: linear-gradient(
        90deg,
        var(--text-muted) 0%,
        var(--text-accent) 30%,
        var(--text-accent-hover) 50%,
        var(--text-accent) 70%,
        var(--text-muted) 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    animation: robsi-wave 3s linear infinite;
}


.progress-bar-indicator {
    position: relative;
    height: 5px;
    width: 360px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(var(--text-muted-rgb), 0.15);
    margin: 0;
}


.progress-bar-line {
    display: none;
}


.progress-bar-subline {
    position: absolute;
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--text-accent),
        var(--text-accent-hover),
        transparent
    );
}

.progress-bar-subline.mod-increase {
    animation: robsi-loading 2s ease-in-out infinite;
}

.progress-bar-subline.mod-decrease {
    animation: robsi-loading 2s ease-in-out 0.7s infinite;
    opacity: 0.4;
}

@keyframes robsi-wave {
    0%   { background-position: 200% center; }
    100% { background-position: 0% center; }
}

@keyframes robsi-loading {
    0%   { left: -60%; width: 60%; }
    100% { left: 110%; width: 60%; }
}










.suggestion-container,
.menu {
    background: rgba(var(--background-primary-rgb), 0.4) !important;
    backdrop-filter: blur(20px);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-m);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    padding: 4px;
}


.menu-item,
.suggestion-item {
    border-radius: var(--radius-s);
    margin: 1px 2px;
    padding: 4px 8px; 
    font-size: 0.95em; 
    transition: background-color 0.1s ease;
}

.prompt .suggestion-item {
    padding: 8px 12px; 
}


.menu-item.is-selected,
.menu-item.is-focused,
.suggestion-item.is-selected {
    background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2) !important;
    color: var(--accent-color);
}


.menu-item-icon {
    opacity: 0.8;
    width: 14px;
    height: 14px;
}


.menu-header {
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-faint);
}










.modal-bg {
    backdrop-filter: blur(16px);
    opacity: 1 !important;
}


.prompt,
.modal {
    background-color: rgba(var(--background-primary-rgb), 0.25) !important; 
    border: 1px solid var(--background-modifier-border);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(16px);
}


.modal-content,
.modal-sidebar,
.modal-header,
.modal-form,
.hotkey-settings-container,
.community-modal-info {
    background: transparent !important;
}


.horizontal-tab-content, 
.vertical-tab-content, 
.vertical-tab-header {
    background: transparent !important;
}


.vertical-tab-header {
    border-right: 1px solid var(--background-modifier-border);
}


.community-item {
    background-color: rgba(var(--background-primary-rgb), 0.4);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-m);
}










.notice {
    background-color: rgba(var(--background-secondary-rgb), 0.6);
    backdrop-filter: blur(8px);
    border: 2px solid var(--background-modifier-border);
    border-radius: var(--radius-l);
    color: var(--text-normal);
}








.setting-item.mod-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 8px;
}

.setting-item-info {
    padding-right: 12px;
    min-width: 0;
}

.setting-item-description > div {
    margin-bottom: 1px;
    font-size: 0.85em;
    color: var(--text-faint);
}

.setting-item-control {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}


.setting-item-control button {
    background-color: rgba(var(--background-primary-rgb), 0.4);
    backdrop-filter: blur(12px);
    border: 2px solid var(--background-modifier-border);
    border-radius: 8px;
    padding: 6px 16px;
    color: var(--text-normal);
    cursor: pointer;
    transition: all 0.2s var(--motion-easing-standard);
    box-shadow: var(--shadow-s);
    font-weight: 500;
}

.setting-item-control button:hover {
    border-color: var(--interactive-accent);
    box-shadow: var(--shadow-m);
}

.setting-item-control button:active {
    box-shadow: var(--shadow-s);
}


.checkbox-container {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: rgba(var(--background-primary-rgb), 0.3);
    backdrop-filter: blur(8px);
    border: 2px solid var(--background-modifier-border);
    border-radius: 12px;
    transition: all 0.2s var(--motion-easing-standard);
    box-shadow: var(--shadow-s);
}

.checkbox-container:hover {
    background-color: rgba(var(--background-primary-rgb), 0.4);
    border-color: var(--text-muted);
    box-shadow: var(--shadow-m);
}

.checkbox-container.is-enabled {
    background-color: var(--interactive-accent);
    border-color: var(--interactive-accent);
    backdrop-filter: blur(12px);
    box-shadow: 0 2px 8px rgba(var(--interactive-accent-rgb), 0.3);
}

.checkbox-container input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


.extra-setting-button {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.extra-setting-button:hover {
    background-color: var(--background-modifier-hover);
}


.installed-plugins-container .setting-item.mod-toggle {
    background-color: rgba(var(--background-primary-rgb), 0.25);
    border: 2px solid var(--background-modifier-border);
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
}









.tooltip {
    backdrop-filter: blur(16px);
    background: rgba(var(--background-primary-rgb), 0.85);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-m);
    box-shadow: var(--shadow-l);
    color: var(--text-normal);
    padding: 6px 10px;
}




















.markdown-preview-view h1, .markdown-preview-view h2, .markdown-preview-view h3,
.markdown-preview-view h4, .markdown-preview-view h5, .markdown-preview-view h6,
.HyperMD-header {
    position: relative;
    font-family: var(--font-family-heading);
    font-weight: 400;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    z-index: 1;
}






:is(.markdown-preview-view h1, .HyperMD-header-1, .cm-header-1) { color: var(--h1-color) !important; }
:is(.markdown-preview-view h2, .HyperMD-header-2, .cm-header-2) { color: var(--h2-color) !important; }
:is(.markdown-preview-view h3, .HyperMD-header-3, .cm-header-3) { color: var(--h3-color) !important; }
:is(.markdown-preview-view h4, .HyperMD-header-4, .cm-header-4) { color: var(--h4-color) !important; }
:is(.markdown-preview-view h5, .HyperMD-header-5, .cm-header-5) { color: var(--h5-color) !important; }
:is(.markdown-preview-view h6, .HyperMD-header-6, .cm-header-6) { color: var(--h6-color) !important; }


.markdown-preview-view :is(h1, h2, h3, h4, h5, h6)::before,
.HyperMD-header::before {
    content: "▍";
    opacity: 0.8;
    margin-right: 6px;
    font-weight: normal;
}


:is(.markdown-preview-view h1, .HyperMD-header-1)::before { color: var(--h1-color); }
:is(.markdown-preview-view h2, .HyperMD-header-2)::before { color: var(--h2-color); }
:is(.markdown-preview-view h3, .HyperMD-header-3)::before { color: var(--h3-color); }
:is(.markdown-preview-view h4, .HyperMD-header-4)::before { color: var(--h4-color); }
:is(.markdown-preview-view h5, .HyperMD-header-5)::before { color: var(--h5-color); }
:is(.markdown-preview-view h6, .HyperMD-header-6)::before { color: var(--h6-color); }






:is(.markdown-preview-sizer > div > :is(h1, h2, h3, h4, h5, h6),
    .markdown-rendered > :is(h1, h2, h3, h4, h5, h6),
    .HyperMD-header)::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1px;
    transform: translateY(3px); 
    line-height: unset !important;
    opacity: 0.4;
    pointer-events: none;
    border-radius: 10px;
}


:is(.markdown-preview-view h1, .HyperMD-header-1)::after {
    height: 5px;
    background: linear-gradient(to right, var(--h1-color) 30%, transparent 70%);
}
:is(.markdown-preview-view h2, .HyperMD-header-2)::after {
    height: 4px;
    background: linear-gradient(to right, var(--h2-color) 30%, transparent 70%);
}
:is(.markdown-preview-view h3, .HyperMD-header-3)::after {
    height: 3px;
    background: linear-gradient(to right, var(--h3-color) 30%, transparent 70%);
}
:is(.markdown-preview-view h4, .HyperMD-header-4)::after {
    height: 2px;
    background: linear-gradient(to right, var(--h4-color) 30%, transparent 70%);
}
:is(.markdown-preview-view h5, .HyperMD-header-5)::after {
    height: 1px;
    background: linear-gradient(to right, var(--h5-color) 30%, transparent 70%);
}
:is(.markdown-preview-view h6, .HyperMD-header-6)::after {
    height: 1px;
    background: linear-gradient(to right, var(--h6-color) 30%, transparent 70%);
}






.HyperMD-header .cm-fold-indicator .collapse-indicator svg {
    display: none;
}


.HyperMD-header .cm-fold-indicator .collapse-indicator {
    opacity: 1 !important;
}

.HyperMD-header .cm-fold-indicator .collapse-indicator::before {
    font-size: calc(var(--font-text-size) * 0.75);
    font-weight: 600 !important;
    color: var(--text-faint);
    width: max-content;
}

.cm-fold-indicator:hover .collapse-indicator { color: var(--accent-color) !important; }






:is(.markdown-preview-view h1, .markdown-preview-view h2, .markdown-preview-view h3,
    .markdown-preview-view h4, .markdown-preview-view h5, .markdown-preview-view h6,
    .HyperMD-header) :is(strong, b, em, i, .cm-strong, .cm-em) {
    color: inherit !important;
}










.ͼ2 .cm-panels-bottom {
	border-top: var(--border-width) solid var(--bg_highlight);
}


.cm-vim-message {
	color: var(--red);
}


.multi-select-pill {
	line-height: normal;
}


.metadata-property-value[data-property-type="tags"] .multi-select-pill {
	line-height: unset;
}

.metadata-container {
	margin-block-end: 0px;
}







ul:not(li > *) > li > .list-bullet::after,
.HyperMD-list-line-1 .list-bullet::after {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: var(--list-marker-color);
}



ul:not(li > *) > li > ul > li > .list-bullet::after,
.HyperMD-list-line-2 .list-bullet::after {
	height: 6px;
	width: 6px;
	background-color: transparent;
	border: 2px solid var(--list-marker-color);
	border-radius: 50%;
}



ul:not(li > *) > li > ul > li > ul > li > .list-bullet::after,
.HyperMD-list-line-3 .list-bullet::after {
	content: "◈";
	height: unset;
	width: unset;
	background-color: transparent;
	color: var(--list-marker-color);
	margin-top: 3px;
}



ul:not(li > *) > li > ul > li > ul > li > ul > li > .list-bullet::after,
.HyperMD-list-line-4 .list-bullet::after {
	height: 2px;
	width: 8px;
	border-radius: 0;
	background-color: var(--list-marker-color);
}



ul:not(li > *) > li > ul > li > ul > li > ul > li > ul > li > .list-bullet::after,
.HyperMD-list-line-5 .list-bullet::after {
	height: 5px;
	width: 5px;
	border-radius: 0;
	background-color: var(--list-marker-color);
}










.image-embed {
    border-radius: var(--image-radius);
}


.minimal-image-captions .image-captions-figure { background-color: transparent !important; }
.minimal-image-captions .image-captions-caption { background-color: transparent !important; text-align: left !important; }










.token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--code-comment); }
.token.punctuation { color: var(--text-muted); }
.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: var(--code-property); }
.token.boolean, .token.number { color: var(--code-number); }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: var(--code-string); }
.token.operator, .token.entity, .token.url, .token.variable { color: var(--code-operator); }
.token.atrule, .token.attr-value, .token.function, .token.class-name { color: var(--code-function); }
.token.keyword { color: var(--code-keyword); }
.token.regex, .token.important { color: var(--code-number); }


.token.important, .token.bold { font-weight: bold; }
.token.italic { font-style: italic; }


.MathJax { font-size: 130% !important; }


span.cm-hmd-frontmatter.cm-meta { color: rgba(var(--blue0_x), 0.9); }
.cm-hmd-frontmatter { font-size: 0.9em; color: var(--text-faint); }


.cm-atom { color: var(--blue); }










.markdown-rendered table,
.markdown-preview-view table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: 0.9em;
    line-height: var(--table-line-height);
    background: transparent;
    margin: 1.2em 0;
    border-radius: var(--radius-m);
    border: none;
    box-shadow: none;
    transition: box-shadow var(--motion-duration-fast) var(--motion-easing-standard);
}


.markdown-rendered table:focus-within,
.markdown-preview-view table:focus-within {
    box-shadow: 0 0 0 var(--table-border-width) var(--table-border-color);
}


.markdown-rendered thead tr,
.markdown-preview-view thead tr {
    background: var(--table-header-background);
}

.markdown-rendered th,
.markdown-preview-view th {
    padding: 7px 12px;
    font-weight: var(--table-header-weight);
    color: var(--table-header-color);
    font-size: var(--table-header-size);
    text-align: left;
    border-bottom: 2px solid var(--table-border-color);
    border-top: none;
    white-space: nowrap;
}


.markdown-rendered thead tr th:first-child,
.markdown-preview-view thead tr th:first-child {
    border-radius: var(--radius-m) 0 0 0;
}

.markdown-rendered thead tr th:last-child,
.markdown-preview-view thead tr th:last-child {
    border-radius: 0 var(--radius-m) 0 0;
}


.markdown-rendered th:first-child,
.markdown-rendered td:first-child,
.markdown-preview-view th:first-child,
.markdown-preview-view td:first-child {
    border-left: none;
}

.markdown-rendered th:last-child,
.markdown-rendered td:last-child,
.markdown-preview-view th:last-child,
.markdown-preview-view td:last-child {
    border-right: none;
}


.markdown-rendered td,
.markdown-preview-view td {
    padding: 5px 12px;
    color: var(--table-text-color);
    vertical-align: var(--table-cell-vertical-alignment);
    border-bottom: var(--table-border-width) solid var(--table-border-color);
    white-space: var(--table-white-space);
    min-width: var(--table-column-min-width);
    max-width: var(--table-column-max-width);
}


.markdown-rendered tbody tr:last-child td,
.markdown-preview-view tbody tr:last-child td {
    border-bottom: none;
}

.markdown-rendered tbody tr:last-child td:first-child,
.markdown-preview-view tbody tr:last-child td:first-child {
    border-radius: 0 0 0 var(--radius-m);
}

.markdown-rendered tbody tr:last-child td:last-child,
.markdown-preview-view tbody tr:last-child td:last-child {
    border-radius: 0 0 var(--radius-m) 0;
}


.markdown-rendered tbody tr:nth-child(even),
.markdown-preview-view tbody tr:nth-child(even) {
    background: var(--table-row-alt-background);
}


.markdown-rendered tbody tr:hover,
.markdown-preview-view tbody tr:hover {
    background: var(--table-row-background-hover);
    transition: background var(--motion-duration-fast) var(--motion-easing-standard);
}

.markdown-rendered tbody tr:nth-child(even):hover,
.markdown-preview-view tbody tr:nth-child(even):hover {
    background: var(--table-row-alt-background-hover);
}


.cm-editor .HyperMD-table-row {
    line-height: var(--table-line-height);
}












.cm-strong, strong, b {
    color: var(--bold-color) !important;
    font-weight: 700 !important;
}


.cm-em, em, i {
    color: var(--italic-color) !important;
    font-style: italic;
}


.cm-strong.cm-em, strong em, em strong, b i, i b {
    color: var(--orange) !important;
    font-weight: 700;
    font-style: italic;
}


.cm-strikethrough, s, del {
    color: var(--text-error) !important;
    text-decoration: line-through;
    opacity: 0.8;
}


mark, .cm-highlight {
    background: var(--text-highlight-bg);
    color: var(--text-normal);
    padding: 0 4px;
    border-radius: 3px;
    font-weight: 500;
}

mark:hover, .cm-highlight:hover {
    background: rgba(var(--orange_x), 0.35);
}


ins, .cm-ins {
    text-decoration: none;
    border-bottom: 2px solid var(--insertion-color);
}






.markdown-source-view.mod-cm6 hr,
.markdown-preview-view hr {
    position: relative;
    overflow: initial;
    border: none;
    height: 1px;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right,
        transparent 0%,
        var(--hr-gradient-start) 16%,
        var(--hr-gradient-mid) 46%,
        transparent 48%,
        transparent 52%,
        var(--hr-gradient-mid) 54%,
        var(--hr-gradient-start) 84%,
        transparent 100%);
}


.markdown-source-view.mod-cm6 hr {
    margin-block-start: 0.8em;
    margin-block-end: 0.2em;
}

.markdown-preview-view hr {
    margin-block-start: 2em;
    margin-block-end: 1.2em;
}


.markdown-source-view.mod-cm6 hr::after,
.markdown-preview-view hr::after {
    content: '✧';
    display: inline-block;
    font-size: 1.4rem;
    border-width: 2px;
    position: absolute;
    color: var(--hr-star-color);
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow:
        0 0 3px var(--hr-star-color),
        0 0 6px var(--hr-star-glow-mid),
        0 0 12px var(--hr-star-glow-outer);
}









.spoiler{
    position: relative;
    background-color: var(--spoiler-background) !important;
    color: transparent !important;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.spoiler::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0.9;
    background-image: var(--spoiler-pattern);
    background-repeat: repeat;
    animation: snowfall 1.5s linear infinite;
}

@keyframes snowfall {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 40px;
    }
}

.spoiler:hover {
    background-color: var(--spoiler-background-hover) !important;
}

.spoiler.spoiler-revealed {
    background-color: var(--spoiler-background-hover) !important;
    color: var(--text-normal) !important;
}

.cm-spoiler {
    position: relative;
    background-color: var(--spoiler-background-hover) !important;
    color: var(--text-normal) !important;
    border-radius: 4px;
    padding: 2px 6px;
    overflow: hidden;
}

.cm-spoiler::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0.8;
    background-image: var(--spoiler-pattern);
    background-repeat: repeat;
    background-size: 100px 40px;
    animation: snowfall 1.5s linear infinite;
}

@media (prefers-reduced-motion: reduce) {

    .spoiler::before,
    .cm-spoiler::before {
        animation: none !important;
    }
}