:root{--brand: #20aa6e;--brand-strong: #178a58;--brand-soft: rgba(32, 170, 110, .14);--bg: #101614;--bg-deep: #0b100e;--surface: #161f1b;--surface-2: #1d2823;--line: rgba(238, 241, 246, .08);--text: #eef1f6;--muted: #9ca3af;--dim: #6b7280;--gold: #fcd34d;--danger: #ff6b6b;--radius: 14px;--radius-sm: 10px;--gutter: clamp(16px, 4vw, 40px);--max: 1320px;--top: 64px;--tab: 64px;--ease: cubic-bezier(.2, .7, .2, 1);--font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Space Grotesk", Inter, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 12px)}html,body{overflow-x:clip}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}main{flex:1;outline:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.01em;margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:8px 14px;border-radius:8px;background:var(--brand);color:#04130c;font-weight:600}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.topbar{position:sticky;top:0;z-index:40;height:var(--top);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}.topbar__inner{height:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--brand);flex:none}.brand__mark{width:32px;height:32px;stroke:none}.brand__name{font:600 18px/1 var(--display);color:var(--text);letter-spacing:-.02em}.brand__name b{color:var(--brand);font-weight:700}.topnav{display:flex;gap:4px}.topnav a{padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:500;transition:color .2s,background .2s}.topnav a:hover{color:var(--text)}.topnav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.topsearch{margin-left:auto;position:relative;width:min(380px,40vw)}.topsearch svg{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--dim);width:18px;height:18px}.topsearch input{width:100%;height:42px;padding:0 16px 0 42px;border-radius:999px;border:1px solid var(--line);background:var(--surface);outline:none;transition:border-color .2s,background .2s}.topsearch input:focus{border-color:var(--brand);background:var(--surface-2)}.topsearch input::placeholder{color:var(--dim)}.tabbar{display:none}@media (max-width: 760px){.topnav,.topsearch{display:none}.topbar__inner{justify-content:center}.tabbar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-deep) 88%,transparent);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-top:1px solid var(--line)}.tabbar a{display:grid;place-items:center;align-content:center;gap:3px;color:var(--dim);font-size:11px;font-weight:600;transition:color .2s}.tabbar a[aria-current=page]{color:var(--brand)}.tabbar svg{width:22px;height:22px}body{padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}}.footer{padding:40px var(--gutter) 32px;text-align:center;color:var(--dim);font-size:13px}.footer a{color:var(--muted)}.footer a:hover{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:600;white-space:nowrap;transition:transform .15s var(--ease),background .2s,border-color .2s,opacity .2s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--brand);color:#04130c}.btn--primary:hover{background:#26bd7b}.btn--ghost{background:#eef1f614;border-color:var(--line)}.btn--ghost:hover{background:#eef1f624}.btn[disabled]{opacity:.55;cursor:progress}.btn--sm{height:38px;padding:0 14px;font-size:14px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:36px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px;font-weight:500;transition:all .2s}.chip:hover{color:var(--text);border-color:#eef1f633}.chip[aria-pressed=true],.chip[aria-current=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:6px;background:#eef1f614;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.badge--brand{background:var(--brand-soft);color:var(--brand)}.badge--gold{background:#fcd34d1f;color:var(--gold)}.poster{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(150deg,var(--surface-2),var(--surface));isolation:isolate}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease,transform .5s var(--ease)}.poster img.is-loaded{opacity:1}.poster__fallback{position:absolute;inset:0;display:grid;place-items:center;padding:12px;text-align:center;font:600 14px/1.25 var(--display);color:var(--muted);background:radial-gradient(120% 80% at 0% 0%,var(--brand-soft),transparent 60%),linear-gradient(150deg,var(--surface-2),var(--surface))}.poster__fallback[hidden]{display:none}.poster__fallback:before{content:"";position:absolute;top:12px;left:12px;width:22px;height:22px;border-radius:7px;background:var(--brand);opacity:.8}.card{display:block;min-width:0}.card .poster{box-shadow:0 0 0 1px var(--line);transition:box-shadow .25s,transform .25s var(--ease)}.card:hover .poster{box-shadow:0 0 0 2px var(--brand),0 14px 32px -12px #000000b3;transform:translateY(-3px)}.card:hover .poster img{transform:scale(1.04)}.card__title{margin-top:10px;font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{margin-top:3px;color:var(--dim);font-size:12.5px}.card__tag{position:absolute;top:8px;left:8px;z-index:1;padding:3px 7px;border-radius:6px;background:#0b100ec7;backdrop-filter:blur(6px);font-size:11px;font-weight:700;color:var(--text)}.section{margin-top:36px}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.section__head h2{font-size:clamp(19px,2.2vw,23px)}.section__more{color:var(--brand);font-weight:600;font-size:14px;white-space:nowrap}.section__more:hover{text-decoration:underline}.row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(128px,15vw,176px);gap:clamp(12px,1.6vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);padding:4px var(--gutter) 10px;margin:0 calc(var(--gutter) * -1);scrollbar-width:none;overscroll-behavior-x:contain}.row::-webkit-scrollbar{display:none}.row>*{scroll-snap-align:start}.row-wrap{position:relative}.row-nav{position:absolute;top:calc(50% - 40px);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-deep) 85%,transparent);display:grid;place-items:center;opacity:0;transition:opacity .2s}.row-wrap:hover .row-nav{opacity:1}.row-nav--prev{left:-8px}.row-nav--next{right:-8px}@media (hover: none){.row-nav{display:none}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(132px,16vw,172px),1fr));gap:22px clamp(12px,1.6vw,18px)}.hero{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}.hero__bg{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:center 25%;filter:blur(36px) saturate(1.3);opacity:.5;transform:scale(1.1)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 18%,color-mix(in srgb,var(--bg) 55%,transparent) 60%,transparent),linear-gradient(0deg,var(--bg),transparent 45%)}.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,22vw,260px);align-items:center;gap:clamp(20px,5vw,64px);padding-top:clamp(28px,6vw,72px);padding-bottom:clamp(28px,5vw,56px)}.hero__kicker{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.hero h1{margin-top:14px;font-size:clamp(30px,5.4vw,56px);max-width:14ch}.hero__meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.hero__overview{margin:16px 0 0;max-width:56ch;color:#c9ced6;font-size:clamp(14px,1.4vw,16px);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero__actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.hero .poster{box-shadow:0 30px 60px -20px #000c,0 0 0 1px var(--line);border-radius:var(--radius)}@media (max-width: 640px){.hero__inner{grid-template-columns:minmax(0,1fr)}.hero__poster{display:none}.hero__overview{-webkit-line-clamp:3}.hero__actions .btn{flex:1}}.page-head{padding-top:clamp(24px,4vw,44px)}.page-head h1{font-size:clamp(26px,4vw,40px)}.page-head p{margin:8px 0 0;color:var(--muted)}.searchbox{position:relative;margin-top:18px}.searchbox svg{position:absolute;left:18px;top:50%;translate:0 -50%;width:22px;height:22px;color:var(--muted)}.searchbox input{width:100%;height:58px;padding:0 52px 0 54px;border-radius:16px;border:1px solid var(--line);background:var(--surface);font-size:17px;outline:none;transition:border-color .2s,box-shadow .2s}.searchbox input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.searchbox input::-webkit-search-cancel-button{display:none}.searchbox__clear{position:absolute;right:10px;top:50%;translate:0 -50%;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center}.searchbox__clear:hover{background:var(--surface-2);color:var(--text)}.search-tools{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.search-status{color:var(--muted);font-size:14px}.recent{margin-top:28px}.recent h2{font-size:16px;color:var(--muted);margin-bottom:12px}.filters{margin-top:18px;display:grid;gap:12px}.sentinel{height:1px}.loadmore{display:flex;justify-content:center;padding:28px 0 8px}.detail{position:relative;isolation:isolate;overflow:hidden}.detail__bg{position:absolute;inset:-60px -60px auto;height:620px;z-index:-2;background-size:cover;background-position:center 20%;filter:blur(42px) saturate(1.25);opacity:.42}.detail:before{content:"";position:absolute;inset:0 0 auto;height:620px;z-index:-1;background:linear-gradient(180deg,transparent,var(--bg) 92%)}.detail__top{display:grid;grid-template-columns:clamp(190px,24vw,290px) minmax(0,1fr);gap:clamp(22px,4vw,52px);padding-top:clamp(24px,4vw,52px)}.detail__top>.poster{grid-row:span 2;align-self:start}.detail__body{grid-column:2}.detail__top .poster{border-radius:var(--radius);box-shadow:0 30px 60px -24px #000000d9,0 0 0 1px var(--line)}.detail h1{font-size:clamp(28px,4.6vw,50px)}.detail__meta{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.detail__genres{margin-top:16px}.detail__overview{margin:18px 0 0;max-width:68ch;color:#cfd4db;font-size:16px}.people{margin-top:18px;display:grid;gap:8px;font-size:14px}.people dt{color:var(--dim);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.people dd{margin:0}.people a{color:var(--text);border-bottom:1px dashed rgba(238,241,246,.25)}.people a:hover{color:var(--brand);border-color:var(--brand)}.downloads{margin-top:26px;display:grid;gap:10px;max-width:620px}.dl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 12px 12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px)}.dl__q{display:grid;place-items:center;width:58px;height:46px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font:700 15px/1 var(--display)}.dl__info{min-width:0}.dl__title{font-weight:600}.dl__sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl__state{display:inline-flex;align-items:center;gap:6px}.dl__state--ready{color:var(--brand)}.dl__actions{display:flex;gap:6px}.dl__copy{width:38px;padding:0}.dl-note{color:var(--dim);font-size:13px;margin:2px 2px 0}.trailer{position:relative;aspect-ratio:16 / 9;max-width:820px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#000 center / cover no-repeat}.trailer button{position:absolute;inset:0;border:0;background:linear-gradient(0deg,#0000008c,#0000001a);display:grid;place-items:center}.trailer button span{width:72px;height:72px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#04130c;transition:transform .2s var(--ease)}.trailer button:hover span{transform:scale(1.08)}.trailer svg{width:30px;height:30px;fill:currentColor;stroke:none;margin-left:4px}.trailer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width: 680px){.detail__top{grid-template-columns:116px minmax(0,1fr);align-items:end;gap:16px}.detail__top>.poster{grid-row:auto}.detail__body{grid-column:1 / -1}.detail__lead h1{font-size:24px}.dl{grid-template-columns:auto minmax(0,1fr)}.dl__actions{grid-column:1 / -1}.dl__actions .btn--primary{flex:1}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 40%,var(--surface) 80%);background-size:300% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}.skeleton--text{height:14px;margin-top:10px;width:80%;border-radius:6px}.skeleton--title{height:40px;width:min(420px,80%);border-radius:10px}@keyframes shimmer{to{background-position:-150% 0}}.empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:clamp(40px,8vw,90px) 16px;color:var(--muted)}.empty__icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--brand);margin-bottom:6px}.empty__icon svg{width:28px;height:28px}.empty h2{color:var(--text);font-size:20px}.empty p{margin:0;max-width:42ch}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;left:50%;bottom:24px;z-index:60;translate:-50% 20px;padding:12px 18px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 16px 40px -12px #000000b3;font-weight:500;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s var(--ease);max-width:calc(100vw - 32px)}.toast.is-on{opacity:1;translate:-50% 0}@media (max-width: 760px){.toast{bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 14px)}}.fade-in{animation:fade .35s var(--ease) both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}