:root{--bg:#f7f7f5;--fg:#1c1c1c;--muted:#6b6b6b;--card:#fff;--line:#e2e2de;--accent:#1f5f8b;--danger:#a3261b;--ok:#2d6a2d}
@media (prefers-color-scheme:dark){:root{--bg:#141414;--fg:#e9e9e6;--muted:#9a9a96;--card:#1d1d1d;--line:#333;--accent:#6aaee0;--danger:#ff8a7f;--ok:#7fcf7f}}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);background:var(--card)}
header nav{display:flex;gap:1rem;flex:1}.brand{font-weight:600;color:var(--fg);text-decoration:none}
main{max-width:72rem;margin:0 auto;padding:1rem 1.25rem 3rem}a{color:var(--accent)}
h1{font-size:1.4rem}h2{font-size:1.1rem;margin-top:2rem}
table{border-collapse:collapse;width:100%;background:var(--card);margin:.5rem 0}th,td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;font-size:.85rem;color:var(--muted)}
form.card,.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1rem;margin:.75rem 0}
label{display:block;margin:.4rem 0 .15rem;font-size:.9rem}input,select{font:inherit;padding:.35rem .5rem;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--fg);width:100%;max-width:28rem}
input[type=checkbox]{width:auto}button{font:inherit;padding:.4rem .9rem;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;margin-top:.6rem}
button.danger{background:var(--danger);border-color:var(--danger)}button.link{background:none;border:none;color:var(--accent);padding:0;margin:0}
form.inline{display:inline}.muted{color:var(--muted)}.secret{font:1.05rem ui-monospace,monospace;padding:.75rem;background:var(--bg);border:1px dashed var(--accent);word-break:break-all}
.flash{padding:.6rem .9rem;border-radius:4px;margin:.75rem 0;border:1px solid var(--line);background:var(--card)}.flash.error{border-color:var(--danger);color:var(--danger)}
.badge{font-size:.8rem;padding:.05rem .45rem;border-radius:3px;border:1px solid var(--line)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--danger);border-color:var(--danger)}
code{font-family:ui-monospace,monospace}