/*
=====================================================

AETHER CORE
OBSIDIAN COMMUNITY THEME

A familiar place for your thoughts.

Material identity:
Quiet stone + restrained blue atmosphere +
warm memory accent.


=====================================================
*/




:root {

    

    --aether-font-body:
        "Inter",
        "Noto Sans",
        sans-serif;

    --aether-font-heading:
        "Cormorant Garamond",
        "Georgia",
        serif;

    --aether-font-code:
        "JetBrains Mono",
        "SFMono-Regular",
        Consolas,
        monospace;


    

    --aether-radius-xs:
        5px;

    --aether-radius-sm:
        8px;

    --aether-radius-md:
        12px;

    --aether-radius-lg:
        16px;

    --aether-radius-xl:
        20px;


    

    --aether-space-1:
        4px;

    --aether-space-2:
        8px;

    --aether-space-3:
        12px;

    --aether-space-4:
        16px;

    --aether-space-5:
        20px;

    --aether-space-6:
        24px;

    --aether-space-8:
        32px;


    

    --aether-transition-fast:
        120ms ease;

    --aether-transition:
        180ms ease;

    --aether-transition-slow:
        280ms ease;


    

    --aether-reading-width:
        1000px;

    --aether-reading-padding:
        32px;


    

    --aether-shadow-soft:
        0 8px 28px
        rgba(0, 0, 0, 0.14);

    --aether-shadow-strong:
        0 14px 42px
        rgba(0, 0, 0, 0.22);

}




.theme-dark {

    

    --aether-background:
        #111318;

    --aether-background-secondary:
        #171A21;

    --aether-background-tertiary:
        #1B1E25;


    

    --aether-surface:
        #1D2028;

    --aether-surface-raised:
        #242832;

    --aether-surface-hover:
        #292E38;

    --aether-surface-active:
        #303641;


    

    --aether-border:
        #343946;

    --aether-border-soft:
        #2A2E37;

    --aether-border-strong:
        #454B59;


    

    --aether-primary:
        #8FA9C7;

    --aether-primary-hover:
        #A8BDD5;

    --aether-primary-soft:
        rgba(143, 169, 199, 0.12);

    --aether-primary-muted:
        #71869F;


    

    --aether-warm:
        #C6A97A;

    --aether-warm-hover:
        #D6BC91;

    --aether-warm-soft:
        rgba(198, 169, 122, 0.12);


    

    --aether-text:
        #B4BBC7;

    --aether-text-bright:
        #D9DEE7;

    --aether-text-muted:
        #7E8796;

    --aether-text-faint:
        #626A78;


    

    --aether-link:
        #9FB7D2;

    --aether-link-hover:
        #B7CBE0;

    --aether-link-muted:
        #71869F;


    

    --aether-code:
        #AFC4DA;

    --aether-code-surface:
        #181B22;


    

    --aether-highlight:
        rgba(198, 169, 122, 0.20);


    

    --aether-success:
        #8FB69A;

    --aether-warning:
        #C6A97A;

    --aether-danger:
        #C98282;

    --aether-info:
        #8FA9C7;


    

    --aether-focus:
        rgba(143, 169, 199, 0.16);

    --aether-selection:
        rgba(143, 169, 199, 0.20);


    

    --aether-ambient:
        rgba(143, 169, 199, 0.035);


    

    --aether-callout-note:
        #8FA9C7;

    --aether-callout-note-bg:
        rgba(143, 169, 199, 0.08);

    --aether-callout-tip:
        #8FB69A;

    --aether-callout-tip-bg:
        rgba(143, 182, 154, 0.08);

    --aether-warning-bg:
        rgba(198, 169, 122, 0.08);

    --aether-danger-bg:
        rgba(201, 130, 130, 0.08);

    --aether-success-bg:
        rgba(143, 182, 154, 0.08);


    

    --aether-glass:
        rgba(29, 32, 40, 0.88);


    

    --aether-shadow:
        rgba(0, 0, 0, 0.28);

    --aether-shadow-soft:
        0 8px 28px
        rgba(0, 0, 0, 0.18);

}




