:root,[data-theme=gold]{--bg:#0c0b09;--surface:#15130f;--surface-2:#1f1c16;--line:#2e2a22;--ink:#f4efe3;--ink-muted:#a8a193;--accent:#d4af37;--on-accent:#0c0b09;--accent-text:#d4af37;--danger:#f07167}[data-theme=neon]{--bg:#0a0d0b;--surface:#141a16;--surface-2:#1c241f;--line:#26302a;--ink:#f2f5f1;--ink-muted:#9aa59d;--accent:#b8f23c;--on-accent:#0a0d0b;--accent-text:#b8f23c;--danger:#ff7a6b}[data-theme=coastal]{--bg:#f4f7f6;--surface:#fff;--surface-2:#e6eeeb;--line:#dce5e2;--ink:#10201d;--ink-muted:#56665f;--accent:#0e6b66;--on-accent:#fff;--accent-text:#0e6b66;--danger:#b42318}[data-theme=studio]{--bg:#fff;--surface:#f3f1ee;--surface-2:#e9e6e1;--line:#e2ded8;--ink:#111;--ink-muted:#5e5a55;--accent:#ff5a1f;--on-accent:#111;--accent-text:#b5370a;--danger:#b42318}[data-theme=red]{--bg:#0b0b0c;--surface:#17171a;--surface-2:#222226;--line:#2a2a2e;--ink:#f5f5f5;--ink-muted:#a3a3a8;--accent:#d11f24;--on-accent:#fff;--accent-text:#f0383d;--danger:#ffb020}[data-theme=blue]{--bg:#07090d;--surface:#11151c;--surface-2:#1e2430;--line:#252c3a;--ink:#f3f6fa;--ink-muted:#9aa3b2;--accent:#1f66e5;--on-accent:#fff;--accent-text:#4d8dff;--danger:#ff7a6b}[data-theme=fynbos]{--bg:#0f2a22;--surface:#173a2f;--surface-2:#1e4639;--line:#2a5446;--ink:#f1f5f2;--ink-muted:#a9c2b7;--accent:#a78bfa;--on-accent:#0f2a22;--accent-text:#a78bfa;--danger:#ffb4a8}:root{--font-display:"Playfair Display", Georgia, serif;--font-sans:Inter, system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:18px;--radius-pill:999px;--touch-min:44px;--button-height:52px;--hairline:1px}.display-xl{font-family:var(--font-display);font-size:44px;font-weight:600;line-height:1}.title-lg{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1.1}.title-md{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.15}.title-sm{font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.3}.body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:22px}.body-strong{font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:22px}.small{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:18px}.button{font-family:var(--font-sans);letter-spacing:.02em;font-size:15px;font-weight:600;line-height:20px}.eyebrow{font-family:var(--font-sans);letter-spacing:.2em;font-size:11px;font-weight:600;line-height:16px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:22px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,p{margin:0}a{color:var(--accent-text)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.screen{max-width:560px;padding:var(--space-6);margin:0 auto}.muted{color:var(--ink-muted)}.accent-text{color:var(--accent-text)}.section{padding:var(--space-4) 0;border-top:var(--hairline) solid var(--line)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.btn{min-height:var(--button-height);padding:0 var(--space-6);border-radius:var(--radius-sm);border:var(--hairline) solid transparent;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-outline{border-color:var(--accent-text);color:var(--accent-text);background:0 0}.setup-header{padding-bottom:var(--space-4)}.setup-icon{border-radius:var(--radius-md)}.setup-figure{align-items:baseline;gap:var(--space-1);display:flex}.theme-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.theme-option{align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3);border-radius:var(--radius-md);border:var(--hairline) solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;text-align:left;display:flex}.theme-option[aria-checked=true]{outline:2px solid var(--accent);outline-offset:2px}.theme-swatch{border-radius:var(--radius-pill);background:var(--accent);border:var(--hairline) solid var(--line);flex:none;width:24px;height:24px}
