.modal-backdrop.svelte-f9ajep{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;overscroll-behavior:none}.modal-container.svelte-f9ajep{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:svelte-f9ajep-slideIn .2s ease-out}.modal-header.svelte-f9ajep{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0);flex-shrink:0}.modal-header.svelte-f9ajep h2:where(.svelte-f9ajep){margin:0;font-size:1.25rem;color:var(--text-primary, #1a1a1a)}.modal-header-content.svelte-f9ajep{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:.75rem}.modal-close-button.svelte-f9ajep{background:none;border:none;cursor:pointer;color:var(--text-secondary, #666);padding:.5rem;margin-left:1rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease;flex-shrink:0}.modal-close-button.svelte-f9ajep:hover{color:var(--text-color, var(--text-primary, #1a1a1a));background-color:var(--button-hover, var(--bg-hover, #f0f0f0))}.modal-body.svelte-f9ajep{padding:1.5rem;overflow-y:auto;flex:1;overscroll-behavior:contain}.modal-footer.svelte-f9ajep{display:flex;gap:.75rem;padding:1rem 1.5rem;justify-content:flex-end;border-top:1px solid var(--border-color, #e0e0e0);flex-shrink:0}@keyframes svelte-f9ajep-slideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1200px){.modal-backdrop.svelte-f9ajep{z-index:1300!important}}@media(max-width:768px){.modal-container.svelte-f9ajep{width:100%;max-width:100%!important;max-height:100%;max-height:100dvh;border-radius:0;margin:0}.modal-backdrop.svelte-f9ajep{align-items:stretch}.modal-header.svelte-f9ajep{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0px))}.modal-header.svelte-f9ajep h2:where(.svelte-f9ajep){font-size:1.1rem}.modal-body.svelte-f9ajep{padding:1rem}.modal-footer.svelte-f9ajep{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.modal-footer.svelte-f9ajep button{min-height:44px}}