.theme-light {

    

    --aether-background:
        #F2EFE8;

    --aether-background-secondary:
        #EAE6DD;

    --aether-background-tertiary:
        #E5E1D8;


    

    --aether-surface:
        #F7F4ED;

    --aether-surface-raised:
        #EEEAE1;

    --aether-surface-hover:
        #E6E2D9;

    --aether-surface-active:
        #DDD9CF;


    

    --aether-border:
        #C9C5BB;

    --aether-border-soft:
        #D8D4CA;

    --aether-border-strong:
        #B3AEA3;


    

    --aether-primary:
        #607B9A;

    --aether-primary-hover:
        #506B89;

    --aether-primary-soft:
        rgba(96, 123, 154, 0.10);

    --aether-primary-muted:
        #788DA5;


    

    --aether-warm:
        #A9854B;

    --aether-warm-hover:
        #96743F;

    --aether-warm-soft:
        rgba(169, 133, 75, 0.10);


    

    --aether-text:
        #50545C;

    --aether-text-bright:
        #292B30;

    --aether-text-muted:
        #7B7F86;

    --aether-text-faint:
        #9A9DA2;


    

    --aether-link:
        #607B9A;

    --aether-link-hover:
        #506B89;

    --aether-link-muted:
        #788DA5;


    

    --aether-code:
        #506B89;

    --aether-code-surface:
        #ECE8DF;


    

    --aether-highlight:
        rgba(169, 133, 75, 0.18);


    

    --aether-success:
        #587A61;

    --aether-warning:
        #A9854B;

    --aether-danger:
        #A65F5F;

    --aether-info:
        #607B9A;


    

    --aether-focus:
        rgba(96, 123, 154, 0.12);

    --aether-selection:
        rgba(96, 123, 154, 0.16);


    

    --aether-ambient:
        rgba(96, 123, 154, 0.025);


    

    --aether-callout-note:
        #607B9A;

    --aether-callout-note-bg:
        rgba(96, 123, 154, 0.07);

    --aether-callout-tip:
        #587A61;

    --aether-callout-tip-bg:
        rgba(88, 122, 97, 0.07);

    --aether-warning-bg:
        rgba(169, 133, 75, 0.08);

    --aether-danger-bg:
        rgba(166, 95, 95, 0.07);

    --aether-success-bg:
        rgba(88, 122, 97, 0.07);


    

    --aether-glass:
        rgba(247, 244, 237, 0.90);


    

    --aether-shadow:
        rgba(54, 50, 43, 0.14);

    --aether-shadow-soft:
        0 8px 28px
        rgba(54, 50, 43, 0.10);

}




.theme-dark,
.theme-light {

    

    --background-primary:
        var(--aether-background);

    --background-primary-alt:
        var(--aether-surface);

    --background-secondary:
        var(--aether-background-secondary);

    --background-secondary-alt:
        var(--aether-background-tertiary);


    

    --background-modifier-border:
        var(--aether-border);

    --background-modifier-border-hover:
        var(--aether-border-strong);

    --background-modifier-hover:
        var(--aether-primary-soft);

    --background-modifier-active-hover:
        var(--aether-primary-soft);


    

    --text-normal:
        var(--aether-text);

    --text-muted:
        var(--aether-text-muted);

    --text-faint:
        var(--aether-text-faint);

    --text-error:
        var(--aether-danger);


    

    --text-accent:
        var(--aether-primary);

    --text-accent-hover:
        var(--aether-primary-hover);

    --interactive-accent:
        var(--aether-primary);

    --interactive-accent-hover:
        var(--aether-primary-hover);

    --interactive-hover:
        var(--aether-primary-soft);


    

    --divider-color:
        var(--aether-border);

    --divider-color-hover:
        var(--aether-border-strong);


    

    --text-selection:
        var(--aether-selection);


    

    --font-text:
        var(--aether-font-body);

    --font-interface:
        var(--aether-font-body);

    --font-monospace:
        var(--aether-font-code);

}




body {

    background:
        var(--aether-background);

    color:
        var(--aether-text);

    font-family:
        var(--aether-font-body);

    font-weight:
        400;

    -webkit-font-smoothing:
        antialiased;

}




h1,
h2,
h3,
h4,
h5,
h6 {

    font-family:
        var(--aether-font-heading);

    color:
        var(--aether-text-bright);

}




.workspace,
.workspace-split,
.workspace-tabs,
.workspace-tab-container {

    background:
        var(--aether-background);

    color:
        var(--aether-text);

}


.workspace-leaf {

    background:
        var(--aether-surface);

    border-color:
        var(--aether-border);

}


