:root{--bg:#10141a;--panel:#1a2029;--panel-2:#222a36;--border:#303a48;--text:#e6ecf4;--muted:#93a1b3;--accent:#3fa9f5;--accent-2:#58c47a;--red:#ff5d5d;--yellow:#f2c14e;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px}body,button,html{color:var(--text)}button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);padding:8px 14px}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}h1{font-size:20px;margin:4px 0 2px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}section.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-top:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hint{color:var(--muted);font-size:12.5px;margin-top:6px;line-height:1.45}.hint.ok{color:var(--accent-2)}.hint.warn{color:var(--yellow)}main.narrow{max-width:560px;margin:0 auto;padding:24px 16px 48px}main.narrow a{color:var(--accent)}main.narrow ul{padding-left:18px;line-height:1.6}main.nameplate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}main.nameplate h1{margin:0}main.nameplate .hint{margin-top:.4rem}