:root,:root[data-theme=light]{color-scheme:light;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-bg: #ECF4F4;--color-surface: #FFFFFF;--color-surface-subtle: #E3EFEF;--color-surface-deep: #E7F1F1;--color-surface-header: #E0EDED;--color-surface-translucent: rgba(255, 255, 255, .92);--color-border: rgba(18, 105, 108, .18);--color-border-hover: rgba(18, 105, 108, .34);--color-heading: #082022;--color-text: #123B3E;--color-text-secondary: #3E6C70;--color-text-muted: #5E8A8D;--color-icon-muted: #7BA3A5;--color-primary: #14807F;--color-primary-hover: #0E6A69;--color-primary-light: rgba(20, 128, 127, .1);--color-primary-border: rgba(20, 128, 127, .3);--color-lapis: #14807F;--color-lapis-hover: #0E6A69;--color-lapis-light: rgba(20, 128, 127, .08);--color-lapis-border: rgba(20, 128, 127, .25);--color-lapis-border-strong: rgba(20, 128, 127, .4);--color-clay-soft: rgba(154, 122, 37, .35);--color-clay-soft-light: rgba(154, 122, 37, .06);--color-clay-soft-medium: rgba(154, 122, 37, .1);--color-clay-soft-strong: rgba(154, 122, 37, .15);--color-clay-soft-hover: rgba(154, 122, 37, .18);--color-clay-soft-pressed: rgba(154, 122, 37, .2);--color-clay-strong: #9A7A25;--color-clay-border: rgba(154, 122, 37, .4);--color-clay-shadow: rgba(154, 122, 37, .12);--color-gold-thread: #9A7A25;--color-danger: #C24343;--color-danger-hover: #A93131;--color-danger-soft: rgba(194, 67, 67, .08);--color-danger-soft-hover: rgba(194, 67, 67, .14);--color-danger-border: rgba(194, 67, 67, .25);--color-success: #17876B;--color-success-soft: rgba(23, 135, 107, .1);--color-success-border: rgba(23, 135, 107, .28);--color-warning: #9A7A25;--color-warning-text: #8A6D1F;--color-warning-soft: rgba(154, 122, 37, .1);--color-warning-border: rgba(154, 122, 37, .32);--color-warning-divider: rgba(154, 122, 37, .15);--color-info: #14807F;--color-info-soft: rgba(20, 128, 127, .1);--color-info-border: rgba(20, 128, 127, .28);--color-recents: #9A7A25;--color-reading-list: #14807F;--color-favorites: #9A7A25;--color-action-highlight: #9F008C;--color-action-highlight-bg: rgba(255, 30, 210, .12);--color-action-indigo: #14807F;--color-action-indigo-soft: rgba(20, 128, 127, .14);--color-action-indigo-soft-muted: rgba(20, 128, 127, .08);--color-action-cyan: #0E7C8C;--color-action-cyan-soft: rgba(14, 124, 140, .14);--color-overlay: rgba(6, 26, 28, .42);--color-overlay-strong: rgba(6, 26, 28, .56);--color-contrast-border: rgba(255, 255, 255, .3);--color-selection: rgba(20, 128, 127, .22);--color-nav-backdrop: rgba(236, 244, 244, .85);--color-divider-accent: rgba(20, 128, 127, .12);--color-divider-accent-strong: rgba(20, 128, 127, .6);--color-divider-accent-line: rgba(20, 128, 127, .2);--color-divider-accent-line-hover: rgba(20, 128, 127, .5);--color-focus-ring: rgba(20, 128, 127, .16);--color-focus-ring-strong: rgba(20, 128, 127, .24);--color-focus-dark: rgba(8, 32, 34, .18);--color-focus-dark-border: rgba(8, 32, 34, .75);--color-toolbar-shadow: rgba(8, 32, 34, .24);--color-toolbar-border-shadow: rgba(8, 32, 34, .05);--color-highlight-shadow: rgba(8, 32, 34, .06);--color-doc-card-glow: rgba(20, 128, 127, .04);--color-grid-line: rgba(20, 128, 127, .05);--color-on-primary: #FFFFFF;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-pill: 2px;--shadow-sm: 0 1px 3px rgba(8, 32, 34, .04);--shadow-md: 0 6px 20px rgba(8, 32, 34, .06);--shadow-hover: 0 10px 30px rgba(8, 32, 34, .08);--shadow-lg: 0 18px 45px rgba(8, 32, 34, .18);--shadow-glow: 0 0 16px rgba(20, 128, 127, .25)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0D2B2E;--color-surface: #122F33;--color-surface-subtle: #1A3D42;--color-surface-deep: #0A2225;--color-surface-header: #0A1F22;--color-surface-translucent: rgba(18, 47, 51, .92);--color-border: rgba(94, 207, 207, .15);--color-border-hover: rgba(94, 207, 207, .32);--color-heading: #FFFFFF;--color-text: #D4ECEC;--color-text-secondary: #8AADAF;--color-text-muted: #6B9B9E;--color-icon-muted: #4A7A7D;--color-primary: #5ECFCF;--color-primary-hover: #82E8D8;--color-primary-light: rgba(94, 207, 207, .1);--color-primary-border: rgba(94, 207, 207, .3);--color-lapis: #5ECFCF;--color-lapis-hover: #82E8D8;--color-lapis-light: rgba(94, 207, 207, .08);--color-lapis-border: rgba(94, 207, 207, .25);--color-lapis-border-strong: rgba(94, 207, 207, .4);--color-clay-soft: rgba(200, 168, 75, .35);--color-clay-soft-light: rgba(200, 168, 75, .06);--color-clay-soft-medium: rgba(200, 168, 75, .1);--color-clay-soft-strong: rgba(200, 168, 75, .16);--color-clay-soft-hover: rgba(200, 168, 75, .18);--color-clay-soft-pressed: rgba(200, 168, 75, .22);--color-clay-strong: #C8A84B;--color-clay-border: rgba(200, 168, 75, .4);--color-clay-shadow: rgba(200, 168, 75, .14);--color-gold-thread: #C8A84B;--color-danger: #FF8A8A;--color-danger-hover: #FF7676;--color-danger-soft: rgba(255, 138, 138, .16);--color-danger-soft-hover: rgba(255, 138, 138, .22);--color-danger-border: rgba(255, 138, 138, .32);--color-success: #82E8D8;--color-success-soft: rgba(130, 232, 216, .14);--color-success-border: rgba(130, 232, 216, .3);--color-warning: #C8A84B;--color-warning-text: #D9BC64;--color-warning-soft: rgba(200, 168, 75, .14);--color-warning-border: rgba(200, 168, 75, .32);--color-warning-divider: rgba(200, 168, 75, .18);--color-info: #5ECFCF;--color-info-soft: rgba(94, 207, 207, .14);--color-info-border: rgba(94, 207, 207, .3);--color-recents: #C8A84B;--color-reading-list: #82E8D8;--color-favorites: #C8A84B;--color-action-highlight: #F07BE3;--color-action-highlight-bg: rgba(240, 123, 227, .2);--color-action-indigo: #5ECFCF;--color-action-indigo-soft: rgba(94, 207, 207, .18);--color-action-indigo-soft-muted: rgba(94, 207, 207, .12);--color-action-cyan: #82E8D8;--color-action-cyan-soft: rgba(130, 232, 216, .16);--color-overlay: rgba(4, 16, 17, .68);--color-overlay-strong: rgba(4, 16, 17, .8);--color-contrast-border: rgba(255, 255, 255, .14);--color-selection: rgba(94, 207, 207, .32);--color-nav-backdrop: rgba(10, 31, 34, .85);--color-divider-accent: rgba(94, 207, 207, .15);--color-divider-accent-strong: rgba(94, 207, 207, .6);--color-divider-accent-line: rgba(94, 207, 207, .25);--color-divider-accent-line-hover: rgba(94, 207, 207, .5);--color-focus-ring: rgba(94, 207, 207, .2);--color-focus-ring-strong: rgba(94, 207, 207, .3);--color-focus-dark: rgba(4, 16, 17, .3);--color-focus-dark-border: rgba(212, 236, 236, .32);--color-toolbar-shadow: rgba(4, 16, 17, .4);--color-toolbar-border-shadow: rgba(255, 255, 255, .04);--color-highlight-shadow: rgba(4, 16, 17, .2);--color-doc-card-glow: rgba(94, 207, 207, .05);--color-grid-line: rgba(94, 207, 207, .04);--color-on-primary: #0A2225;--shadow-sm: 0 1px 2px rgba(4, 16, 17, .32);--shadow-md: 0 14px 36px rgba(4, 16, 17, .35);--shadow-hover: 0 18px 42px rgba(4, 16, 17, .38);--shadow-lg: 0 26px 60px rgba(4, 16, 17, .5);--shadow-glow: 0 0 16px rgba(94, 207, 207, .3)}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:var(--color-bg)}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;font-size:14px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{color:var(--color-heading)}#app-root{min-height:100vh}@keyframes neo-logo-pulse{0%,to{opacity:1}50%{opacity:.45}}.neo-logo-cursor{display:inline-block;width:.6em;height:1em;margin-left:4px;vertical-align:middle;background:var(--color-primary);animation:neo-logo-pulse 1s cubic-bezier(.4,0,.6,1) infinite}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}a{color:var(--color-lapis);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--color-selection);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-divider-accent-line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-divider-accent-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-divider-accent-line-hover)}