.workspace-leaf-content {

    background:
        var(--aether-background);

    color:
        var(--aether-text);

}


.workspace-empty {

    background:
        var(--aether-background);

    color:
        var(--aether-text-muted);

}




.workspace-split.mod-left-split,
.workspace-split.mod-right-split {

    background:
        var(--aether-background-secondary);

}


.workspace-split.mod-left-split {

    border-right:
        1px solid
        var(--aether-border);

}


.workspace-split.mod-right-split {

    border-left:
        1px solid
        var(--aether-border);

}




.nav-files-container {

    padding:
        var(--aether-space-3);

}


.nav-folder-title,
.nav-file-title {

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

    transition:
        background var(--aether-transition),
        color var(--aether-transition);

}


.nav-folder-title:hover,
.nav-file-title:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

}


.nav-folder-title-content {

    font-weight:
        600;

}


.nav-folder-collapse-indicator {

    color:
        var(--aether-text-muted);

}


.nav-file-title.is-active {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

    box-shadow:
        inset 2px 0 0
        var(--aether-primary);

}


.nav-file-title.is-active .nav-file-title-content {

    color:
        var(--aether-text-bright);

}




.search-input-container {

    background:
        var(--aether-background);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-sm);

}


.search-input-container input {

    background:
        transparent;

    color:
        var(--aether-text);

}


.search-input-container input::placeholder {

    color:
        var(--aether-text-faint);

}


.search-input-container:focus-within {

    border-color:
        var(--aether-primary);

    box-shadow:
        0 0 0 2px
        var(--aether-focus);

}




.workspace-tab-header-container {

    background:
        var(--aether-background-secondary);

    border-bottom:
        1px solid
        var(--aether-border);

}


.workspace-tab-header {

    color:
        var(--aether-text-muted);

    border:
        none;

    border-radius:
        var(--aether-radius-sm)
        var(--aether-radius-sm)
        0
        0;

    transition:
        background var(--aether-transition),
        color var(--aether-transition);

}


.workspace-tab-header:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text);

}


.workspace-tab-header.is-active {

    background:
        var(--aether-surface);

    color:
        var(--aether-text-bright);

    box-shadow:
        inset 0 -1px 0
        var(--aether-primary);

}


.workspace-tab-header-inner {

    padding:
        0 var(--aether-space-2);

}


.workspace-tab-header-inner-title {

    color:
        inherit;

}


.workspace-tab-header-inner-close-button {

    color:
        var(--aether-text-muted);

    border-radius:
        var(--aether-radius-xs);

}


.workspace-tab-header-inner-close-button:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

}




.workspace-ribbon {

    background:
        var(--aether-background-secondary);

    border-right:
        1px solid
        var(--aether-border);

}


.side-dock-ribbon-action {

    color:
        var(--aether-text-muted);

    border-radius:
        var(--aether-radius-sm);

    transition:
        color var(--aether-transition),
        background var(--aether-transition);

}


.side-dock-ribbon-action:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-primary);

}


.side-dock-ribbon-action.is-active {

    color:
        var(--aether-primary);

}




.view-header,
.workspace-leaf-header {

    background:
        var(--aether-background-secondary);

    border-bottom:
        1px solid
        var(--aether-border);

}


.view-header-title,
.workspace-leaf-header-title {

    color:
        var(--aether-text-bright);

}


.view-actions {

    color:
        var(--aether-text-muted);

}


.view-action,
.clickable-icon {

    color:
        var(--aether-text-muted);

    border-radius:
        var(--aether-radius-xs);

    transition:
        color var(--aether-transition),
        background var(--aether-transition);

}


.view-action:hover,
.clickable-icon:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

}




.status-bar {

    background:
        var(--aether-background-secondary);

    border-top:
        1px solid
        var(--aether-border);

    color:
        var(--aether-text-muted);

}


.status-bar-item {

    color:
        var(--aether-text-muted);

    transition:
        color var(--aether-transition);

}


.status-bar-item:hover {

    color:
        var(--aether-text);

}




.workspace-leaf-resize-handle {

    background:
        transparent;

}


.workspace-leaf-resize-handle:hover {

    background:
        var(--aether-primary-soft);

}




.tree-item-self {

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

}


.tree-item-self:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

}


.tree-item-self.is-active {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

}


