:root{--bg:#f6f7f9;--card:#fff;--text:#1d2433;--sub:#667085;--line:#e3e6ec;--accent:#1f6feb;--accent-bg:#e8f0fe;--ok:#12805c;--ok-bg:#e3f5ee;--warn:#a15c00;--warn-bg:#fff3dc;--ng:#b42318;--ng-bg:#fde8e6}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--card:#1a1f28;--text:#e8ebf1;--sub:#97a0b0;--line:#2a313d;--accent:#6aa3ff;--accent-bg:#1c2a44;--ok:#5fd3a8;--ok-bg:#16322a;--warn:#f0b255;--warn-bg:#3a2d12;--ng:#ff8a80;--ng-bg:#3d1b18}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.6 Yu Gothic UI,Hiragino Sans,Meiryo,sans-serif}a{color:var(--accent);text-decoration:none}header.top{background:var(--card);border-bottom:1px solid var(--line)}.bar{flex-wrap:wrap;align-items:center;gap:16px;max-width:1000px;margin:0 auto;padding:10px 16px;display:flex}.logo{color:var(--text);font-size:17px;font-weight:700}.logo small{color:var(--sub);margin-left:6px;font-size:12px;font-weight:400}.bar nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.bar nav a{color:var(--sub);border-radius:6px;padding:6px 10px}.bar nav a:hover{background:var(--accent-bg);color:var(--accent)}.who{color:var(--sub);align-items:center;gap:10px;font-size:13px;display:flex}main.page{max-width:1000px;margin:0 auto;padding:20px 16px 60px}h1{margin:0 0 4px;font-size:22px}.lead{color:var(--sub);margin:0 0 16px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:16px}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font:inherit;border-radius:8px;padding:8px 16px;font-size:14px}.btn.sec{color:var(--accent);background:0 0}.btn:disabled{opacity:.6;cursor:default}.lk{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.note{border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13px}.note.warn{background:var(--warn-bg);color:var(--warn)}.note.ok{background:var(--ok-bg);color:var(--ok)}.note.err{background:var(--ng-bg);color:var(--ng)}.st{border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.st.ok{background:var(--ok-bg);color:var(--ok)}.st.wait{background:var(--warn-bg);color:var(--warn)}.st.ng{background:var(--ng-bg);color:var(--ng)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}th{color:var(--sub);font-size:12px;font-weight:600}label.f{color:var(--sub);margin:12px 0 4px;font-size:13px;display:block}input[type=text],input[type=email]{width:100%;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:9px 10px}input.code{letter-spacing:.3em;text-align:center;font-size:20px}.choices{gap:8px;margin:6px 0 4px;display:grid}.choices label{border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:14px;display:flex}.choices small{color:var(--sub);display:block}.agree{align-items:flex-start;gap:8px;margin:12px 0;font-size:13px;display:flex}.help{color:var(--sub);margin:10px 0 0;font-size:12px}.authbox{max-width:420px;margin:40px auto;padding:0 16px}.authbox .card{padding:24px}.switch{text-align:center;margin-top:14px;font-size:14px}