.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1b1b2280;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:var(--r-xl,26px);background:#fff;width:100%;max-width:400px;padding:32px;animation:.25s cubic-bezier(.22,.9,.3,1) modalSlideIn;position:relative;box-shadow:0 20px 60px -20px #1b1b224d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--l0);color:var(--ink)}.modal-close svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.modal-header{text-align:center;margin-bottom:28px}.modal-icon{background:var(--accent-100);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.modal-icon svg{width:26px;height:26px;stroke:var(--accent);stroke-width:1.8px;fill:none}.modal-icon.success{background:var(--pass-bg)}.modal-icon.success svg{stroke:var(--pass)}.modal-title{font-family:var(--serif);font-weight:var(--serif-wght,300);letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:24px}.modal-sub{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.modal-body{flex-direction:column;gap:16px;display:flex}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form .field-wrap{gap:8px;display:flex}.auth-form .field-wrap .emailfield{flex:1}.auth-error{color:var(--fail);background:var(--fail-bg);border-radius:var(--r-md);align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.auth-error svg{stroke:currentColor;stroke-width:2px;fill:none;flex:none;width:16px;height:16px;margin-top:1px}.code-step{text-align:center}.code-step .email-display{font-family:var(--mono);color:var(--ink);background:var(--l0);border-radius:var(--r-sm);margin-bottom:20px;padding:6px 12px;font-size:13px;display:inline-block}.code-wrap{justify-content:center;margin-bottom:20px;display:flex}.code-actions{justify-content:center;gap:16px;font-size:13px;display:flex}.code-actions button{color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-weight:540;transition:color .15s}.code-actions button:hover{color:var(--accent-700)}.code-actions button:disabled{color:var(--muted);cursor:not-allowed}.done-step{text-align:center}.done-step .done-actions{flex-direction:column;gap:8px;margin-top:24px;display:flex}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:.5s shake}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-card,.shake{animation:none}}