:root,:root[data-theme=light]{color-scheme:light;--color-bg: #F6F7FB;--color-surface: #FFFFFF;--color-surface-subtle: #F0F2F7;--color-surface-translucent: rgba(255, 255, 255, .92);--color-border: #E0E3EE;--color-border-hover: #CDD5E8;--color-text: #151824;--color-text-secondary: #6C748A;--color-text-muted: #A3A9BC;--color-icon-muted: #B4BAC8;--color-primary: #5F4FF5;--color-primary-hover: #5242D9;--color-primary-light: rgba(95, 79, 245, .08);--color-primary-border: rgba(95, 79, 245, .2);--color-lapis: #244A8F;--color-lapis-hover: #1D3D75;--color-lapis-light: rgba(36, 74, 143, .08);--color-lapis-border: rgba(36, 74, 143, .2);--color-lapis-border-strong: rgba(36, 74, 143, .25);--color-clay-soft: #E4CDB3;--color-clay-soft-light: rgba(228, 205, 179, .06);--color-clay-soft-medium: rgba(228, 205, 179, .1);--color-clay-soft-strong: rgba(228, 205, 179, .15);--color-clay-soft-hover: rgba(228, 205, 179, .18);--color-clay-soft-pressed: rgba(228, 205, 179, .2);--color-clay-strong: #C28C57;--color-clay-border: rgba(231, 183, 105, .4);--color-clay-shadow: rgba(231, 183, 105, .12);--color-gold-thread: #E7B769;--color-danger: #D64545;--color-danger-hover: #C13030;--color-danger-soft: rgba(214, 69, 69, .08);--color-danger-soft-hover: rgba(214, 69, 69, .14);--color-danger-border: rgba(214, 69, 69, .25);--color-success: #2A9D6C;--color-success-soft: rgba(42, 157, 108, .08);--color-success-border: rgba(42, 157, 108, .25);--color-warning: #E7B769;--color-warning-text: #B8860B;--color-warning-soft: rgba(217, 164, 48, .08);--color-warning-border: rgba(217, 164, 48, .3);--color-warning-divider: rgba(217, 164, 48, .15);--color-info: #2F6A8C;--color-info-soft: rgba(47, 106, 140, .08);--color-info-border: rgba(47, 106, 140, .25);--color-recents: #8C6A2F;--color-reading-list: #2F6A8C;--color-favorites: #B8860B;--color-action-highlight: #9F008C;--color-action-highlight-bg: rgba(255, 30, 210, .12);--color-action-indigo: #4F46D8;--color-action-indigo-soft: rgba(95, 79, 245, .12);--color-action-indigo-soft-muted: rgba(95, 79, 245, .08);--color-action-cyan: #00788C;--color-action-cyan-soft: rgba(0, 245, 255, .14);--color-overlay: rgba(15, 23, 42, .4);--color-overlay-strong: rgba(10, 15, 26, .54);--color-contrast-border: rgba(255, 255, 255, .3);--color-selection: rgba(228, 205, 179, .5);--color-nav-backdrop: rgba(246, 247, 251, .82);--color-divider-accent: rgba(36, 74, 143, .1);--color-divider-accent-strong: rgba(36, 74, 143, .55);--color-divider-accent-line: rgba(36, 74, 143, .18);--color-divider-accent-line-hover: rgba(36, 74, 143, .45);--color-focus-ring: rgba(36, 74, 143, .12);--color-focus-ring-strong: rgba(36, 74, 143, .16);--color-focus-dark: rgba(15, 23, 42, .18);--color-focus-dark-border: rgba(15, 23, 42, .75);--color-toolbar-shadow: rgba(15, 23, 42, .24);--color-toolbar-border-shadow: rgba(15, 23, 42, .05);--color-highlight-shadow: rgba(33, 38, 45, .05);--color-doc-card-glow: rgba(240, 242, 247, .3);--radius-sm: 8px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .03);--shadow-md: 0 6px 20px rgba(15, 23, 42, .04);--shadow-hover: 0 10px 30px rgba(15, 23, 42, .06);--shadow-lg: 0 18px 45px rgba(15, 23, 42, .16)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0B1220;--color-surface: #111A2B;--color-surface-subtle: #172237;--color-surface-translucent: rgba(17, 26, 43, .92);--color-border: #253149;--color-border-hover: #33425F;--color-text: #E6ECF7;--color-text-secondary: #B6C0D8;--color-text-muted: #8792AD;--color-icon-muted: #77829E;--color-primary: #8B80FF;--color-primary-hover: #776AFF;--color-primary-light: rgba(139, 128, 255, .16);--color-primary-border: rgba(139, 128, 255, .28);--color-lapis: #8CB5FF;--color-lapis-hover: #6A99E7;--color-lapis-light: rgba(140, 181, 255, .16);--color-lapis-border: rgba(140, 181, 255, .28);--color-lapis-border-strong: rgba(140, 181, 255, .4);--color-clay-soft: #6F5C45;--color-clay-soft-light: rgba(224, 176, 122, .08);--color-clay-soft-medium: rgba(224, 176, 122, .12);--color-clay-soft-strong: rgba(224, 176, 122, .16);--color-clay-soft-hover: rgba(224, 176, 122, .18);--color-clay-soft-pressed: rgba(224, 176, 122, .24);--color-clay-strong: #E0B07A;--color-clay-border: rgba(240, 201, 135, .38);--color-clay-shadow: rgba(240, 201, 135, .18);--color-gold-thread: #F0C987;--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: #61D3A0;--color-success-soft: rgba(97, 211, 160, .16);--color-success-border: rgba(97, 211, 160, .28);--color-warning: #F0C987;--color-warning-text: #F2CF69;--color-warning-soft: rgba(240, 201, 135, .16);--color-warning-border: rgba(240, 201, 135, .3);--color-warning-divider: rgba(240, 201, 135, .2);--color-info: #78C1E2;--color-info-soft: rgba(120, 193, 226, .16);--color-info-border: rgba(120, 193, 226, .3);--color-recents: #D8B06C;--color-reading-list: #78C1E2;--color-favorites: #F2CF69;--color-action-highlight: #F07BE3;--color-action-highlight-bg: rgba(240, 123, 227, .2);--color-action-indigo: #A89EFF;--color-action-indigo-soft: rgba(168, 158, 255, .2);--color-action-indigo-soft-muted: rgba(168, 158, 255, .14);--color-action-cyan: #76E4F0;--color-action-cyan-soft: rgba(118, 228, 240, .18);--color-overlay: rgba(2, 6, 23, .68);--color-overlay-strong: rgba(2, 6, 23, .78);--color-contrast-border: rgba(255, 255, 255, .14);--color-selection: rgba(139, 128, 255, .38);--color-nav-backdrop: rgba(11, 18, 32, .82);--color-divider-accent: rgba(140, 181, 255, .18);--color-divider-accent-strong: rgba(140, 181, 255, .56);--color-divider-accent-line: rgba(140, 181, 255, .28);--color-divider-accent-line-hover: rgba(140, 181, 255, .58);--color-focus-ring: rgba(140, 181, 255, .22);--color-focus-ring-strong: rgba(140, 181, 255, .28);--color-focus-dark: rgba(2, 6, 23, .28);--color-focus-dark-border: rgba(230, 236, 247, .32);--color-toolbar-shadow: rgba(2, 6, 23, .4);--color-toolbar-border-shadow: rgba(255, 255, 255, .04);--color-highlight-shadow: rgba(2, 6, 23, .18);--color-doc-card-glow: rgba(140, 181, 255, .08);--shadow-sm: 0 1px 2px rgba(2, 6, 23, .32);--shadow-md: 0 14px 36px rgba(2, 6, 23, .35);--shadow-hover: 0 18px 42px rgba(2, 6, 23, .38);--shadow-lg: 0 26px 60px rgba(2, 6, 23, .5)}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:var(--color-bg)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;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}#app-root{min-height:100vh}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)}