:root{--bg:#0f1420;--fg:#e8ecf4;--mut:#93a0b8;--ac:#4aa3ff;--card:#182033;--bad:#ff8a80;--good:#7ee2a8}
@media (prefers-color-scheme: light){:root{--bg:#f4f6fa;--fg:#1a2233;--mut:#5a6680;--ac:#1f6fd1;--card:#fff;--bad:#b3261e;--good:#1b7a43}}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--fg)}
main{max-width:440px;margin:10vh auto;padding:28px 22px;background:var(--card);border-radius:14px;border:1px solid rgba(128,128,128,.25)}
.brand{font:700 12px/1 system-ui;letter-spacing:3px;color:var(--ac)}h1{font-size:24px;margin:8px 0 6px}
.lead{color:var(--mut);margin:0 0 18px}.msg{min-height:1.5em;margin:0 0 12px}.msg.bad{color:var(--bad)}.msg.good{color:var(--good)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid rgba(128,128,128,.4);
background:transparent;color:var(--fg);font:600 15px system-ui;cursor:pointer}.btn.primary{width:100%;justify-content:center;background:var(--ac);color:#fff;border-color:var(--ac)}
.btn:disabled{opacity:.6;cursor:default}.msq{display:inline-grid;grid-template-columns:8px 8px;gap:2px}.msq i{width:8px;height:8px}
.msq i:nth-child(1){background:#f25022}.msq i:nth-child(2){background:#7fba00}.msq i:nth-child(3){background:#00a4ef}.msq i:nth-child(4){background:#ffb900}
details{margin-top:22px}summary{cursor:pointer;color:var(--mut)}form{display:flex;flex-direction:column;gap:8px;margin-top:12px}
label{font-size:14px;color:var(--mut)}input{min-height:44px;padding:8px 10px;border-radius:8px;border:1px solid rgba(128,128,128,.5);background:transparent;color:var(--fg);font-size:16px}
.foot{margin:24px 0 0;color:var(--mut);font-size:12px}