/* Registration and account confirmation · v2.2.0 */
.email-notice { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;margin:16px auto;border:1px solid #c6ded4;border-radius:16px;background:#f0f8f4;font-size:13px; }
.email-notice strong,.verification-address,.confirmed-recipient { overflow-wrap:anywhere; }
.email-confirmed { color:#226347;font-size:13px;font-weight:600; }
.auth-dialog { width:min(520px,calc(100% - 28px));max-height:90dvh;overflow-y:auto; }
.auth-dialog h2,.verification h2 { font-size:clamp(27px,5vw,36px);line-height:1.15;margin:10px 0 16px; }
.auth-dialog .button,.verification .button { width:100%; }
.google-access { margin:24px 0 12px; }
.google-access[hidden] { display:none; }
[data-google-button] { display:flex;justify-content:center;min-height:44px; }
[data-google-message] { font-size:12px;color:#465e54;overflow-wrap:anywhere; }
.auth-or { display:flex;align-items:center;gap:10px;color:#667c72;font-size:12px;margin:22px 0 18px; }
.auth-or::before,.auth-or::after { content:"";height:1px;flex:1;background:#d9e2dc; }
.verification-address { background:#edf6f3;border:1px solid #bdd9cd;border-radius:14px;padding:16px;font-size:17px;font-weight:600;margin:18px 0 12px; }
.email-correction { margin:12px 0 20px; }
.email-correction summary { color:#28664f;cursor:pointer;text-decoration:underline;font-size:13px; }
.email-correction form { margin-top:18px; }
.verification-code { text-align:center;font-size:26px;letter-spacing:.25em;font-variant-numeric:tabular-nums;margin:8px 0; }
.verification-message { border-radius:10px;background:#f1f5ea;padding:12px;font-size:13px; }
.verification-message.error { background:#fff0e8;color:#944632; }
.verification-actions { display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px; }
.verification .muted { font-size:12px;margin:14px 0; }
.checkout-verification { max-width:530px;margin:0 auto 60px; }
.checkout-verification>a { display:inline-block;margin-top:24px; }
.google-setting-toggle { display:flex;gap:10px;align-items:center;margin:20px 0; }
.google-setting-toggle input { width:20px;height:20px; }
.auth-divider { display:flex;flex-wrap:wrap;justify-content:center;gap:10px; }
.auth-password-control { position:relative; }
.auth-password-control input { padding-right:88px; }
.auth-password-toggle { position:absolute;right:4px;top:50%;transform:translateY(-50%);min-width:72px;min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#245e48;font:inherit;font-size:13px;font-weight:600;cursor:pointer; }
.auth-password-toggle:hover { background:#edf6f3; }
.auth-password-toggle:focus-visible { outline:2px solid #245e48;outline-offset:1px; }
@media(max-width:760px) {
  .site-header,.editor-page .site-header { height:auto;min-height:76px; }
  .site-header .container { padding-top:14px;padding-bottom:14px;gap:12px;flex-wrap:wrap; }
  .site-header .user-nav { display:flex;flex-wrap:wrap;gap:12px;font-size:12px; }
  .user-nav .button { padding:10px 14px; }
  .email-notice { width:calc(100% - 24px);padding:12px;font-size:12px; }
  .auth-dialog { padding:30px 20px; }
}
