.modal-backdrop.svelte-32v57s{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--safe-bottom));background-color:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:svelte-32v57s-backdrop-fade-in .2s ease-out;overscroll-behavior:contain}@keyframes svelte-32v57s-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal-panel.svelte-32v57s{width:100%;max-width:28rem;max-height:calc(100dvh - 6rem);display:flex;flex-direction:column;border-radius:1rem;background-color:var(--surface);color:var(--text);box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:svelte-32v57s-panel-pop-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-32v57s-panel-pop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.svelte-32v57s{padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;flex:1}.modal-header.svelte-32v57s{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-title.svelte-32v57s{font-size:1.125rem;font-weight:600;color:var(--text)}.modal-close-btn.svelte-32v57s{padding:.25rem;border-radius:.5rem;background:transparent;color:var(--text);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease}.modal-close-btn.svelte-32v57s:hover{background-color:var(--brand-lite)}.dark .modal-close-btn.svelte-32v57s:hover{background-color:#4a2a8a33}