:root{--bg:#0b0d11;--panel:#12161d;--ink:#e7edf3;--dim:#8a95a3;--acc:#62e6c5;--warn:#f5b84a;--bad:#ff6b6b;font-family:ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}
header{display:flex;gap:.6rem;align-items:center;padding:.8rem 1.2rem;border-bottom:1px solid #1f2630}
header #who{margin-left:auto;display:flex;gap:.6rem;align-items:center;color:var(--dim)}
.tag{font-size:.7rem;border:1px solid var(--warn);color:var(--warn);border-radius:4px;padding:0 .35rem}
main{max-width:880px;margin:1.5rem auto;padding:0 1.2rem}main.narrow{max-width:520px;margin-top:4rem}
section{background:var(--panel);border:1px solid #1f2630;border-radius:8px;padding:1rem 1.2rem;margin-bottom:1rem}
h1,h2{margin:.2rem 0 .8rem}h2{font-size:1.05rem}
.btn,button{background:var(--acc);color:#06221b;border:0;border-radius:6px;padding:.5rem .9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
button.ghost{background:transparent;color:var(--dim);border:1px solid #2a3340}
input{background:#0b0e13;color:var(--ink);border:1px solid #2a3340;border-radius:6px;padding:.45rem .6rem;width:100%}
label{display:block;margin:.5rem 0 .2rem;color:var(--dim);font-size:.85rem}
table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.4rem;border-bottom:1px solid #1f2630;font-size:.9rem}
.dim{color:var(--dim)}.err{color:var(--bad)}.ok{color:var(--acc)}.row{display:flex;gap:.8rem}.row>*{flex:1}
code{font-family:ui-monospace,monospace;font-size:.85em}