:root{color-scheme:light dark;--bg:#f5f6fa;--panel:#fff;--text:#172033;--muted:#556078;--border:#d8dfeb;--accent:#354ec3;--notice:#eef1ff} @media(prefers-color-scheme:dark){:root{--bg:#10141e;--panel:#191f2d;--text:#edf0fa;--muted:#b1bad0;--border:#364058;--accent:#a7b5ff;--notice:#222b47}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}main{max-width:620px;margin:8vh auto;padding:0 16px}h1{font-size:42px;letter-spacing:-1.5px;margin:12px 0 0}header p,footer{color:var(--muted)}.badge{font-size:11px;font-weight:700;letter-spacing:1px}.notice{background:var(--notice);border:1px solid var(--border);border-radius:14px;padding:20px;margin:28px 0}.notice p{margin-bottom:0}#auth,#account{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}label{display:block;margin:14px 0}input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}button{padding:11px 16px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}button:hover{border-color:var(--accent)}#submit{width:100%;color:var(--bg);background:var(--accent);font-weight:700}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#status{min-height:26px}footer{font-size:12px;margin:28px 0}@media(max-width:480px){main{margin:32px auto}h1{font-size:34px}#auth,#account{padding:18px}}