:root{--purple:#7d6efa;--purple-strong:#6a5ae8;--purple-deep:#5b4b8a;--purple-night:#2a2342;--header-bg:#f5f5f5;--header-height:64px;--ink:#333;--radius:8px;--shadow:0 4px 8px 0 #0003;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Roboto,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:var(--purple);color:#fff;min-height:100vh;margin:0}#app{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}button{font:inherit}:focus-visible{outline-offset:2px;outline:3px solid #fff}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.main-content{width:100%;max-width:1300px;min-height:100vh;padding:calc(var(--header-height) + 20px) 10px 30px;flex:1;margin:0 auto}.page-heading{text-shadow:0 2px 6px #0003;align-items:baseline;gap:12px;margin:0 0 16px;font-size:1.75rem;font-weight:700;display:flex}.page-heading .count{background-color:var(--purple-deep);text-shadow:none;border-radius:999px;padding:3px 12px;font-size:.95rem;font-weight:400}.media-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.loading{border:6px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:56px;height:56px;margin:80px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.message{text-align:center;background-color:var(--purple-deep);border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow);margin:60px auto;padding:28px;font-size:1.05rem;line-height:1.6}.message .emoji{margin-bottom:8px;font-size:2.5rem;display:block}.message p{margin:0 0 16px}.pill-button{background-color:var(--purple-strong);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .1s;display:inline-flex}.pill-button:hover{background-color:var(--purple-deep)}.pill-button:active{transform:scale(.95)}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.pagination button{background-color:var(--purple-deep);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:background-color .3s,transform .1s}.pagination button:hover{background-color:var(--purple-night)}.pagination button:active{transform:scale(.95)}.site-footer{background-color:var(--purple-deep);text-align:center;padding:18px 16px;font-size:.85rem;line-height:1.5}.site-footer a{color:#fff}@media (width<=860px){.main-content{padding-left:8px;padding-right:8px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-heading{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.loading{animation-duration:2s!important}}.header{z-index:1000;height:var(--header-height);background-color:var(--header-bg);align-items:center;gap:16px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 0 15px #00000026}.navbar-brand{color:inherit;flex-shrink:0;text-decoration:none}.navbar-title{text-transform:uppercase;color:var(--purple);margin:0;font-family:Pacifico,cursive;font-size:24px;font-weight:700}.nav-links{flex-grow:1;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;padding:10px;text-decoration:none;transition:background-color .3s,color .3s;display:flex}.nav-link:hover{background-color:var(--purple);color:#fff}.nav-link.active{background-color:var(--purple-strong);color:#fff}.nav-link:focus-visible{outline-color:var(--purple-strong)}.nav-link .icon{margin-right:8px;font-size:18px}.link-text{font-size:16px;font-weight:700}.nav-count{background-color:var(--purple-deep);color:#fff;text-align:center;border-radius:999px;min-width:1.6em;margin-left:6px;padding:1px 6px;font-size:.8rem;font-weight:700}.search-form{flex-shrink:1;min-width:0;margin-left:auto}.search-input{width:240px;max-width:100%;height:38px;color:var(--ink);background-color:#fff;border:1px solid #ddd;border-radius:20px;padding:0 16px;font-family:Roboto,sans-serif;font-size:16px}.search-input:hover{border-color:var(--purple)}.search-input:focus,.search-input:focus-visible{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #7d6efa59}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:4px;font-size:2em;line-height:1;display:none}.hamburger:focus-visible{outline-color:var(--purple-strong)}@media only screen and (width<=1180px){.hamburger{display:block}.nav-links{top:var(--header-height);background-color:var(--header-bg);flex-direction:column;padding:8px 12px 14px;display:none;position:absolute;left:0;right:0;box-shadow:0 12px 15px #00000026}.nav-links.show-menu{display:flex}.nav-links li{width:100%}.nav-link{justify-content:center;width:100%;padding:14px 10px}}@media only screen and (width<=520px){.header{gap:10px;padding:0 10px}.navbar-title{font-size:20px}.search-input{width:100%}}.card{aspect-ratio:2/3;border-radius:var(--radius);background-color:var(--purple-deep);color:#fff;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.image-container{height:100%}.card-img-top,.card-placeholder{border-radius:var(--radius);width:100%;height:100%;transition:transform .3s,opacity .3s}.card-img-top{object-fit:cover}.card-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:1.2rem;font-weight:700;display:flex}.card-placeholder .emoji{font-size:3.5rem}.card-badge{background-color:#000000b8;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:10px;left:10px}.card-overlay{border-radius:var(--radius);opacity:0;background-color:#0009;transition:opacity .3s;position:absolute;inset:0}.card-details{z-index:10;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:16px;font-family:Helvetica Neue,Arial,sans-serif;font-size:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.card-title{margin:0;font-size:1.25rem}.card-link{color:inherit;text-decoration:none}.card-link:after{content:"";position:absolute;inset:0}.card-link:focus-visible{outline:none}.card:has(.card-link:focus-visible){outline-offset:2px;outline:3px solid #fff}.card-meta{opacity:.9;margin:6px 0 0;font-size:.9rem}.card-text{-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;margin:12px 0 4px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.icon-button{z-index:1;color:inherit;font:inherit;cursor:pointer;background-color:#0000;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;transition:background-color .3s;display:inline-flex;position:relative}.icon-button:hover{background-color:#ffffff26}.icon-button .icon{margin-right:10px;font-size:1.5em;line-height:1}.icon-button:active{transition:transform .1s;transform:scale(.95)}.quick-add{z-index:11;color:#fff;cursor:pointer;background-color:#0009;border:2px solid #fff;border-radius:50%;width:44px;height:44px;font-size:1.4rem;font-weight:700;line-height:1;display:none;position:absolute;top:8px;right:8px}.quick-add.saved{background-color:var(--purple-strong)}@media (hover:hover){.card{cursor:pointer}.card:hover .card-overlay,.card:hover .card-details,.card:focus-within .card-overlay,.card:focus-within .card-details{opacity:1}.card:hover .card-img-top,.card:hover .card-placeholder,.card:focus-within .card-img-top,.card:focus-within .card-placeholder{opacity:.3;transform:scale(1.05)}.card:hover .card-badge,.card:focus-within .card-badge{opacity:0}}@media (hover:none){.card-details{opacity:0;pointer-events:none}.card-details .card-link{pointer-events:auto}.card-details .icon-button{display:none}.quick-add{display:block}}html:has(dialog.detail[open]){overflow:hidden}.detail{background-color:var(--purple-night);color:#fff;overscroll-behavior:contain;border:none;border-radius:12px;width:min(920px,100% - 24px);max-height:calc(100% - 48px);margin:auto;padding:0;overflow:auto;box-shadow:0 20px 60px #00000080}.detail::backdrop{background-color:#1e1446bf}.detail[open]{animation:.25s detail-in}@keyframes detail-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.detail-panel{min-height:240px;position:relative}.detail-close{z-index:5;float:right;color:#fff;cursor:pointer;background-color:#0009;border:2px solid #fff;border-radius:50%;width:44px;height:44px;margin:10px 10px -54px 0;font-size:1.2rem;position:sticky;top:10px}.detail-close:hover{background-color:var(--purple-strong)}.detail-hero{background-color:var(--purple-deep);height:260px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.detail-backdrop{object-fit:cover;width:100%;height:100%}.detail-main{gap:24px;margin-top:-150px;padding:0 28px;display:flex;position:relative}.detail-poster{border-radius:var(--radius);width:200px;box-shadow:var(--shadow);flex-shrink:0;align-self:flex-start}.detail-info{min-width:0;padding-top:90px}.detail-title{text-shadow:0 2px 8px #0009;margin:0;font-size:2rem;line-height:1.2}.detail-facts{margin:8px 0 0;font-weight:700}.detail-genres{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.detail-genres li{background-color:var(--purple-deep);border-radius:999px;padding:3px 10px;font-size:.85rem}.detail-tagline{opacity:.9;margin:16px 0 0;font-style:italic}.detail-overview{margin:12px 0 0;line-height:1.6}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.trailer-button{color:var(--purple-night);background-color:#fff}.trailer-button:hover{background-color:#e8e5ff}.detail-trailer{aspect-ratio:16/9;margin:24px 28px 0}.detail-trailer iframe{border-radius:var(--radius);border:0;width:100%;height:100%}.detail-section{padding:8px 28px 0}.detail-section:last-child{padding-bottom:28px}.detail-section h3{margin:20px 0 12px;font-size:1.2rem}.provider-groups{flex-wrap:wrap;gap:16px 32px;display:flex}.provider-group h4{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin:0 0 8px;font-size:.8rem}.providers{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.providers img{border-radius:10px;width:46px;height:46px}.providers span{background-color:var(--purple-deep);border-radius:10px;padding:12px 10px;font-size:.85rem;display:inline-block}.provider-credit{opacity:.9;margin:12px 0 0;font-size:.85rem}.provider-credit a{color:#fff;margin-right:6px}.cast{scrollbar-color:var(--purple) transparent;gap:14px;margin:0;padding:0 0 10px;list-style:none;display:flex;overflow-x:auto}.cast li{text-align:center;flex-direction:column;flex:0 0 104px;align-items:center;font-size:.85rem;line-height:1.3;display:flex}.cast img,.cast-initials{object-fit:cover;border-radius:50%;width:84px;height:84px;margin-bottom:8px}.cast-initials{background-color:var(--purple-deep);justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.cast-role{opacity:.85}@media (width<=640px){.detail{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.detail-hero{height:200px}.detail-main{flex-direction:column;gap:12px;margin-top:-120px;padding:0 16px}.detail-poster{width:120px}.detail-info{padding-top:0}.detail-title{font-size:1.5rem}.detail-trailer{margin:20px 16px 0}.detail-section{padding:4px 16px 0}.detail-section:last-child{padding-bottom:24px}}.cast:focus-visible{outline-offset:4px;border-radius:var(--radius);outline:3px solid #fff}