:root{color-scheme:light dark;--bg:#f7f7f5;--fg:#111;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--accent:#0f766e;--bad:#dc2626}
@media(prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e5e7eb;--muted:#9ca3af;--card:#111a2e;--line:#1f2a44;--accent:#2dd4bf}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 -apple-system,system-ui,sans-serif}main{max-width:480px;margin:0 auto;padding:24px 16px}
h1{font-size:1.4rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.muted{color:var(--muted)}.small{font-size:.85rem}
input{font:inherit;font-size:1.4rem;letter-spacing:.3em;text-align:center;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);margin:10px 0;box-sizing:border-box}
button{font:inherit;padding:10px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;width:100%}button:disabled{opacity:.5}.err{color:var(--bad)}.name{font-weight:600;word-break:break-all}