.tree-item-icon {

    color:
        var(--aether-text-muted);

}




.outline .tree-item-self {

    color:
        var(--aether-text-muted);

}


.outline .tree-item-self:hover {

    color:
        var(--aether-text);

}


.outline .tree-item-self.is-active {

    color:
        var(--aether-primary);

}




.tag {

    display:
        inline-block;

    background:
        var(--aether-primary-soft);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        999px;

    color:
        var(--aether-text-muted);

    padding:
        2px 8px;

    font-size:
        .88em;

    transition:
        background var(--aether-transition),
        border-color var(--aether-transition),
        color var(--aether-transition);

}


.tag:hover {

    background:
        var(--aether-surface-hover);

    border-color:
        var(--aether-primary-muted);

    color:
        var(--aether-primary);

}




.markdown-preview-view,
.markdown-source-view,
.cm-editor {

    font-family:
        var(--aether-font-body);

    font-size:
        17px;

    line-height:
        1.75;

    letter-spacing:
        .005em;

    color:
        var(--aether-text);

}


.markdown-preview-view,
.markdown-source-view,
.cm-editor {

    background:
        var(--aether-background);

}




.markdown-preview-view {

    padding-left:
        clamp(20px, 5vw, 70px);

    padding-right:
        clamp(20px, 5vw, 70px);

}


.markdown-preview-view .markdown-preview-section {

    max-width:
        var(--aether-reading-width);

    margin:
        0 auto;

    text-rendering:
        optimizeLegibility;

}




.markdown-source-view .cm-scroller {

    padding-left:
        clamp(20px, 4vw, 55px);

    padding-right:
        clamp(20px, 4vw, 55px);

}


.cm-content {

    caret-color:
        var(--aether-primary);

}


.cm-cursor {

    border-left-color:
        var(--aether-primary);

}


.cm-activeLine {

    background:
        var(--aether-surface-hover);

}


.cm-line.cm-activeLine {

    background:
        var(--aether-surface-hover);

}




.cm-gutters {

    background:
        var(--aether-background);

    border-right:
        none;

    color:
        var(--aether-text-faint);

}


.cm-activeLineGutter {

    background:
        var(--aether-surface-hover);

    color:
        var(--aether-text-muted);

}




.markdown-preview-view p {

    color:
        var(--aether-text);

    margin-top:
        0;

    margin-bottom:
        1.15em;

}


.markdown-preview-view strong {

    color:
        var(--aether-text-bright);

    font-weight:
        700;

}


.markdown-preview-view em {

    color:
        var(--aether-text);

}




.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {

    font-family:
        var(--aether-font-heading);

    color:
        var(--aether-text-bright);

    font-weight:
        600;

    letter-spacing:
        -.01em;

}


.markdown-preview-view h1 {

    font-size:
        2.45em;

    line-height:
        1.15;

    margin-top:
        1.4em;

    margin-bottom:
        .65em;

}


.markdown-preview-view h2 {

    font-size:
        1.85em;

    line-height:
        1.25;

    margin-top:
        1.35em;

    margin-bottom:
        .55em;

}


.markdown-preview-view h3 {

    font-size:
        1.45em;

    line-height:
        1.3;

    margin-top:
        1.25em;

    margin-bottom:
        .45em;

}


.markdown-preview-view h4 {

    font-size:
        1.2em;

}


.markdown-preview-view h5 {

    font-size:
        1.05em;

}


.markdown-preview-view h6 {

    font-size:
        .95em;

    color:
        var(--aether-text-muted);

}


.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {

    font-family:
        var(--aether-font-heading);

}




.markdown-preview-view a,
.markdown-preview-view .internal-link {

    color:
        var(--aether-link);

    text-decoration:
        none;

    transition:
        color var(--aether-transition);

}


.markdown-preview-view a:hover,
.markdown-preview-view .internal-link:hover {

    color:
        var(--aether-link-hover);

}


.markdown-preview-view .is-unresolved {

    color:
        var(--aether-link-muted);

    opacity:
        .85;

}


.external-link {

    color:
        var(--aether-link);

}




.markdown-preview-view ul,
.markdown-preview-view ol {

    margin-top:
        .4em;

    margin-bottom:
        1em;

    padding-left:
        1.8em;

}


.markdown-preview-view li {

    margin-bottom:
        .35em;

}


