:root { color-scheme: dark; --bg: #0b1026; --fg: #e9ecf5; --muted: #a5adc6; --gold: #e8c26a; --card: #151b38; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--fg);
  font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; padding: 24px; }
main { max-width: 560px; width: 100%; }
h1 { color: var(--gold); font-size: 1.6rem; margin: 0 0 .5rem; }
p { margin: .5rem 0; }
.muted { color: var(--muted); font-size: .9rem; }
.card { background: var(--card); border-radius: 12px; padding: 16px; margin: 16px 0; }
code { display: block; word-break: break-all; font-size: 1.05rem; padding: 12px; border-radius: 8px; background: #0e1430; }
button { margin-top: 12px; background: var(--gold); color: #1b1606; border: 0; border-radius: 8px; padding: 10px 16px;
  font-weight: 600; cursor: pointer; }
.error { color: #ff8f8f; }
[hidden] { display: none; }
a { color: var(--gold); }