:root{color-scheme:light dark;--bg:#f6f7f9;--card:#fff;--fg:#1c2330;--muted:#6b7686;--accent:#3b6fd4}
@media (prefers-color-scheme:dark){:root{--bg:#12161d;--card:#1b212b;--fg:#e8ecf2;--muted:#93a0b2;--accent:#7aa2f7}}
*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
main{max-width:520px;margin:0 auto;padding:16px}h1{font-size:1.25rem}
.card{background:var(--card);border-radius:12px;padding:14px 16px;margin:12px 0}
.label{color:var(--muted);font-size:.85rem}.big{font-size:1.6rem;font-weight:600}.sub{color:var(--muted);font-size:.9rem}
input,button{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--muted);width:100%;margin-top:8px}
button{background:var(--accent);color:#fff;border:0;cursor:pointer}
.msg{color:var(--muted)}svg{width:100%;height:80px}