:root{--color-bg: #0b0b0f;--color-surface: #15151d;--color-surface-2: #1c1c26;--color-accent: #a78bfa;--color-accent-hover: #8b5cf6;--color-accent-strong: #7c3aed;--color-text: #f5f3ff;--color-text-muted: #a1a1aa;--color-border: rgba(245, 243, 255, .08);--color-border-strong: rgba(245, 243, 255, .16);--color-overlay: rgba(11, 11, 15, .72);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: "Outfit", "Segoe UI", sans-serif;--content: 1680px;--nav: 1280px;--duration-enter: .48s;--shadow-lift: 0 16px 32px rgba(0, 0, 0, .42), 0 0 0 1px color-mix(in srgb, var(--color-accent) 50%, transparent);--gutter: 1rem;--header-height: 4.5rem;--ease: cubic-bezier(.22, 1, .36, 1);--duration: .22s;--shadow-poster: 0 18px 40px rgba(0, 0, 0, .38);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 420px at 8% -8%,rgba(167,139,250,.14),transparent 55%),var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.5;text-rendering:optimizeLegibility}img{max-width:100%;display:block}button,input,a{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.4rem,5vw,4.25rem);font-weight:600;letter-spacing:-.035em;line-height:.98}h2{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:600;letter-spacing:-.03em;line-height:1.15}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.wrap{width:min(var(--content),100% - var(--gutter) * 2);margin-inline:auto}.header .wrap,.footer .wrap{width:min(var(--nav),100% - var(--gutter) * 2)}.hero-bleed{width:calc(100% - var(--gutter) * 2);margin-inline:auto}.page{padding-top:1.25rem;padding-bottom:1rem;animation:fade-in .32s var(--ease) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:.75rem;z-index:40;transform:translateY(-150%);background:var(--color-accent-strong);color:var(--color-text);padding:.6rem .9rem;border-radius:var(--radius-pill);text-decoration:none}.skip-link:focus{transform:none}.wordmark{color:var(--color-text);font-weight:700;letter-spacing:.18em;text-decoration:none;font-size:.95rem}.header{background:#0b0b0fc7;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header__bar{min-height:var(--header-height);display:flex;align-items:center;gap:1.25rem}.header__nav,.mobile-menu{display:flex;align-items:center;gap:1.1rem}.header__nav a,.mobile-menu a,.footer nav a{position:relative;color:var(--color-text-muted);text-decoration:none;font-size:.95rem;padding:.35rem 0;transition:color var(--duration) var(--ease)}.header__nav a.is-active,.header__nav a:hover,.mobile-menu a.is-active,.mobile-menu a:hover,.footer nav a:hover,.wishlist-link.is-active,.wishlist-link:hover{color:var(--color-text)}.header__nav a:after,.wishlist-link:after{content:"";position:absolute;left:0;right:0;bottom:-.15rem;height:2px;border-radius:var(--radius-pill);background:var(--color-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease)}.header__nav a:hover:after,.header__nav a.is-active:after,.wishlist-link:hover:after,.wishlist-link.is-active:after{transform:scaleX(1)}.header__nav a:hover:not(.is-active):after,.wishlist-link:hover:not(.is-active):after{opacity:.45}.search{flex:1;display:flex;align-items:center;gap:.55rem;max-width:28rem;margin-inline:auto;min-height:2.6rem;padding:0 .95rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.search:hover{border-color:var(--color-border-strong)}.search input,.mobile-search input{width:100%;border:0;background:transparent;color:var(--color-text);min-height:2.4rem}.search input:focus,.mobile-search input:focus{outline:none}.search:focus-within,.mobile-search input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.search input::placeholder,.mobile-search input::placeholder{color:var(--color-text-muted)}.header__tools{display:flex;align-items:center;gap:.35rem;margin-left:auto}.wishlist-link{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .35rem;color:var(--color-text);text-decoration:none;position:relative;transition:color var(--duration) var(--ease)}.icon-button{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text);cursor:pointer}.mobile-search,.mobile-menu{display:none}.mobile-search{padding-bottom:.85rem}.mobile-search input{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);padding:0 1rem}.mobile-menu{flex-direction:column;align-items:flex-start;gap:.35rem;padding-bottom:1rem}.footer{margin-top:3rem;border-top:1px solid var(--color-border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1.4rem 0 1.8rem;color:var(--color-text-muted);font-size:.92rem}.footer nav{display:flex;gap:1rem;margin-left:auto}.eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--color-accent);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.accent-line{width:1.6rem;height:2px;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 12px #a78bfacc}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--color-text-muted)}.pill{display:inline-flex;align-items:center;min-height:1.7rem;padding:.1rem .65rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text);text-decoration:none;font-size:.82rem}.rating{display:inline-flex;align-items:center;min-height:1.7rem;padding:0 .55rem;border-radius:var(--radius-pill);background:#a78bfa2e;color:var(--color-text);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;padding:.55rem 1.15rem;border-radius:var(--radius-pill);border:1px solid transparent;text-decoration:none;font-weight:600;cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.btn-primary{background:var(--color-accent-strong);color:var(--color-text)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--color-accent-strong) 42%,transparent)}.btn:active{transform:translateY(0)}.btn-ghost{background:#0b0b0f47;color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost:hover{border-color:var(--color-accent);background:#a78bfa1f;transform:translateY(-1px)}.hero__actions,.section__heading,.text-link{display:flex;align-items:center}.hero__actions{flex-wrap:wrap;gap:.7rem;margin-top:.4rem}.text-link{gap:.35rem;color:var(--color-accent);text-decoration:none;font-weight:600;white-space:nowrap;transition:color var(--duration) var(--ease)}.text-link app-icon{transition:transform var(--duration) var(--ease)}.text-link:hover{color:var(--color-text)}.text-link:hover app-icon{transform:translate(3px)}.hero,.banner,.detail-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);isolation:isolate}.hero{min-height:clamp(24rem,56vh,32rem)}.hero__media,.banner img,.detail-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero__shade,.banner__shade,.detail-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0ff0,#0b0b0f9e,#0b0b0f1f 68%,#0b0b0f47),linear-gradient(180deg,rgba(11,11,15,.18) 0%,transparent 30%,rgba(11,11,15,.78) 100%)}.hero__content,.banner__copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.9rem;min-height:clamp(24rem,56vh,32rem);max-width:40rem;padding:2rem 1.4rem 1.8rem}.hero-bleed .hero__content{width:min(var(--content),100%);max-width:none;margin-inline:auto;padding-inline:0}.hero-bleed .hero__content h1,.hero-bleed .hero__overview{max-width:40rem}.hero__overview,.detail-hero__overview{max-width:38rem;color:#f5f3ffe0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.section{margin-top:2.6rem}.section__heading{justify-content:space-between;gap:1rem;margin-bottom:1rem}.section__heading>div{display:flex;flex-direction:column;min-width:0}.section__heading p,.page-intro p,.banner__copy p{color:var(--color-text-muted);margin-top:.3rem;max-width:40rem}.page-intro{margin-bottom:1.4rem}.page-intro h1,.banner h1{font-size:clamp(2.2rem,4vw,3.4rem)}.scroller{display:flex;gap:.85rem;overflow-x:auto;padding:.75rem .15rem 1.15rem;scroll-snap-type:x mandatory;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.scroller app-movie-card,.scroller .card-skeleton{flex:0 0 9.25rem;scroll-snap-align:start}.scroller app-genre-card,.scroller .genre-card.skeleton{flex:0 0 8.4rem;scroll-snap-align:start}.card,.genre-card{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.card:hover,.card:focus-within,.genre-card:hover,.genre-card:focus-visible{transform:translateY(-6px)}.card:hover .card__poster,.card:focus-within .card__poster,.genre-card:hover,.genre-card:focus-visible{box-shadow:var(--shadow-lift)}.card:has(.card__link:focus-visible){outline:2px solid var(--color-accent);outline-offset:4px}.card__link:focus-visible{outline:none}.card__poster,.genre-card,.detail-hero__poster,.card-skeleton{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-2)}.card__poster,.card-skeleton{aspect-ratio:2/3}.card__link,.genre-card{display:block;color:inherit;text-decoration:none}.card__poster img,.genre-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-enter) var(--ease)}.card:hover .card__poster img,.card:focus-within .card__poster img,.genre-card:hover img,.genre-card:focus-visible img{transform:scale(1.045)}.card__poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(11,11,15,.42) 100%);pointer-events:none}.card__fallback,.genre-card__fallback,.person__fallback{display:grid;place-items:center;width:100%;height:100%;min-height:8rem;padding:.8rem;text-align:center;color:var(--color-text-muted);background:linear-gradient(160deg,rgba(167,139,250,.18),transparent 55%),var(--color-surface-2)}.card__save{position:absolute;top:.45rem;right:.45rem;z-index:1;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-pill);background:#0b0b0f9e;color:var(--color-text);cursor:pointer;opacity:0;transition:opacity var(--duration) var(--ease)}.card:hover .card__save,.card:focus-within .card__save,.card--action-visible .card__save,.card__save.is-saved{opacity:1}.card__save.is-saved{color:var(--color-accent)}.card__title{margin-top:.55rem;font-size:.92rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}.card__title a{color:inherit;text-decoration:none;transition:color var(--duration) var(--ease)}.card__title a:hover{color:var(--color-accent)}.card__year{margin-top:.15rem;color:var(--color-text-muted);font-size:.8rem}.genre-card{position:relative;aspect-ratio:2/3;border-radius:var(--radius-md)}.genre-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(11,11,15,.92) 100%)}.genre-card__copy{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.35rem;row-gap:.05rem}.genre-card__name{font-weight:600;text-shadow:0 1px 8px rgba(11,11,15,.65)}.genre-card__count{color:var(--color-text-muted);font-size:.75rem;font-weight:500;white-space:nowrap;text-shadow:0 1px 8px rgba(11,11,15,.65)}.scroller .genre-card__copy{flex-direction:column;align-items:flex-start;row-gap:.05rem}.scroller .genre-card__name{max-width:100%;font-size:.92rem;line-height:1.15}.genre-grid,.movie-grid,.cast-grid{display:grid;gap:1rem .75rem}.movie-grid,.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{min-height:16rem;margin-bottom:1.2rem}.banner__copy{min-height:16rem;max-width:40rem}.banner__count{color:var(--color-text)!important;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1rem}.chip{min-height:2.4rem;padding:.35rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.chip.is-active{background:var(--color-accent-strong);border-color:transparent;color:var(--color-text);font-weight:600}.result-note,.inline-error{color:var(--color-text-muted);margin-bottom:.9rem}.state,.empty-wishlist{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.empty-wishlist{align-items:center;text-align:center;padding:2.4rem 1.4rem;background:radial-gradient(320px 140px at 50% 0%,rgba(167,139,250,.16),transparent 70%),var(--color-surface)}.empty-wishlist app-icon{width:2.4rem;height:2.4rem;color:var(--color-accent)}.empty-wishlist__shelf{display:flex;align-items:flex-end;justify-content:center;gap:.7rem;margin-bottom:.35rem}.empty-wishlist__shelf img{width:4.4rem;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-poster)}.empty-wishlist__shelf img:first-child{transform:rotate(-7deg)}.empty-wishlist__shelf img:last-child{transform:rotate(7deg)}.empty-wishlist--compact{margin-top:1.5rem}.state p,.empty-wishlist p{color:var(--color-text-muted);max-width:34rem}.detail-hero{min-height:32rem}.detail-hero__layout{position:relative;z-index:1;display:flex;align-items:flex-end;gap:1.4rem;min-height:32rem;padding:1.5rem}.detail-hero__poster{width:11rem;flex:0 0 auto;aspect-ratio:2/3;box-shadow:var(--shadow-poster)}.detail-hero__poster img,.detail-hero__poster .card__fallback{width:100%;height:100%;object-fit:cover}.detail-hero__copy{display:flex;flex-direction:column;gap:.75rem;max-width:42rem;padding-bottom:.4rem}.tagline{color:var(--color-accent);font-size:1.05rem}.tabs{display:flex;gap:1.2rem;margin:1.4rem 0 1.1rem;border-bottom:1px solid var(--color-border)}.tabs button{position:relative;padding:.7rem 0;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.tabs button.is-active{color:var(--color-text)}.tabs button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-accent)}.overview-layout{display:grid;gap:1.5rem}.cast-row,.cast-grid{margin-top:.9rem}.cast-row{display:grid;grid-auto-flow:column;grid-auto-columns:7.25rem;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory}.person{margin:0;scroll-snap-align:start}.person img,.person__fallback,.portrait-skeleton{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface-2)}.person figcaption{display:flex;flex-direction:column;gap:.1rem;margin-top:.4rem;font-size:.82rem}.person figcaption span:last-child{color:var(--color-text-muted)}.facts{display:grid;gap:.85rem;margin:0;align-content:start}.facts div{display:grid;gap:.15rem}.facts dt{color:var(--color-text-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.skeleton{background:linear-gradient(100deg,var(--color-surface) 30%,var(--color-surface-2) 50%,var(--color-surface) 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.card-skeleton,.portrait-skeleton{border-radius:var(--radius-md)}.rise{animation:rise var(--duration-enter) var(--ease) both}.scroller>*,.movie-grid>*,.genre-grid>*{animation:rise var(--duration-enter) var(--ease) both}.scroller>:nth-child(1),.movie-grid>:nth-child(1),.genre-grid>:nth-child(1){animation-delay:0ms}.scroller>:nth-child(2),.movie-grid>:nth-child(2),.genre-grid>:nth-child(2){animation-delay:45ms}.scroller>:nth-child(3),.movie-grid>:nth-child(3),.genre-grid>:nth-child(3){animation-delay:90ms}.scroller>:nth-child(4),.movie-grid>:nth-child(4),.genre-grid>:nth-child(4){animation-delay:135ms}.scroller>:nth-child(5),.movie-grid>:nth-child(5),.genre-grid>:nth-child(5){animation-delay:.18s}.scroller>:nth-child(6),.movie-grid>:nth-child(6),.genre-grid>:nth-child(6){animation-delay:225ms}.scroller>:nth-child(7),.movie-grid>:nth-child(7),.genre-grid>:nth-child(7){animation-delay:.27s}.scroller>:nth-child(8),.movie-grid>:nth-child(8),.genre-grid>:nth-child(8){animation-delay:315ms}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:768px){:root{--gutter: 1.5rem}.page{padding-top:1.6rem}.hero,.hero__content{min-height:32rem}.hero__content,.banner__copy,.detail-hero__layout{padding:2.2rem}.hero-bleed .hero__content{padding-inline:0}.scroller app-movie-card,.scroller .card-skeleton{flex-basis:10.6rem}.scroller app-genre-card,.scroller .genre-card.skeleton{flex-basis:9.2rem}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-layout{grid-template-columns:minmax(0,1fr) 16rem;align-items:start}.cast-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1100px){:root{--gutter: 2rem}.scroller app-movie-card,.scroller .card-skeleton{flex-basis:11.4rem}.scroller app-genre-card,.scroller .genre-card.skeleton{flex-basis:10.4rem}.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1440px){.movie-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:767px){.header__nav,.search{display:none}.section__heading{align-items:flex-start}.icon-button{display:inline-flex}.mobile-search,.mobile-menu{display:flex}.wishlist-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero,.hero__content{min-height:24rem}.detail-hero,.detail-hero__layout{min-height:0}.detail-hero__layout{align-items:flex-end;padding:1rem}.detail-hero__poster{width:6.6rem}.detail-hero__copy h1{font-size:1.8rem}.footer nav{margin-left:0}.card__save{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}