:root { color-scheme: dark; --bg:#09090f; --surface:#13111c; --surface-strong:#1d1829; --text:#f5f3ff; --muted:#a5a0b5; --line:#342842; --accent:#a855f7; --accent-ink:#ffffff; --danger:#ff8d92; --shadow:0 18px 60px rgba(0,0,0,.24); --radius:16px; --shell:1120px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
*{box-sizing:border-box} html{background:var(--bg)} body{margin:0;background:radial-gradient(circle at 82% -15%,rgba(168,85,247,.16),transparent 34rem),var(--bg);color:var(--text);min-width:320px;line-height:1.55} button,input,textarea{font:inherit} button,input,textarea,a{outline-offset:3px} :focus-visible{outline:3px solid var(--accent)} a{color:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-button{border:1px solid transparent;border-radius:10px;min-height:44px}.primary-button{background:var(--accent);color:var(--accent-ink);font-weight:750;padding:0 18px;cursor:pointer}.primary-button:hover{filter:brightness(1.07)}.form-error{color:var(--danger);font-size:.92rem;margin:.7rem 0 0}.footer{border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:20px;padding-block:28px 36px;font-size:.9rem}.footer p{margin:0}.footer nav{display:flex;flex-wrap:wrap;gap:16px}.footer a:hover{color:var(--accent)}
@media(max-width:600px){.shell{width:min(calc(100% - 32px),var(--shell))}.footer{align-items:flex-start;flex-direction:column;padding-block:24px 30px}.footer nav{gap:12px}}

/* Keep staged panels hidden even when component styles set display. */
[hidden]{display:none!important}