:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--transition-fast:.1s ease-out;--transition-normal:.15s ease-out;--transition-slow:.22s ease-out;--surface-canvas:#121212;--surface-panel:#1a1a1a;--surface-raised:#222;--surface-hover:#ffffff0d;--surface-selected:#3b82f626;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--border-subtle:#ffffff14;--border-strong:#ffffff26;--accent:#3b82f6;--accent-soft:#3b82f633;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--focus-ring:#3b82f666;--selection:#3b82f64d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}[data-theme=light]{--surface-canvas:#fafafa;--surface-panel:#fff;--surface-raised:#f0f0f0;--surface-hover:#0000000a;--surface-selected:#3b82f614;--text-primary:#171717;--text-secondary:#525252;--text-muted:#a3a3a3;--border-subtle:#00000014;--border-strong:#00000026;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}[data-theme=cream]{--surface-canvas:#f9f6f0;--surface-panel:#fdfbf7;--surface-raised:#f2efe7;--surface-hover:#3c28140a;--surface-selected:#3b82f614;--text-primary:#2d2a26;--text-secondary:#635f59;--text-muted:#9e9a94;--border-subtle:#3c28140f;--border-strong:#3c28141f}[data-theme=matrix]{--surface-canvas:#0d110d;--surface-panel:#111611;--surface-raised:#182218;--surface-hover:#4ade801a;--surface-selected:#4ade8026;--text-primary:#4ade80;--text-secondary:#22c55e;--text-muted:#166534;--border-subtle:#4ade8033;--border-strong:#4ade8066;--accent:#4ade80;--accent-soft:#4ade8033;--focus-ring:#4ade8066;--selection:#4ade804d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::selection{background-color:var(--selection)}a{color:var(--text-primary);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.surface-panel{background-color:var(--surface-panel)}.surface-raised{background-color:var(--surface-raised)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.accent{color:var(--accent)}.btn-primary{background-color:var(--accent);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);transition:opacity var(--transition-fast);font-size:14px;font-weight:500}.btn-primary:hover{opacity:.9}.btn-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card{background-color:var(--surface-panel);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--spacing-4)}