:root{--bg:#f6f3ff;--card:#fff;--ink:#1a1033;--mute:#625b8a;--line:#e6e0fb;--brand:#5b3df5;--on:#fff;--bad:#c0262d;--ok:#0b7a5a}
@media (prefers-color-scheme:dark){:root{--bg:#100a26;--card:#1b1240;--ink:#f4f0ff;--mute:#a79fd1;--line:#31245f;--brand:#8b73ff;--on:#100a26;--bad:#ff8a8a;--ok:#3de0b4;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:16px}
.w{max-width:440px;margin:6vh auto}.w.wide{max-width:900px}
h1{font-size:1.6rem;margin:.2em 0 .1em;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 .6em}
p.m{color:var(--mute);margin:.2em 0 1em}
.c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px}
label{display:block;font-size:.85rem;font-weight:600;margin:12px 0 4px}
input,select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px}
input:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}
button{font:inherit;font-weight:700;border:0;border-radius:10px;padding:11px 16px;background:var(--brand);color:var(--on);cursor:pointer;margin-top:16px;width:100%}
button.s{background:transparent;color:var(--brand);border:1px solid var(--line);width:auto;margin:0;padding:6px 10px;font-size:.85rem;font-weight:600}
button:disabled{opacity:.6;cursor:wait}
.e{color:var(--bad);font-size:.9rem;margin-top:10px;min-height:1.2em}.o{color:var(--ok);font-size:.9rem;margin-top:10px}
a{color:var(--brand)}.logo{font-weight:800;font-size:1.1rem;color:var(--brand);text-decoration:none}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--mute);font-weight:600;font-size:.8rem}.tw{overflow-x:auto}
.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--line)}
.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1 1 150px}
.pw{font:700 1.15rem ui-monospace,Menlo,monospace;background:var(--bg);border:1px dashed var(--brand);border-radius:10px;padding:10px;margin:8px 0;word-break:break-all;user-select:all}
td select{width:auto;min-width:96px}