:root{--bg:#f6f7f9;--fg:#1b1f24;--muted:#5b6570;--card:#fff;--line:#d5dae0;--accent:#1f5fbf;--err:#b3261e;--ok:#1e6b3a}@media (prefers-color-scheme:dark){:root{--bg:#14171a;--fg:#e6e9ed;--muted:#98a2ad;--card:#1d2125;--line:#333a41;--accent:#6ea6ff;--err:#ff8a80;--ok:#7ddb9b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:0 16px;font:16px/1.5 system-ui,sans-serif}[hidden]{display:none!important}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;max-width:380px;margin:12vh auto 0;padding:24px}.card.wide{max-width:1000px;margin-top:24px}h1{margin:0 0 8px;font-size:1.4rem}.muted{color:var(--muted);font-size:.9rem}form{gap:14px;margin:16px 0 8px;display:grid}label{color:var(--muted);gap:4px;font-size:.9rem;display:grid}input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px 10px}button{font:inherit;cursor:pointer;color:#fff;background:var(--accent);border:0;border-radius:6px;padding:9px 14px}button:disabled{opacity:.6;cursor:default}a{color:var(--accent)}.bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.message{border:1px solid var(--line);background:var(--card);border-radius:6px;max-width:380px;margin:12px auto;padding:10px 12px}.message.error{color:var(--err);border-color:var(--err)}.message.ok{color:var(--ok);border-color:var(--ok)}