:root { color-scheme: dark; --canvas:#18181b; --text:#fafafa; --muted:#a1a1aa; --surface:#27272a; --focus:#fafafa; font:14px/1.5 system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; width:340px; background:var(--canvas); color:var(--text); }
main { padding:24px; }
h1 { font-size:18px; line-height:1.3; margin:16px 0 12px; }
p { margin:0 0 16px; color:var(--muted); }
#status { color:var(--text); }
button { display:block; width:100%; min-height:44px; padding:10px 14px; border:0; border-radius:6px; font:inherit; font-weight:600; cursor:pointer; background:var(--text); color:var(--canvas); }
button[hidden] { display:none; }
button:disabled { opacity:.6; cursor:wait; }
button:focus-visible,a:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
a { display:inline-block; color:var(--muted); padding:12px 0 0; min-height:40px; }
@media (prefers-reduced-motion:no-preference) { button:active { transform:scale(.98); } }

body.privacy { width:auto; }
.privacy main { max-width:760px; }