:root{--bg:#10131a;--card:#1a1f2b;--text:#e8ecf3;--muted:#9aa4b5;--accent:#4ade80;--err:#f87171}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
main{max-width:560px;margin:0 auto;padding:48px 20px}
h1{margin:0 0 8px;font-size:2rem}
p{color:var(--muted)}
.card{background:var(--card);border-radius:12px;padding:20px;margin:20px 0}
label{display:block;margin:12px 0 4px;font-size:.9rem}
input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #2c3445;background:#0e1118;color:var(--text);font:inherit}
button,.btn{display:inline-block;margin-top:16px;padding:10px 18px;border:0;border-radius:8px;background:var(--accent);color:#06210f;font-weight:600;cursor:pointer;text-decoration:none}
.msg{margin-top:12px;min-height:1.4em}.err{color:var(--err)}.ok{color:var(--accent)}
code{background:#0e1118;padding:2px 6px;border-radius:6px;word-break:break-all}
.count{font-size:2.2rem;font-weight:700;color:var(--accent)}
footer{margin-top:48px;font-size:.8rem;color:var(--muted)}