.markdown-preview-view li > ul,
.markdown-preview-view li > ol {

    margin-top:
        .25em;

    margin-bottom:
        .25em;

}


.markdown-preview-view li::marker {

    color:
        var(--aether-primary-muted);

}




.markdown-preview-view input[type="checkbox"] {

    accent-color:
        var(--aether-primary);

}


.markdown-preview-view li.task-list-item.is-checked {

    color:
        var(--aether-text-muted);

}




.markdown-preview-view blockquote {

    margin:
        1.4em 0;

    padding:
        .8em 1.2em;

    background:
        var(--aether-surface);

    border-left:
        3px solid
        var(--aether-primary-muted);

    border-radius:
        var(--aether-radius-sm);

    color:
        var(--aether-text-muted);

}


.markdown-preview-view blockquote p {

    color:
        var(--aether-text-muted);

}




.markdown-preview-view mark {

    background:
        var(--aether-highlight);

    color:
        var(--aether-text-bright);

    padding:
        1px 4px;

    border-radius:
        4px;

}




.markdown-preview-view code {

    font-family:
        var(--aether-font-code);

    font-size:
        .9em;

    background:
        var(--aether-code-surface);

    border:
        1px solid
        var(--aether-border);

    color:
        var(--aether-code);

    padding:
        2px 6px;

    border-radius:
        5px;

}




.markdown-preview-view pre {

    font-family:
        var(--aether-font-code);

    background:
        var(--aether-code-surface);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

    padding:
        18px 20px;

    overflow:
        auto;

}


.markdown-preview-view pre code {

    background:
        transparent;

    border:
        none;

    padding:
        0;

    color:
        var(--aether-text);

}


.cm-s-obsidian .HyperMD-codeblock {

    font-family:
        var(--aether-font-code);

    background:
        var(--aether-code-surface);

}




.markdown-preview-view hr {

    border:
        none;

    border-top:
        1px solid
        var(--aether-border);

    margin:
        2.5em 0;

}




.markdown-preview-view img {

    max-width:
        100%;

    height:
        auto;

    border-radius:
        var(--aether-radius-md);

    border:
        1px solid
        var(--aether-border);

}


.markdown-preview-view img:hover {

    border-color:
        var(--aether-border-strong);

}




.markdown-preview-view table,
.table-view-table {

    width:
        100%;

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

    overflow:
        hidden;

}




.markdown-preview-view th,
.markdown-preview-view td,
.table-view-table th,
.table-view-table td {

    background:
        var(--aether-surface);

    color:
        var(--aether-text);

    padding:
        10px 13px;

    border-color:
        var(--aether-border);

}




.markdown-preview-view thead th,
.table-view-table thead th {

    background:
        var(--aether-surface);

    color:
        var(--aether-text-bright);

    font-weight:
        600;

}




.markdown-preview-view tbody tr:nth-child(even) td,
.markdown-preview-view tbody tr:nth-child(odd) td,
.table-view-table tbody tr:nth-child(even) td,
.table-view-table tbody tr:nth-child(odd) td {

    background:
        var(--aether-surface);

}




.markdown-preview-view tbody tr:hover td,
.table-view-table tbody tr:hover td {

    background:
        var(--aether-surface-hover);

}




.callout {

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

    box-shadow:
        none;

}


.callout-title {

    color:
        var(--aether-text-bright);

    font-weight:
        600;

}


.callout-content {

    color:
        var(--aether-text);

}




.callout[data-callout="note"] {

    --callout-color:
        var(--aether-callout-note);

    background:
        var(--aether-callout-note-bg);

}




.callout[data-callout="tip"] {

    --callout-color:
        var(--aether-callout-tip);

    background:
        var(--aether-callout-tip-bg);

}




.callout[data-callout="warning"] {

    --callout-color:
        var(--aether-warning);

    background:
        var(--aether-warning-bg);

}




.callout[data-callout="danger"] {

    --callout-color:
        var(--aether-danger);

    background:
        var(--aether-danger-bg);

}




.callout[data-callout="success"] {

    --callout-color:
        var(--aether-success);

    background:
        var(--aether-success-bg);

}




.callout[data-callout="abstract"],
.callout[data-callout="idea"] {

    --callout-color:
        var(--aether-primary);

    background:
        var(--aether-primary-soft);

}




