:root{--gray-0: #ffffff;--gray-1: #fafaf9;--gray-2: #f4f4f3;--gray-3: #e7e7e5;--gray-4: #d1d1ce;--gray-5: #9a9996;--gray-6: #6b6b67;--gray-7: #4a4a46;--gray-8: #2c2c29;--gray-9: #171716;--accent: #5b5bd6;--accent-soft: #eaeafe;--accent-hover: #4848c2;--success: #10a066;--success-soft: #dcf5e8;--warn: #c18400;--warn-soft: #fbf3d9;--danger: #d24d4d;--danger-soft: #fae3e3;--info: #3178c6;--info-soft: #dbeafd;--bg: var(--gray-1);--surface: var(--gray-0);--surface-alt: var(--gray-2);--surface-sunk: var(--gray-3);--text: var(--gray-9);--text-muted: var(--gray-6);--text-faint: var(--gray-5);--text-inverse: var(--gray-0);--border: var(--gray-3);--border-strong: var(--gray-4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 19px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--lh-tight: 1.2;--lh-base: 1.5;--lh-loose: 1.7;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-1: 0 1px 2px rgba(23, 23, 22, .04), 0 1px 3px rgba(23, 23, 22, .04);--shadow-2: 0 2px 4px rgba(23, 23, 22, .05), 0 4px 12px rgba(23, 23, 22, .06);--shadow-3: 0 4px 8px rgba(23, 23, 22, .06), 0 12px 24px rgba(23, 23, 22, .08);--sidebar-w: 240px;--topbar-h: 60px;--content-max: 1280px}@media (prefers-color-scheme: dark){:root{--bg: #0c0c0c;--surface: #161616;--surface-alt: #1f1f1f;--surface-sunk: #272727;--text: #f4f4f3;--text-muted: #a7a7a4;--text-faint: #6b6b67;--border: #2b2b2b;--border-strong: #3a3a3a;--accent: #8686ef;--accent-soft: #1a1a34;--accent-hover: #a4a4f5;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-2: 0 2px 4px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .25);--shadow-3: 0 4px 8px rgba(0, 0, 0, .35), 0 12px 24px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);color:var(--text);background:var(--bg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}code,pre{font-family:var(--font-mono);font-size:.9em}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}::selection{background:var(--accent-soft);color:var(--accent)}