.modal-overlay{z-index:100;padding:var(--space-9);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-shadow{filter:drop-shadow(0 12px 32px #6b4f2e33);width:100%;max-width:36rem;max-height:calc(100vh - 4rem)}.modal-shadow.wide{max-width:56rem}[data-theme=dark] .modal-shadow{filter:drop-shadow(0 12px 32px #00000080)}.modal-content{background:var(--accent-surface);clip-path:url(#blob-modal);padding:var(--space-9) var(--space-8);max-height:calc(100vh - 4rem);position:relative;overflow-y:auto}.modal-actions{align-items:center;gap:var(--space-2);z-index:1;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close{color:var(--accent-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.modal-close:hover{color:var(--accent-text);background:color-mix(in srgb, var(--accent-text-muted) 10%, transparent)}.modal-enter-active{transition:opacity .2s}.modal-enter-active .modal-shadow{animation:.35s cubic-bezier(.34,1.56,.64,1) both ac-pop-in}.modal-leave-active{transition:opacity .15s}.modal-leave-to{opacity:0}