.modal[data-v-f0e6f534]{z-index:var(--z-modal);padding:var(--space-4);background:var(--backdrop);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__panel[data-v-f0e6f534]{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-xl);width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--highlight),var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal__panel[data-v-f0e6f534]:focus{outline:none}.modal__panel--sm[data-v-f0e6f534]{max-width:400px}.modal__panel--md[data-v-f0e6f534]{max-width:520px}.modal__panel--lg[data-v-f0e6f534]{max-width:760px}.modal__header[data-v-f0e6f534]{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6) 0;display:flex}.modal__title[data-v-f0e6f534]{font-size:var(--text-lg)}.modal__desc[data-v-f0e6f534]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2)}.modal__body[data-v-f0e6f534]{padding:var(--space-5) var(--space-6);overflow-y:auto}.modal__footer[data-v-f0e6f534]{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:#0006;display:flex}@media (width<=640px){.modal[data-v-f0e6f534]{align-items:flex-end;padding:0}.modal__panel[data-v-f0e6f534]{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none}.modal__footer[data-v-f0e6f534]{flex-direction:column-reverse}.modal__footer[data-v-f0e6f534] .btn{width:100%}}.modal-enter-active[data-v-f0e6f534]{transition:opacity var(--duration-slow) var(--ease-out)}.modal-leave-active[data-v-f0e6f534]{transition:opacity var(--duration) var(--ease)}.modal-enter-active .modal__panel[data-v-f0e6f534]{transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.modal-leave-active .modal__panel[data-v-f0e6f534]{transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease)}.modal-enter-from[data-v-f0e6f534],.modal-leave-to[data-v-f0e6f534]{opacity:0}.modal-enter-from .modal__panel[data-v-f0e6f534]{opacity:0;transform:translateY(12px)scale(.96)}.modal-leave-to .modal__panel[data-v-f0e6f534]{opacity:0;transform:scale(.98)}@media (width<=640px){.modal-enter-from .modal__panel[data-v-f0e6f534],.modal-leave-to .modal__panel[data-v-f0e6f534]{transform:translateY(100%)}}