body.account-recovery{display:block;margin:0;min-width:0;min-height:100dvh;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;font-size:16px;line-height:1.6;overflow:auto}
.account-recovery *{box-sizing:border-box}
.recovery-page{width:min(100%,520px);margin:0 auto;padding:48px 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:28px}
.recovery-brand{display:flex;justify-content:center;align-items:center;min-height:48px}
.recovery-brand img{display:block;width:min(253px,80%);height:auto}
.recovery-card{width:100%;padding:32px;background:#fff;border:1px solid #e5e5ea;border-radius:20px;box-shadow:0 8px 24px #00000005}
.recovery-card h1{font-size:24px;line-height:1.4;letter-spacing:-.02em;margin:0 0 16px;font-weight:700;overflow-wrap:anywhere}
.recovery-card p{margin:0 0 20px;overflow-wrap:anywhere}
.recovery-description{color:#515155}
.recovery-form{display:flex;flex-direction:column;gap:18px;margin:24px 0 8px}
.recovery-form label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:600}
.recovery-form input{display:block;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #bfc1c7;border-radius:10px;background:#fff;color:#1d1d1f;font:inherit;font-weight:400;line-height:1.5}
.recovery-card .recovery-note{font-size:14px;color:#64646b;line-height:1.7;margin:0 0 8px}
.recovery-card button,.recovery-link{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:12px 16px;border:1px solid #c6c7cc;border-radius:10px;background:#fff;color:#132950;font:inherit;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.recovery-link{margin-top:16px}
.recovery-card .recovery-primary{background:#132950;color:#fff;border-color:#132950}
.recovery-card [role=alert]{color:#b42318;font-size:16px;margin:0}
.recovery-card [hidden]{display:none!important}
.recovery-card button:disabled,.recovery-form input:disabled{opacity:.6;cursor:wait}
.recovery-card :focus-visible,.recovery-brand:focus-visible{outline:3px solid #0066cc;outline-offset:4px}
.recovery-footer{text-align:center;font-size:12px;color:#64646b;margin:0}
@media(max-width:360px){.recovery-page{padding:28px 16px;gap:20px}.recovery-card{padding:24px 20px}.recovery-card h1{font-size:22px}}