:root{--bg:#0d1117;--fg:#e6edf3;--accent:#58a6ff;--muted:#8b949e;--card:#161b22}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.wrap{max-width:640px;width:100%;text-align:center}
.brand{letter-spacing:.35em;font-size:12px;color:var(--muted);margin-bottom:18px}
h1{font-size:26px;margin:0 0 10px}
.sub{color:var(--muted);margin:0 0 22px}
.codebox{background:var(--card);border:1px solid #30363d;border-radius:12px;padding:22px}
.codebox .label{font-size:14px;color:var(--muted);margin-bottom:12px}
.codebox code{display:block;background:#0d1117;border:1px dashed #30363d;border-radius:8px;padding:14px;font-size:15px;word-break:break-all;user-select:all;margin-bottom:14px}
button{background:var(--accent);color:#04121f;border:0;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer}
button:active{transform:scale(.97)}
.err{color:#ff7b72}