:root{--bg: #09090e;--surface: #1e293b;--surface-deep: #0f172a;--border: rgba(255,255,255,.07);--border-strong: #334155;--text: #f1f5f9;--text-body: #e2e8f0;--text-label: #94a3b8;--text-muted: #64748b;--text-faint: rgba(255,255,255,.28);--input-bg: rgba(255,255,255,.04);--input-border: rgba(255,255,255,.09);--hover-bg: rgba(255,255,255,.04);--scrollbar: rgba(255,255,255,.1)}:root[data-theme=light]{--bg: #fef6eb;--surface: #ffffff;--surface-deep: #fde8c6;--border: rgba(160,90,10,.14);--border-strong: #d4a06a;--text: #1a0a00;--text-body: #4a2800;--text-label: #7a4d14;--text-muted: #a06530;--text-faint: rgba(100,55,0,.38);--input-bg: #fdf2e0;--input-border: #ddb87a;--hover-bg: rgba(160,90,10,.07);--scrollbar: rgba(160,90,10,.2)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}