.callout[data-callout="quote"] {

    --callout-color:
        var(--aether-text-muted);

    background:
        var(--aether-surface);

}




.metadata-container {

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

}


.metadata-property {

    border-bottom:
        1px solid
        var(--aether-border);

}


.metadata-property:last-child {

    border-bottom:
        none;

}


.metadata-property-key {

    color:
        var(--aether-text-muted);

    font-weight:
        500;

}


.metadata-property-value,
.metadata-input-longtext {

    color:
        var(--aether-text);

}


.metadata-property:hover {

    background:
        var(--aether-surface-hover);

}




.markdown-embed,
.internal-embed {

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

}


.markdown-embed-title {

    color:
        var(--aether-text-bright);

}


.markdown-embed-link {

    color:
        var(--aether-text-muted);

}


.markdown-embed-link:hover {

    color:
        var(--aether-primary);

}




.task-list-item-checkbox {

    accent-color:
        var(--aether-primary);

}


.task-list-item {

    color:
        var(--aether-text);

}


.task-list-item[data-task="x"],
.task-list-item[data-task="X"],
.task-list-item.is-checked {

    color:
        var(--aether-text-muted);

}


.task-list-item-checkbox:focus-visible {

    outline:
        2px solid
        var(--aether-primary);

    outline-offset:
        2px;

}




.search-result {

    color:
        var(--aether-text);

}


.search-result-file-title {

    color:
        var(--aether-text-bright);

}


.search-result-file-matched-text {

    color:
        var(--aether-text-muted);

}


.search-result-file-title:hover {

    color:
        var(--aether-primary);

}


.nav-files-container .search-result-file-matched-text {

    color:
        var(--aether-warm);

}




.bookmark {

    border-radius:
        var(--aether-radius-sm);

}


.bookmark:hover {

    background:
        var(--aether-primary-soft);

}




.tag-pane-tag {

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

}


.tag-pane-tag:hover {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-primary);

}




.dataview {

    color:
        var(--aether-text);

}


.dataview.table-view-table {

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

}


.dataview th,
.dataview td {

    background:
        var(--aether-surface);

    color:
        var(--aether-text);

    border-color:
        var(--aether-border);

}


.dataview th {

    color:
        var(--aether-text-bright);

}




.dataview tbody tr:nth-child(even) td,
.dataview tbody tr:nth-child(odd) td {

    background:
        var(--aether-surface);

}


.dataview tbody tr:hover td {

    background:
        var(--aether-surface-hover);

}




.dataview .card {

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

    padding:
        14px;

}


.dataview .card:hover {

    background:
        var(--aether-surface-hover);

    border-color:
        var(--aether-border-strong);

}




.modal {

    background:
        var(--aether-surface-raised);

    border:
        1px solid
        var(--aether-border-strong);

    border-radius:
        var(--aether-radius-lg);

    box-shadow:
        var(--aether-shadow-strong);

}




.menu {

    background:
        var(--aether-surface-raised);

    border:
        1px solid
        var(--aether-border);

    border-radius:
        var(--aether-radius-md);

    box-shadow:
        var(--aether-shadow-soft);

}


.menu-item {

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

}


.menu-item:hover {

    background:
        var(--aether-surface-hover);

    color:
        var(--aether-text-bright);

}




.prompt {

    background:
        var(--aether-surface-raised);

    border:
        1px solid
        var(--aether-border-strong);

    border-radius:
        var(--aether-radius-lg);

}


.prompt-input {

    background:
        var(--aether-background);

    border:
        1px solid
        var(--aether-border);

    color:
        var(--aether-text);

}


.suggestion-item {

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

}


.suggestion-item.is-selected {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

}




button {

    background:
        var(--aether-surface);

    border:
        1px solid
        var(--aether-border);

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

    transition:
        background var(--aether-transition),
        border-color var(--aether-transition),
        color var(--aether-transition);

}


button:hover {

    background:
        var(--aether-surface-hover);

    border-color:
        var(--aether-border-strong);

}




button.mod-cta {

    background:
        var(--aether-primary);

    border-color:
        var(--aether-primary);

    color:
        #FFFFFF;

}


button.mod-cta:hover {

    background:
        var(--aether-primary-hover);

    border-color:
        var(--aether-primary-hover);

}




