:root,[data-theme=dark]{--color-bg: #0a0b0f;--color-bg-elevated: #10121a;--color-bg-card: #12141e;--color-bg-card-hover: #181b28;--color-border: #1e2235;--color-border-subtle: #161a2a;--color-border-glow: rgba(0, 160, 220, .15);--color-text: #e8eaf0;--color-text-secondary: #8a8fa0;--color-text-muted: #4a4f65;--color-accent: #00a0dc;--color-accent-glow: rgba(0, 160, 220, .12);--color-accent-soft: rgba(0, 160, 220, .06);--color-metallic: #9ca3b4;--color-metallic-bright: #c8cdd8;--gradient-metallic: linear-gradient(135deg, #6a7080, #a0a8b8, #6a7080);--gradient-border: linear-gradient(90deg, transparent, rgba(0, 160, 220, .4), transparent);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--max-width: 1100px}[data-theme=light]{--color-bg: #f5f6fa;--color-bg-elevated: #ecedf2;--color-bg-card: #ffffff;--color-bg-card-hover: #f0f1f6;--color-border: #d4d6e0;--color-border-subtle: #e2e4ec;--color-border-glow: rgba(0, 120, 180, .1);--color-text: #0f1020;--color-text-secondary: #505570;--color-text-muted: #9095a8;--color-accent: #0078b4;--color-accent-glow: rgba(0, 120, 180, .08);--color-accent-soft: rgba(0, 120, 180, .04);--color-metallic: #606880;--color-metallic-bright: #404860;--gradient-metallic: linear-gradient(135deg, #505870, #808898, #505870);--gradient-border: linear-gradient(90deg, transparent, rgba(0, 120, 180, .3), transparent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}::selection{background:var(--color-accent);color:#fff}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.85}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}html{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}
