:root{--bg:#f7f6f2;--fg:#1d1d1f;--mute:#6b6b70;--line:#d9d7d0;--ink:#1d1d1f;--accent:#2a4bd7}@media (prefers-color-scheme:dark){:root{--bg:#17171a;--fg:#f1f0ec;--mute:#9a9aa0;--line:#34343a;--ink:#f1f0ec;--accent:#8ea2ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.7 -apple-system,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.auth{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--line);border-radius:4px;gap:16px;width:min(420px,100%);padding:28px 24px;display:grid}.auth-card h1{margin:0;font-size:22px;line-height:1.4}.auth-card p{color:var(--mute);margin:0;font-size:14px}.auth-btn{border:1px solid var(--ink);width:100%;min-height:48px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.auth-btn.primary{background:var(--ink);color:var(--bg)}.auth-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.auth-err{color:#c0392b;border:1px solid #c0392b;border-radius:3px;padding:10px 12px;font-size:14px}.auth-foot{font-size:12.5px}