input,
textarea,
select {

    background:
        var(--aether-background);

    border:
        1px solid
        var(--aether-border);

    color:
        var(--aether-text);

    border-radius:
        var(--aether-radius-sm);

}


input::placeholder,
textarea::placeholder {

    color:
        var(--aether-text-faint);

}


input:focus,
textarea:focus,
select:focus {

    border-color:
        var(--aether-primary);

    box-shadow:
        0 0 0 2px
        var(--aether-focus);

}




.tooltip {

    background:
        var(--aether-surface-raised);

    border:
        1px solid
        var(--aether-border);

    color:
        var(--aether-text);

    box-shadow:
        var(--aether-shadow-soft);

}




:focus-visible {

    outline:
        2px solid
        var(--aether-primary);

    outline-offset:
        2px;

}


button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {

    outline:
        2px solid
        var(--aether-primary);

    outline-offset:
        2px;

}




::selection {

    background:
        var(--aether-selection);

    color:
        var(--aether-text-bright);

}


.cm-selectionBackground {

    background:
        var(--aether-selection);

}




::-webkit-scrollbar {

    width:
        8px;

    height:
        8px;

}


::-webkit-scrollbar-track {

    background:
        var(--aether-background);

}


::-webkit-scrollbar-thumb {

    background:
        var(--aether-border);

    border-radius:
        20px;

}


::-webkit-scrollbar-thumb:hover {

    background:
        var(--aether-border-strong);

}




.workspace {

    position:
        relative;

}


.workspace::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:
        radial-gradient(
            circle at 15% 0%,
            var(--aether-ambient),
            transparent 38%
        );

    opacity:
        .30;

}


.theme-light .workspace::before {

    opacity:
        .16;

}




.aether-glass {

    background:
        var(--aether-glass);

    border:
        1px solid
        var(--aether-border);

    backdrop-filter:
        blur(10px);

}




.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged {

    background:
        var(--aether-primary-soft);

    color:
        var(--aether-text-bright);

    border:
        1px solid
        var(--aether-primary-muted);

}


.is-being-dragged {

    opacity:
        .75;

}




.nav-files-container .nav-empty-message,
.view-content .nav-empty-message {

    color:
        var(--aether-text-muted);

}




.footnote-ref {

    color:
        var(--aether-link);

}


.footnotes {

    color:
        var(--aether-text-muted);

    border-top:
        1px solid
        var(--aether-border);

}




.cm-invalidchar {

    color:
        var(--aether-warning);

}




@media (max-width: 700px) {

    .nav-files-container {

        padding:
            var(--aether-space-2);

    }


    .workspace-split.mod-left-split,
    .workspace-split.mod-right-split {

        border:
            none;

    }


    .workspace-ribbon {

        border:
            none;

    }


    .workspace-tab-header {

        padding-left:
            var(--aether-space-1);

        padding-right:
            var(--aether-space-1);

    }


    .workspace-tab-header-inner {

        padding:
            0 var(--aether-space-1);

    }


    .status-bar {

        font-size:
            12px;

    }


    .markdown-preview-view,
    .markdown-source-view,
    .cm-editor {

        font-size:
            16px;

        line-height:
            1.7;

    }


    .markdown-preview-view {

        padding-left:
            16px;

        padding-right:
            16px;

    }


    .markdown-source-view .cm-scroller {

        padding-left:
            14px;

        padding-right:
            14px;

    }


    .markdown-preview-view h1 {

        font-size:
            2em;

    }


    .markdown-preview-view h2 {

        font-size:
            1.6em;

    }


    .markdown-preview-view blockquote {

        padding:
            .7em 1em;

    }


    .markdown-preview-view pre {

        padding:
            14px;

    }


    .callout {

        border-radius:
            var(--aether-radius-sm);

    }


    .metadata-container {

        border-radius:
            var(--aether-radius-sm);

    }


    .tag {

        padding:
            2px 7px;

    }


    .modal,
    .menu,
    .prompt {

        border-radius:
            var(--aether-radius-md);

        box-shadow:
            var(--aether-shadow-soft);

    }


    .workspace::before {

        opacity:
            .10;

    }


    .aether-glass {

        backdrop-filter:
            none;

    }

}




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

    *,
    *::before,
    *::after {

        animation-duration:
            0.01ms;

        animation-iteration-count:
            1;

        transition-duration:
            0.01ms;

        scroll-behavior:
            auto;

    }

}