:root{color-scheme:light dark;--bg: #f6f7f9;--card: #ffffff;--text: #1a1d21;--text-dim: #5b6470;--accent: #2c5ccd;--accent-text: #ffffff;--border: #d8dde3;--ok: #1c7c43;--err: #b3261e;--code-bg: #eef1f5}@media (prefers-color-scheme: dark){:root{--bg: #14171a;--card: #1d2126;--text: #e8eaed;--text-dim: #9aa3ad;--accent: #6d96e8;--accent-text: #10131a;--border: #333a42;--ok: #58c07d;--err: #e57368;--code-bg: #262b31}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px 28px;text-align:left}h1{font-size:22px;margin:0 0 16px;outline:none}.lead{margin:0 0 18px;color:var(--text)}.field-label{display:block;font-size:14px;color:var(--text-dim);margin:0 0 6px}input{width:100%;font-size:22px;letter-spacing:6px;text-align:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);margin-bottom:16px}input:focus{outline:2px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:var(--err)}button{font:inherit;padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}form button[type=submit]{width:100%;background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.notice{margin-top:14px;font-size:13px;color:var(--text-dim)}.error-text{color:var(--err);margin:0 0 14px}.error-text.big{font-size:17px}.check{color:var(--ok);font-weight:600;margin:0 0 8px}.check.big{font-size:20px;margin-bottom:14px}.usercode{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:26px;letter-spacing:2px;text-align:center;background:var(--code-bg);border-radius:8px;padding:14px;margin:0 0 16px;-webkit-user-select:all;user-select:all}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px}.waiting{font-size:14px;color:var(--text-dim)}.subtle{font-size:13px;color:var(--text-dim);margin:6px 0}.linklike{border:none;background:none;color:var(--accent);text-decoration:underline;padding:2px 0}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.quota{margin:0 0 18px;border:1px solid var(--border);border-radius:8px;padding:4px 16px}.quota div{display:flex;justify-content:space-between;padding:8px 0}.quota div+div{border-top:1px solid var(--border)}.quota dt{color:var(--text-dim);text-align:left}.quota dd{margin:0;font-weight:600;text-align:right}.footer{margin-top:18px;font-size:12px;color:var(--text-dim)}@media (max-width: 480px){.card{padding:24px 18px}.actions button{flex:1 1 100%}}