:root{--bg:#f6f7fa;--surface:#fff;--ink:#1c2333;--muted:#5a6478;--line:#dfe3ec;--accent:#3a56b4;--accent-ink:#fff;--accent-hover:#2f478f;--crit:#b03a37;--crit-soft:#f9e5e4;--chip-bg:#dae0ed;--hover:#f0f3fa;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#12151d;--surface:#1a1f2b;--ink:#e8ebf2;--muted:#a3acc1;--line:#2b3243;--accent:#6d8ae0;--accent-ink:#10131b;--accent-hover:#8aa2e8;--crit:#e5807d;--crit-soft:#3a2523;--chip-bg:#2b3243;--hover:#222837}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.7}h1,h2{margin:0;line-height:1.4}h1{font-size:24px}h2{font-size:15px}.muted{color:var(--muted)}.centered{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-name{color:var(--muted)}.avatar{border-radius:50%;width:26px;height:26px;display:block}.content{max-width:720px;margin:0 auto;padding:24px 20px}.login-card{text-align:center;width:100%;max-width:360px}.error-card{text-align:center;width:100%;max-width:420px}.error-card p{margin:6px 0 20px}.login-head{margin-bottom:24px}.login-head p{margin:4px 0 0}.note{color:var(--muted);margin:12px 0 0;font-size:13px}.alert{background:var(--crit-soft);border-radius:var(--radius);color:var(--crit);text-align:left;margin:0 0 16px;padding:10px 14px}.btn{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font:inherit;padding:9px 18px;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);width:100%;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-quiet{background:var(--surface);color:var(--ink);padding:5px 12px}.btn-quiet:hover{background:var(--hover)}.facts{grid-template-columns:max-content 1fr;gap:8px 20px;margin:16px 0 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.chips{flex-wrap:wrap;gap:6px;display:inline-flex}.chip{background:var(--chip-bg);border-radius:999px;padding:1px 10px;font-size:13px}