:root,html[data-mode=light]{color-scheme:light;--page-bg: #f5f7fb;--page-bg-strong: #edf2f8;--panel-bg: rgba(255, 255, 255, .94);--panel-subtle: #f7fafc;--panel-border: rgba(15, 23, 42, .1);--text-main: #172033;--text-muted: #52607a;--text-soft: #6b7890;--accent: #1f7a5a;--accent-strong: #155e75;--accent-soft: rgba(31, 122, 90, .12);--code-bg: #0f172a;--code-border: rgba(51, 65, 85, .4);--code-text: #e5edf7;--code-token-keyword: #c792ea;--code-token-symbol: #82aaff;--code-token-property: #f78c6c;--code-token-string: #c3e88d;--code-token-operator: #ffcb6b;--code-token-punctuation: #89a1b8;--text-inverse: #dbe7f3;--surface-raised: rgba(255, 255, 255, .9);--surface-raised-soft: rgba(255, 255, 255, .7);--surface-overlay: rgba(255, 255, 255, .5);--surface-overlay-strong: rgba(15, 23, 42, .92);--surface-overlay-hover: rgba(30, 41, 59, .98);--surface-header-start: #ffffff;--surface-header-end: #f7fafc;--surface-intro-start: rgba(255, 255, 255, .94);--surface-intro-end: rgba(247, 250, 252, .92);--shadow: 0 24px 80px rgba(15, 23, 42, .1);--shadow-soft: 0 12px 32px rgba(15, 23, 42, .08);--shadow-lift: 0 16px 40px rgba(15, 23, 42, .08);--radius-lg: 28px;--radius-md: 18px;--font-base: "Space Grotesk", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-code: "JetBrains Mono", "Cascadia Code", Consolas, monospace}html[data-mode=dark]{color-scheme:dark;--page-bg: #0f172a;--page-bg-strong: #050d1a;--panel-bg: rgba(15, 23, 42, .6);--panel-subtle: #1a2a3f;--panel-border: rgba(255, 255, 255, .1);--text-main: #e5edf7;--text-muted: #a4acb8;--text-soft: #8b96a8;--accent: #1f7a5a;--accent-strong: #2ea878;--accent-soft: rgba(46, 168, 120, .16);--code-bg: #172033;--code-border: rgba(255, 255, 255, .1);--code-text: #c5d0e0;--code-token-keyword: #c792ea;--code-token-symbol: #82aaff;--code-token-property: #f78c6c;--code-token-string: #c3e88d;--code-token-operator: #ffcb6b;--code-token-punctuation: #89a1b8;--text-inverse: #dbe7f3;--surface-raised: rgba(15, 23, 42, .78);--surface-raised-soft: rgba(15, 23, 42, .62);--surface-overlay: rgba(15, 23, 42, .5);--surface-overlay-strong: rgba(4, 10, 22, .92);--surface-overlay-hover: rgba(16, 25, 42, .98);--surface-header-start: rgba(15, 23, 42, .72);--surface-header-end: rgba(26, 42, 63, .7);--surface-intro-start: rgba(15, 23, 42, .72);--surface-intro-end: rgba(26, 42, 63, .68);--shadow: 0 24px 80px rgba(0, 0, 0, .4);--shadow-soft: 0 12px 32px rgba(0, 0, 0, .3);--shadow-lift: 0 16px 40px rgba(0, 0, 0, .28);--radius-lg: 28px;--radius-md: 18px;--font-base: "Space Grotesk", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-code: "JetBrains Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(31,122,90,.14),transparent 30%),radial-gradient(circle at top right,rgba(21,94,117,.1),transparent 26%),linear-gradient(180deg,var(--page-bg) 0%,var(--page-bg-strong) 100%);color:var(--text-main);font-family:var(--font-base)}body{min-height:100vh}a{color:inherit}