.popup{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.popup[hidden]{display:none}.popup-backdrop{position:absolute;inset:0;background:rgba(13,27,42,0.55);animation:popup-fade .25s ease}.popup-panel{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg, #fff);color:var(--body, #41505f);border-radius:var(--radius, 16px);box-shadow:var(--shadow, 0 20px 60px rgba(13,27,42,0.25));padding:32px 28px;animation:popup-pop .25s ease}.popup-close{position:absolute;top:6px;right:6px;width:var(--tap, 44px);height:var(--tap, 44px);display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;color:var(--muted, #5f6e82)}.popup-close:hover{color:var(--ink, #0d1b2a)}.popup-close:focus-visible{outline:2px solid var(--brand, #00ae9a);outline-offset:2px;color:var(--ink, #0d1b2a)}.popup-panel h2{font-size:clamp(1.35rem, 2.6vw, 1.7rem);margin:0 32px 8px 0}.popup-lead{margin:0 0 18px;color:var(--muted, #5f6e82);line-height:1.5}.popup-form{display:grid;gap:12px}.popup-form [data-form-fields]{display:grid;gap:12px}.popup-form .field{margin:0}.popup-form .btn{width:100%;margin-top:4px}.popup-ok{margin:0;font-weight:600;color:var(--ink, #0d1b2a);text-align:center;padding:12px 0}.popup-error{margin:0;font-size:.9rem;color:#b91c1c;text-align:center}@media (max-width: 640px){.popup{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.popup-panel{padding:26px 18px 20px}.popup-form .field input,.popup-form .field textarea{font-size:16px}}@media (prefers-reduced-motion: reduce){.popup-backdrop,.popup-panel{animation:none}}@keyframes popup-fade{from{opacity:0}to{opacity:1}}@keyframes popup-pop{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}