.modal-overlay.svelte-5awcn0{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:80}.modal-overlay--poster.svelte-5awcn0{background:var(--color-overlay-deep);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal.svelte-5awcn0{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:540px;max-height:calc(100vh - 2.5rem);overflow-y:auto;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card-lg);z-index:90;display:flex;flex-direction:column}.modal--poster.svelte-5awcn0{top:50%;transform:translate(-50%,-50%);max-width:800px;max-height:calc(100vh - 2rem);padding:3.25rem 2rem 1.5rem;background:transparent;border:none;border-left:none;border-radius:0;box-shadow:none}@media(max-width:560px){.modal--poster.svelte-5awcn0{padding:3rem 1rem 1.25rem}}.modal-header.svelte-5awcn0{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-subtle)}.modal-header.svelte-5awcn0 h2:where(.svelte-5awcn0){margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text)}.modal-close.svelte-5awcn0{background:transparent;border:none;color:var(--color-text-muted);font-size:1.4rem;line-height:1;padding:0 .25rem;cursor:pointer}.modal-close.svelte-5awcn0:hover{color:var(--color-text)}