*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--canvas:#0b0d0f;--base:#111418;--surface:#1a1d22;--elevated:#252830;--ghost:#ffffff0a;--text:#e8e6e1;--text-muted:#8a8b8e;--text-dim:#555860;--accent:#7c9cb5;--accent-soft:#7c9cb51a;--fox:#c4845a;--fox-soft:#c4845a1f;--ink:#2c3038;--border-lite:#ffffff0d;--code:#6b8fa3;--success:#6b9e7a;--warning:#b8975a;--error:#b06b6b;--font-ui:"Inter var", "Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono var", "JetBrains Mono", ui-monospace, monospace;--radius-card:12px;--radius-btn:8px;--radius-input:6px;--fast:.15s;--normal:.25s;--slow:.4s;--easing:cubic-bezier(.16, 1, .3, 1);--gentle:cubic-bezier(.25, .1, .25, 1);--font:var(--font-ui)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--ink) var(--canvas)}body{background:var(--canvas);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow:hidden}#app{width:100%;height:100dvh}::selection{background:var(--fox-soft);color:var(--text)}:focus-visible{outline:2px solid var(--fox);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--elevated)}*{scrollbar-width:thin;scrollbar-color:var(--ink) transparent}a{color:var(--accent);transition:color var(--fast) var(--easing);text-decoration:none}a:hover{color:var(--fox)}.transition{transition:all var(--fast) var(--easing)}.grain:after{content:"";opacity:.018;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.surface-card{background:var(--surface);border:1px solid var(--ink);border-top-color:var(--border-lite);border-radius:var(--radius-card);contain:paint}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--text:#fff;--text-muted:#b0b0b0;--ink:#4a4a4a;--accent:#9db8d0;--fox:#d49a6a}}