:root{
  --bg:#111417; --card:#1e2124; --panel:#181b1e; --accent:#ffa933; --accent-dim:#41311d;
  --text:#c9d0d7; --dim:#97a1ab; --divider:#373d43; --box:#24282d; --track:#393f45;
  --ok:#43cc59; --err:#ef6e5c; --radius:10px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.card{background:var(--card);border:1px solid var(--divider);border-radius:var(--radius)}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;letter-spacing:.02em}
.pill-ok{background:rgba(67,204,89,.12);color:var(--ok);border:1px solid rgba(67,204,89,.35)}
.pill-dim{background:var(--box);color:var(--dim);border:1px solid var(--divider)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius);font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent);color:#1b1305}
.btn-primary:hover{filter:brightness(1.06);text-decoration:none}
.btn-ghost{background:var(--box);color:var(--text);border-color:var(--divider)}
.btn-ghost:hover{background:var(--track);text-decoration:none}
.mono{font-family:var(--mono)}
.muted{color:var(--dim)}
hr{border:0;border-top:1px solid var(--divider);margin:0}