:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#071b39;background:#faf9f6}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 6%;background:white;border-bottom:1px solid #e2e4df}header>a{font-size:24px;font-weight:800;text-decoration:none}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}a{color:inherit}main{max-width:1000px;margin:48px auto;padding:0 24px 40px}.login{max-width:500px}h1{font-size:30px}p{line-height:1.8}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#ed001b}.panel{background:white;border:1px solid #dedfd8;border-radius:16px;padding:24px;margin:24px 0}.panel h2{font-size:20px;margin-top:0}.record{padding:16px 0;border-bottom:1px solid #eee}.record h3{margin:0 0 8px}.record p{margin:5px 0}label{display:block;font-weight:700;margin:20px 0 8px}input{width:100%;padding:14px;font:inherit;border:1px solid #bcc3be;border-radius:8px}button{background:#071b39;color:white;border:0;border-radius:9px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}form button{width:100%;margin-top:20px}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #ed001b;outline-offset:3px}[hidden]{display:none!important}#status{white-space:pre-line;color:#52645b}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;padding:16px 20px}nav{font-size:12px;gap:12px}main{margin-top:28px;padding-inline:20px}h1{font-size:26px}.panel{padding:20px}}
/* 認証結果が返るまで本文とログアウト操作を描画せず、ログイン画面への切替のちらつきを防ぐ。 */
[data-auth-state="pending"] main{display:none}
.account-gate{max-width:1000px;margin:48px auto;padding:0 24px;color:#52645b;min-height:160px}
[data-auth-state="ready"] .account-gate{display:none}
#account-gate-help{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}
.payment-registration-link{display:block;margin:20px 0;padding:14px 18px;border-radius:9px;background:#071b39;color:white;font-weight:700;text-decoration:none;text-align:center}
@media(max-width:600px){.account-gate{margin-top:28px;padding-inline:20px}}