:root{--bg:#0a0a12;--card:#12121f;--gold:#d4af37;--text:#e8e6e3;--muted:#9a9aaa;--err:#ff6666;--ok:#66cc88}
*{box-sizing:border-box}
body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);margin:0;line-height:1.6}
.topnav{background:#0f0f1a;border-bottom:1px solid #2a2a3a;padding:.85rem 1.25rem;display:flex;flex-wrap:wrap;gap:1rem}
.topnav a{color:var(--gold);text-decoration:none;font-size:.9rem}
.topnav a:hover{text-decoration:underline}
.wrap{max-width:640px;margin:0 auto;padding:2rem 1.25rem}
.wrap.wide{max-width:900px}
h1{color:var(--gold);font-size:1.6rem}
.muted{color:var(--muted)}
.err{color:var(--err)}
.ok{color:var(--ok)}
.card{background:var(--card);border:1px solid #2a2a3a;border-radius:8px;padding:1.25rem;margin:1rem 0}
.card label{display:block;margin:.75rem 0}
.card input,.card textarea{width:100%;padding:.5rem;background:#0a0a12;border:1px solid #2a2a3a;color:var(--text);border-radius:4px}
.card button,.pkg button{margin-top:.5rem;padding:.55rem 1.2rem;background:var(--gold);color:#0a0a12;border:none;border-radius:4px;font-weight:600;cursor:pointer}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{border:1px solid #2a2a3a;padding:.45rem .6rem;text-align:left}
th{background:#1a1a28;color:var(--gold)}
code{background:#0a0a12;padding:.1rem .35rem;border-radius:3px}
.pkg h2{font-size:1.1rem;color:var(--gold);margin:0 0 .5rem}