:root{
  --ink:#0f1012; --concrete:#2b2f34; --fog:#8d939b; --paper:#e8e4dc; --paper-dim:#c9c4ba;
  --amber:#e6a23c; --amber-deep:#b97a1f; --signal:#c9443a; --ok:#7fa36b;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
body{margin:0;background:var(--ink);color:var(--paper);font-family:"Barlow",system-ui,sans-serif;line-height:1.55;font-size:1.05rem}
code,pre,kbd,.mono{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace}
code{font-size:.95em;color:var(--amber)}
a{color:var(--amber)}
header.top{display:flex;align-items:baseline;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--concrete)}
header.top h1{margin:0;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.6rem;letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}
header.top h1 a{color:inherit;text-decoration:none}
header.top .sub{color:var(--fog);font-size:.85rem}
header.top .who{margin-left:auto;color:var(--fog);font-size:.85rem;font-family:"IBM Plex Mono",monospace}
header.top .who button{font:inherit;background:none;border:0;color:var(--amber);cursor:pointer;padding:0 0 0 .6rem}
header.top .who button:hover{text-decoration:underline}
h2{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.03em;text-transform:uppercase;color:var(--amber);margin:0 0 .5rem}
.card{border:1px solid var(--concrete);background:#15171a;padding:1.2rem 1.4rem}
.field{margin:.9rem 0}
.field label{display:block;margin-bottom:.3rem;color:var(--paper-dim)}
.field input{font:inherit;font-family:"IBM Plex Mono",monospace;width:100%;padding:.55rem .7rem;background:var(--ink);border:1px solid var(--concrete);color:var(--paper)}
.field input:focus{outline:none;border-color:var(--amber)}
button.go{font:inherit;font-weight:600;padding:.55rem 1.2rem;border:1px solid var(--amber);background:transparent;color:var(--amber);cursor:pointer;letter-spacing:.03em}
button.go:hover{background:var(--amber);color:var(--ink)}
button.go:disabled{opacity:.4;cursor:wait}
button.go.fill{background:var(--amber);color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.5rem}
button.go.fill:hover{background:#f0b659;border-color:#f0b659}
.err{border-left:3px solid var(--signal);background:#1b1414;color:var(--paper-dim);padding:.5rem .9rem;margin:.8rem 0}
.muted{color:var(--fog)}
.small{font-size:.9rem}