:root{--bg:#0b1220;--panel:#121b2e;--text:#e7ecf5;--muted:#9aa7bd;--accent:#22c39a;--err:#ff7a7a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:grid;place-items:center;padding:24px}
main{width:100%;max-width:560px}
.card{background:var(--panel);border:1px solid #1d2840;border-radius:16px;padding:28px}
h1{font-size:1.5rem;margin-bottom:18px}
label{display:block;font-size:.9rem;color:var(--muted);margin:12px 0 6px}
input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid #2b3a5a;background:#0b1220;color:var(--text);font-size:1rem}
button{margin-top:16px;padding:11px 20px;border:0;border-radius:999px;background:var(--accent);color:#06101f;font-weight:700;cursor:pointer;font-size:1rem}
button.ghost{background:transparent;border:1px solid #2b3a5a;color:var(--text);margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.row{display:flex;gap:10px;align-items:center;justify-content:space-between}
#af{margin-top:18px}#af input{flex:1}#af button{margin:0}
.err{color:var(--err);min-height:1.2em;margin-top:10px;font-size:.9rem}
.muted{color:var(--muted);font-size:.9rem}
.stat{margin-top:18px;background:#0b1220;border-radius:12px;padding:16px}
.stat strong{font-size:2rem;color:var(--accent);display:block}
.stat span{color:var(--muted)}
#list{list-style:none;margin-top:16px;display:grid;gap:8px}
#list li{background:#0b1220;border-radius:10px;padding:10px 14px;word-break:break-word}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}