/* Payload — single dark look on purpose. Every color flows through these tokens. */
:root{
  color-scheme:dark;
  --bg:#000; --bg-2:#0A0A0A; --panel:#111; --hair:#2A2A2A;
  --ink:#FFF; --ink-2:#BDBDBD; --ink-3:#777; --line:#E8E4DA; /* off-white tether lines */
  --red:#E3312D; --glow:#FFFFFF;
  --bronze:#B87333; --silver:#C0C0C0; --gold:#D4AF37; --platinum:#E5E4E2;
  --s:#E3312D; --a:#F28C28; --b:#E9C46A; --c:#4CAF7D; --d:#4A90D9;
  --radius:10px; --font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Inter,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;font-size:16px}
.btn{display:inline-block;border:1px solid var(--ink);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:.8rem 1.4rem;font-size:16px;cursor:pointer;letter-spacing:.04em}
.btn:active{background:#222}.btn.danger{border-color:var(--red);color:var(--red)}
.field{border:1px solid var(--ink);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:.9rem 1.1rem;font-size:18px;width:100%;box-sizing:border-box;outline:none}
.field::placeholder{color:#8A8A8A}