.auth-main{align-content:center;place-items:center;min-height:calc(100dvh - 104px);padding-block:32px 48px;display:grid}.auth-card{width:min(480px,100%);padding:clamp(22px,3vw,36px)}.auth-body{view-transition-name:auth-panel;gap:16px;display:grid}.auth-view{align-content:start;gap:16px;display:grid}.auth-title,.sent-title{font-size:1.5rem;line-height:1.3}.auth-title.is-error{color:var(--c-wine-glow)}.auth-title:focus,.sent-title:focus{outline:none}.intro,.auth-view>p{color:var(--c-text-2)}.auth-form{gap:10px;display:grid}.auth-form label{font-size:.9375rem;font-weight:600}.auth-form .btn,.auth-view>.btn{min-height:52px;margin-top:6px}.auth-form .field-error{margin-top:0}.auth-notice{color:var(--c-text);background:#472e128c;border:1px solid #dca76a59;border-radius:14px;padding:10px 14px;font-size:.9375rem}.sent-title{color:var(--c-forest-glow);align-items:center;gap:8px;font-size:1.25rem;display:flex}.sent-title .icon{--icon-duo:var(--c-forest-glow);width:1.3em;height:1.3em}.auth-email{color:var(--c-text);overflow-wrap:anywhere;font-weight:600}.code{font-family:var(--font-mono);color:var(--c-text);border:1px solid var(--border-strong);box-shadow:var(--highlight), 0 0 32px #5e113399;background:#0f02048c;border-radius:20px;justify-self:start;gap:.18em;min-height:calc(1.3em + 18px);padding:8px 20px;font-size:clamp(2.25rem,9vw,3.25rem);font-weight:700;line-height:1.3;display:inline-flex}.code-digit{text-align:center;min-width:.62em;animation:digit-in var(--dur) var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms);display:inline-block}@keyframes digit-in{0%{opacity:0;transform:translateY(10px)scale(.9)}}.waiting{align-items:center;font-size:.9375rem;display:flex}.expiry{font-size:.875rem;color:var(--c-text-3)!important}.expiry-time{font-family:var(--font-mono);color:var(--c-text);font-variant-numeric:tabular-nums}.auth-card .link-btn{justify-self:start}.auth-warn{background:#472e1280;border:1px solid #dca76a59;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9375rem;display:flex;color:var(--c-text)!important}.auth-warn .icon{--icon-duo:var(--c-bronze-glow);color:var(--c-bronze-glow);margin-top:2px}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.auth-actions .btn{min-height:48px}.is-offline .auth-body{justify-items:start}.offline-badge{border:1px solid var(--border-strong);width:64px;height:64px;box-shadow:var(--highlight), 0 0 32px #5e113399;background:#0f02048c;border-radius:20px;place-items:center;display:grid}.offline-badge .icon{width:32px;height:32px;color:var(--c-wine-glow)}.is-offline p{color:var(--c-text-2)}.auth-sk{gap:16px;display:grid}.auth-sk .sk-title-lg{height:31px}.auth-sk-intro{align-content:center;gap:14px;height:52px;padding-block:7px;display:grid}.auth-sk-form{gap:10px;display:grid}.auth-sk .sk-label{height:14px;margin-block:5px}@media (width>=520px){.auth-sk-intro{height:24px;padding-block:0}.auth-sk-intro .sk:last-child{display:none}}.auth-sk .sk-field{border-radius:16px;height:52px;margin-top:6px}.auth-sk .sk-btn{border-radius:999px;height:52px;margin-top:6px}.auth-sk .sk-code{border-radius:20px;width:7.2em;height:calc(1.3em + 18px);font-size:clamp(2.25rem,9vw,3.25rem)}@media (prefers-reduced-motion:reduce){.code-digit{animation:none}}.auth-view>p.code{color:var(--c-text)}