:root{--bg:#050505;--surface:#090909;--card:#0e0e0f;--hover:#171717;--active:#202020;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.16);--text:#f6f6f8;--muted:#9b9ba3;--muted2:#666670;--accent:#8d6bff;--accent2:#a58cff;--deep:#4e2fd4;--glow:rgba(141,107,255,.18);--sidebar:240px;--header:64px;--dock:64px;--ease:cubic-bezier(.16,1,.3,1);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark}html[data-theme="light"]{--bg:#f5f5f3;--surface:#fff;--card:#fff;--hover:#ececea;--active:#e4e4e1;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.16);--text:#121214;--muted:#68686e;--muted2:#919197;--glow:rgba(111,78,255,.13);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:var(--bg);overflow-x:hidden;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{border:0;background:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:100;padding:20px 14px;background:#080808;border-right:1px solid var(--border)}html[data-theme="light"] .sidebar{background:#f9f9f7}.brand{height:52px;display:flex;align-items:center;gap:10px;padding:0 10px 16px}.brand strong,.mobile-brand strong{font-size:1.5rem;letter-spacing:.16em}.brand strong span,.mobile-brand strong span{color:var(--accent)}.brand-mark{width:8px;height:18px;border-radius:2px;background:linear-gradient(#b39cff,var(--accent),var(--deep));transform:skewX(-12deg);flex:0 0 auto}.nav-group{display:flex;flex-direction:column;gap:3px;margin-top:14px}.nav-label{padding:8px 11px 7px;color:var(--muted2);font-size:.625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-item{min-height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:11px;color:var(--muted);font-size:.9rem;transition:background-color 150ms var(--ease),color 150ms var(--ease)}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:var(--hover);color:var(--text)}.main-content{margin-left:var(--sidebar);min-height:100vh;min-width:0;position:relative}.top-header{position:sticky;top:0;z-index:90;height:var(--header);display:flex;align-items:center;gap:14px;padding:0 clamp(16px,3.4vw,48px);background:linear-gradient(#050505 0%,rgba(5,5,5,.97) 78%,rgba(5,5,5,.88));border-bottom:1px solid rgba(255,255,255,.035)}html[data-theme="light"] .top-header{background:linear-gradient(#f5f5f3,rgba(245,245,243,.95));border-color:var(--border)}.mobile-brand{display:none;align-items:center;gap:9px}.header-search{position:relative;display:flex;align-items:center;max-width:400px;flex:1}.header-search svg{position:absolute;left:13px;width:18px;height:18px;color:var(--muted);pointer-events:none}.header-search input{width:100%;height:40px;padding:0 14px 0 40px;border:1px solid var(--border);border-radius:12px;background:var(--card);outline:0}.header-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.header-settings{margin-left:auto;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--muted)}.header-settings:hover{color:var(--text);background:var(--hover)}.header-settings svg{width:20px;height:20px}.page-view{display:none;animation:page-in 135ms var(--ease)}body:not(:has(.page-view:target)) #home,.page-view:target{display:block}@keyframes page-in{from{opacity:.94}to{opacity:1}}body:not(:has(.page-view:target)) .nav-home,body:has(#home:target) .nav-home,body:has(#search:target) .nav-search,body:has(#movies:target) .nav-movies,body:has(#series:target) .nav-series,body:has(#mylist:target) .nav-mylist,body:has(#settings:target) .nav-settings{background:var(--active);color:var(--text)}.hero{position:relative;min-height:500px;display:flex;align-items:flex-end;padding:58px clamp(16px,3.4vw,48px);border-bottom:1px solid var(--border);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.9) 37%,rgba(5,5,5,.2) 72%,rgba(5,5,5,.58)),linear-gradient(0deg,#050505 0%,transparent 55%);pointer-events:none}.hero-dune{background:radial-gradient(ellipse at 78% 32%,rgba(224,123,49,.6),transparent 30%),linear-gradient(145deg,#25130a,#080706 65%,#050505)}.hero-blade{background:radial-gradient(ellipse at 80% 30%,rgba(220,93,170,.55),transparent 30%),radial-gradient(ellipse at 72% 76%,rgba(47,153,166,.2),transparent 35%),#050505}.hero-severance{background:radial-gradient(ellipse at 78% 30%,rgba(144,112,230,.44),transparent 32%),#050505}.hero-content{position:relative;z-index:2;max-width:620px;display:flex;flex-direction:column;gap:15px}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.pill,.chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border:1px solid var(--border2);border-radius:999px;background:rgba(14,14,14,.7);color:#dddde2;font-size:.72rem;font-weight:650}.pill.accent{background:var(--accent);border-color:var(--accent);color:#fff}.hero h1,.utility-header h1,.details-inner h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1;letter-spacing:-.045em;font-weight:700}.hero p{max-width:560px;color:rgba(244,244,246,.74);font-size:.96rem}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;color:rgba(244,244,246,.68);font-size:.82rem}.rating{border:1px solid rgba(255,255,255,.25);border-radius:5px;padding:1px 6px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}.btn{min-height:44px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:650;transition:transform 150ms var(--ease),background 150ms var(--ease)}.btn svg{width:18px;height:18px}.btn .fill,.player .fill{stroke:none;fill:currentColor}.btn-primary{background:#f3f3f5;color:#090909}.btn-secondary{border:1px solid var(--border2);background:rgba(14,14,14,.76);color:#f0f0f2}.btn:hover{transform:translateY(-1px)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:34px clamp(16px,3.4vw,48px);border-top:1px solid var(--border);color:var(--muted2);font-size:.76rem}html[data-reduce-motion="true"] *,@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 clamp(16px,3.4vw,48px);margin:26px 0}.filter-row .is-active,.search-chips [aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#050505}.content-sections{padding:0 clamp(16px,3.4vw,48px) 64px;display:flex;flex-direction:column;gap:46px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-header h2,.details-body h2{font-size:1.25rem;letter-spacing:-.025em}.section-header a{color:var(--muted);font-size:.8rem}.count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;margin-left:6px;padding:0 7px;border:1px solid rgba(141,107,255,.24);border-radius:999px;background:rgba(141,107,255,.1);color:var(--accent2);font-size:.68rem;vertical-align:middle}.card-row{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:12px 2px 20px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.card-row::-webkit-scrollbar,.season-tabs::-webkit-scrollbar,.search-chips::-webkit-scrollbar{display:none}.media-card{flex:0 0 auto;padding:0;text-align:left;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card);color:var(--text);cursor:pointer;scroll-snap-align:start;transition:transform 180ms var(--ease),border-color 180ms var(--ease),box-shadow 180ms var(--ease)}.media-card:hover{transform:translateY(-2px);border-color:var(--border2);box-shadow:0 12px 30px rgba(0,0,0,.35)}.media-card.poster{width:158px}.media-card.landscape{width:286px}.art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:13px;overflow:hidden;background:#0b0b10}.poster .art{aspect-ratio:2/3}.landscape .art{aspect-ratio:16/9}.art:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 68% 22%,rgba(255,255,255,.15) 0 1px,transparent 1.5px),radial-gradient(circle at 22% 68%,rgba(255,255,255,.09) 0 1px,transparent 1.5px),linear-gradient(115deg,transparent 46%,rgba(255,255,255,.04) 47%,transparent 48%);background-size:48px 48px,64px 64px,100%}.art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(2,2,2,.92),rgba(2,2,2,.15) 55%,transparent 72%)}.art strong{margin-top:auto;color:#fff;text-transform:uppercase;font-size:1rem;line-height:1.05;text-shadow:0 2px 10px #000}.mini{align-self:flex-start;padding:2px 6px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(0,0,0,.58);color:#fff;font-size:.58rem;font-weight:700}.progress{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.p25{width:25%}.p40{width:40%}.p68{width:68%}.p88{width:88%}.card-copy{padding:12px 13px 13px;display:flex;flex-direction:column;gap:3px}.card-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.card-copy small{color:var(--muted);font-size:.72rem}.rank-card{display:flex;align-items:flex-end;flex:0 0 auto}.rank{position:relative;z-index:2;margin-right:-20px;color:#050505;-webkit-text-stroke:2px rgba(255,255,255,.35);font-size:6rem;font-weight:850;line-height:.8;letter-spacing:-.06em;pointer-events:none}.art-dune{background:radial-gradient(circle at 76% 26%,rgba(255,196,100,.95),rgba(218,111,38,.4) 18%,transparent 42%),linear-gradient(145deg,#2b160d,#100a07 52%,#030303)}.art-oppenheimer{background:radial-gradient(circle at 67% 32%,rgba(255,212,130,.92),rgba(255,87,40,.45) 17%,transparent 36%),linear-gradient(145deg,#1b100c,#080706 58%,#020202)}.art-interstellar{background:radial-gradient(ellipse at 72% 28%,rgba(182,160,255,.88),rgba(104,70,190,.32) 17%,transparent 38%),linear-gradient(145deg,#130f1b,#070707 58%,#010101)}.art-blade{background:radial-gradient(ellipse at 76% 27%,rgba(231,103,180,.78),transparent 31%),radial-gradient(ellipse at 27% 70%,rgba(58,180,190,.42),transparent 37%),linear-gradient(145deg,#170c15,#081010 56%,#020202)}.art-batman{background:radial-gradient(ellipse at 68% 28%,rgba(176,34,35,.7),transparent 32%),linear-gradient(145deg,#160909,#080808 55%,#020202)}.art-arrival{background:radial-gradient(ellipse at 68% 26%,rgba(190,205,193,.5),transparent 34%),linear-gradient(145deg,#111614,#080908 56%,#020202)}.art-severance{background:radial-gradient(ellipse at 72% 24%,rgba(164,142,255,.62),transparent 32%),linear-gradient(145deg,#101014,#070707 57%,#020202)}.art-dark{background:radial-gradient(ellipse at 70% 24%,rgba(219,184,70,.46),transparent 32%),linear-gradient(145deg,#151409,#080807 56%,#020202)}.art-chernobyl{background:radial-gradient(ellipse at 72% 28%,rgba(129,166,105,.48),transparent 31%),linear-gradient(145deg,#0e130d,#070807 57%,#020202)}.catalog-shell,.utility-shell,.details-body{width:min(calc(100% - 2 * clamp(16px,3.4vw,48px)),1180px);margin:0 auto;padding:40px 0 72px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.catalog-grid .media-card{width:100%}.utility-header{margin-bottom:28px}.utility-header h1{font-size:clamp(2rem,4vw,2.8rem)}.utility-header p{margin-top:10px;color:var(--muted);font-size:.9rem}.search-page-form{position:relative;max-width:720px;margin-bottom:16px}.search-page-form svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-page-form input{width:100%;height:50px;padding:0 16px 0 46px;border:1px solid var(--border2);border-radius:14px;background:var(--card);outline:0}.search-page-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.search-chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;touch-action:pan-x pan-y}.search-chips .chip{cursor:pointer;color:var(--muted)}.search-summary{min-height:20px;margin-bottom:14px;color:var(--muted);font-size:.78rem}.empty{grid-column:1/-1;padding:55px 20px;border:1px solid var(--border);border-radius:16px;background:var(--card);text-align:center;color:var(--muted)}.details-hero{position:relative;min-height:clamp(520px,69vh,740px);overflow:hidden;border-bottom:1px solid var(--border)}.details-art{position:absolute;inset:0;transform:scale(1.01)}.details-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505,rgba(5,5,5,.93) 34%,rgba(5,5,5,.35) 68%,rgba(5,5,5,.82)),linear-gradient(0deg,#050505,transparent 55%)}.details-inner{position:relative;z-index:2;width:min(calc(100% - 2 * clamp(16px,3.4vw,48px)),1180px);min-height:inherit;margin:auto;padding:84px 0 52px;display:flex;flex-direction:column;justify-content:flex-end}.details-inner h1{max-width:800px}.back-button{position:absolute;top:22px;left:0;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(10,10,10,.8);color:#fff;cursor:pointer}.back-button svg{width:16px;height:16px}.details-kicker{margin-bottom:10px;color:var(--accent2);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.details-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:14px;color:rgba(244,244,246,.68);font-size:.82rem}.details-description{max-width:690px;margin-top:16px;color:rgba(244,244,246,.74);line-height:1.6}.details-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.season-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 0 14px;touch-action:pan-x pan-y}.season-tab{min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer}.season-tab[aria-selected="true"]{background:var(--text);border-color:var(--text);color:#050505}.episode-list{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--card)}.episode-row{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;gap:12px;align-items:center;min-height:68px;padding:10px 12px;border-bottom:1px solid var(--border)}.episode-row:last-child{border-bottom:0}.episode-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--hover);color:var(--muted);font-size:.75rem}.episode-copy b{display:block;font-size:.88rem}.episode-copy small{color:var(--muted);font-size:.72rem}.episode-play{width:36px;height:36px;border:1px solid var(--border2);border-radius:50%;display:grid;place-items:center;background:var(--surface);cursor:pointer}.episode-play svg{width:14px;height:14px;fill:currentColor;stroke:none}.more-section{margin-top:34px}.more-section h2,.details-body>section>h2{margin-bottom:15px}.catalog-grid.compact{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}

.settings-shell{width:min(calc(100% - 2 * clamp(16px,3.4vw,48px)),760px);margin:0 auto;padding:40px 0 86px}.settings-section{margin-top:30px}.settings-section h2{margin:0 0 9px 3px;color:var(--muted2);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.settings-list{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--card)}.settings-row,.settings-action{width:100%;min-height:70px;padding:13px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-list>:last-child{border-bottom:0}.settings-row>div{min-width:0}.settings-row b{display:block;font-size:.92rem}.settings-row small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.4}.picker-trigger{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 9px 0 12px;border:1px solid transparent;border-radius:10px;color:var(--muted);cursor:pointer;touch-action:manipulation}.picker-trigger:hover,.picker-trigger[aria-expanded="true"]{background:var(--hover);border-color:var(--border);color:var(--text)}.switch{width:44px;height:26px;flex:0 0 44px;padding:2px;border-radius:999px;background:#2b2b2c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);cursor:pointer;touch-action:manipulation;transition:background-color 360ms cubic-bezier(.22,1,.36,1),box-shadow 360ms cubic-bezier(.22,1,.36,1)}.switch span{display:block;width:22px;height:22px;border-radius:50%;background:#f5f5f5;box-shadow:0 1px 3px rgba(0,0,0,.36);transition:transform 360ms cubic-bezier(.34,1.45,.64,1),box-shadow 320ms cubic-bezier(.22,1,.36,1)}.switch[aria-checked="true"]{background:var(--accent);box-shadow:none}.switch[aria-checked="true"] span{transform:translateX(18px)}html[data-theme="light"] .switch:not([aria-checked="true"]){background:#d8d8d5}.settings-action{justify-content:flex-start;background:transparent;text-align:left;color:var(--text);cursor:pointer;touch-action:manipulation}.settings-action:hover{background:var(--hover)}.settings-action.danger{color:#ff7278}.about-row{color:var(--muted);font-size:.82rem}.about-row b{color:var(--text)}.picker-layer{position:fixed;inset:0;z-index:6000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;pointer-events:none;transition:visibility 0s linear 360ms}.picker-layer.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.picker-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity 320ms cubic-bezier(.22,1,.36,1)}.picker-layer.is-open .picker-backdrop{opacity:1}.picker-panel{position:relative;z-index:1;width:min(100%,680px);padding:18px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--border2);border-bottom:0;border-radius:22px 22px 0 0;background:#0b0b0b;box-shadow:0 -18px 60px rgba(0,0,0,.46);transform:translate3d(0,32px,0) scale(.985);opacity:.72;transition:transform 340ms cubic-bezier(.22,.72,.24,1),opacity 260ms cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.picker-layer.is-open .picker-panel{transform:translate3d(0,0,0) scale(1);opacity:1;transition-duration:460ms,320ms;transition-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.22,1,.36,1)}.picker-panel::before{content:"";display:block;width:38px;height:5px;margin:-5px auto 14px;border-radius:999px;background:rgba(255,255,255,.24);box-shadow:0 1px 0 rgba(0,0,0,.22)}html[data-theme="light"] .picker-panel{background:#fff}html[data-theme="light"] .picker-panel::before{background:rgba(0,0,0,.2);box-shadow:none}.picker-head{padding:2px 2px 13px}.picker-head b{display:block;font-size:1.08rem}.picker-head small{display:block;margin-top:4px;color:var(--muted)}.picker-options{display:flex;flex-direction:column;gap:4px}.picker-option{min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-radius:10px;color:var(--text);cursor:pointer;text-align:left}.picker-option:hover{background:var(--hover)}.picker-option[aria-selected="true"]{background:rgba(141,107,255,.13);color:#c6b8ff}.picker-check{color:var(--accent);font-weight:800}html[data-reduce-motion="true"] .picker-layer{transition-delay:0s}@media(prefers-reduced-motion:reduce){.picker-layer{transition-delay:0s!important}}.player{display:none;position:fixed;inset:0;z-index:9000;background:#000;color:#fff;overflow:hidden}.player:target{display:block}.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.player-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.68),transparent 22%,transparent 62%,rgba(0,0,0,.88))}.player-top{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.player-top button,.player-center,.player-controls button{border:1px solid rgba(255,255,255,.12);background:rgba(11,11,11,.76);color:#fff;cursor:pointer}.player-top button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.player-top button svg{width:20px;height:20px}.player-top b{display:block}.player-top small{display:block;color:rgba(255,255,255,.62)}.player-center{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center}.player-center svg{width:28px;height:28px}.player-controls{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.player-controls>input{width:100%;accent-color:var(--accent)}.player-controls>div{display:flex;align-items:center;gap:8px;margin-top:8px}.player-controls button{min-width:42px;height:40px;padding:0 10px;border-radius:10px}.player-controls span{color:rgba(255,255,255,.76);font-size:.78rem}.player-controls .spacer{flex:1}

.mobile-dock{display:none}.dock-item{color:var(--muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dock-item svg{width:21px;height:21px}@media(max-width:1023px){html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.app-shell{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.sidebar{display:none}.main-content{grid-row:1;margin-left:0;min-height:0;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0;display:block}.top-header{position:sticky;top:0;z-index:5200;height:auto;min-height:64px;flex-shrink:0;padding-left:16px;padding-right:16px;background:rgba(5,5,5,.62);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 12px 36px rgba(0,0,0,.16);backdrop-filter:blur(22px) saturate(1.22);-webkit-backdrop-filter:blur(22px) saturate(1.22)}html[data-theme="light"] .top-header{background:rgba(245,245,243,.74);border-color:rgba(0,0,0,.07);box-shadow:0 12px 30px rgba(0,0,0,.06)}.mobile-brand{display:flex}.mobile-brand strong{font-size:1.28rem}.header-search{max-width:none}.header-search input{font-size:1rem;background:rgba(14,14,15,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-theme="light"] .header-search input{background:rgba(255,255,255,.7)}.header-settings{width:38px;height:38px;background:rgba(14,14,15,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-theme="light"] .header-settings{background:rgba(255,255,255,.7)}.mobile-dock{grid-row:2;position:relative;z-index:5000;height:calc(var(--dock) + env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:space-around;padding:4px 5px env(safe-area-inset-bottom);background:rgba(11,11,11,.97);border-top:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html[data-theme="light"] .mobile-dock{background:rgba(247,247,245,.97)}.dock-item{height:56px;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;font-size:.64rem}.dock-item:hover{color:var(--text)}body:not(:has(.page-view:target)) .mobile-dock .nav-home,body:has(#home:target) .mobile-dock .nav-home,body:has(#search:target) .mobile-dock .nav-search,body:has(#movies:target) .mobile-dock .nav-movies,body:has(#mylist:target) .mobile-dock .nav-mylist,body:has(#settings:target) .mobile-dock .nav-settings{background:rgba(255,255,255,.065);color:#fff}html[data-theme="light"] body:not(:has(.page-view:target)) .mobile-dock .nav-home,html[data-theme="light"] body:has(.page-view:target) .mobile-dock a[aria-current="page"]{color:#111}.hero{min-height:420px;padding:34px 16px}.content-sections{padding-left:16px;padding-right:16px}.filter-row{padding-left:16px;padding-right:16px}.media-card.landscape{width:260px}.media-card.poster{width:145px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-shell,.utility-shell,.details-body{width:calc(100% - 32px);padding-top:28px}.details-inner{width:calc(100% - 32px)}.details-overlay{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.72) 45%,rgba(5,5,5,.18) 78%),linear-gradient(90deg,rgba(5,5,5,.5),transparent 74%)}.settings-shell{width:calc(100% - 32px);padding-top:28px}.site-footer{display:none}}@media(max-width:640px){.hero{min-height:380px;padding:28px 18px 26px}.hero h1{font-size:clamp(2.15rem,10vw,2.8rem)}.hero-actions .btn{flex:1}.rank{font-size:5rem;margin-right:-16px}.settings-row{min-height:68px;gap:14px}.settings-row small{max-width:245px}.picker-trigger{padding-left:8px}.details-hero{min-height:560px}.details-inner{padding-bottom:34px}.player-controls span[data-player-time]{font-size:.7rem}}@media(max-width:420px){.top-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:9px;padding:max(10px,env(safe-area-inset-top)) 14px 11px;background:rgba(5,5,5,.66);border-bottom:1px solid rgba(255,255,255,.06)}html[data-theme="light"] .top-header{background:rgba(245,245,243,.78);border-color:rgba(0,0,0,.07)}.mobile-brand{grid-column:1;grid-row:1}.header-settings{grid-column:2;grid-row:1}.header-search{grid-column:1/-1;grid-row:2;width:100%}.header-search input{height:40px}.hero{min-height:360px}.settings-shell{padding-top:24px}}@media(hover:hover) and (pointer:fine){body{user-select:none}input{user-select:text}.picker-layer{align-items:flex-start;justify-content:flex-start}.picker-backdrop{background:transparent}.picker-panel{position:fixed;width:max-content;min-width:220px;max-width:min(320px,calc(100vw - 24px));padding:7px;border:1px solid var(--border2);border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.55);animation:menu-in 150ms var(--ease)}.picker-panel::before{display:none}.picker-head{display:none}@keyframes menu-in{from{transform:translateY(-4px) scale(.98);opacity:.5}to{transform:none;opacity:1}}}

*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

@media(min-width:1024px){.top-header{position:fixed;top:0;left:var(--sidebar);right:0;z-index:90}.main-content{padding-top:var(--header)}}

@media(max-width:1023px){.app-shell{grid-template-rows:auto minmax(0,1fr) auto}.top-header{grid-row:1;position:relative;top:auto;z-index:5200;padding-top:max(10px,env(safe-area-inset-top))}.main-content{grid-row:2}.mobile-dock{grid-row:3}}

.picker-layer{transition:visibility 0s linear 480ms}.picker-layer.is-open{transition-delay:0s}.picker-panel{transform:translate3d(0,calc(100% + 28px),0);opacity:1;padding-bottom:calc(22px + env(safe-area-inset-bottom) + var(--sheet-stretch-y,0px));transition:transform 440ms cubic-bezier(.22,.72,.24,1),padding-bottom 360ms cubic-bezier(.22,.72,.24,1);will-change:transform,padding-bottom}.picker-layer.is-open .picker-panel{transform:translate3d(0,var(--sheet-drag-y,0px),0);opacity:1;transition-duration:460ms,360ms;transition-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.22,.72,.24,1)}.picker-panel::before{display:none}.sheet-grabber{height:30px;margin:-10px -8px 2px;display:grid;place-items:center;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.sheet-grabber::before{content:"";width:38px;height:5px;border-radius:999px;background:rgba(255,255,255,.28);box-shadow:0 1px 0 rgba(0,0,0,.2)}html[data-theme="light"] .sheet-grabber::before{background:rgba(0,0,0,.22);box-shadow:none}.picker-layer.is-dragging .picker-panel,.picker-layer.is-dragging .picker-backdrop{transition:none!important}.picker-layer.is-dragging .sheet-grabber{cursor:grabbing}

@media(hover:hover) and (pointer:fine){.sheet-grabber{display:none}.picker-panel{transform:translateY(-4px) scale(.98);opacity:.5;padding-bottom:7px;transition:transform 180ms var(--ease),opacity 150ms var(--ease)}.picker-layer.is-open .picker-panel{transform:none;opacity:1;transition-duration:180ms,150ms}}

/* Cinematic surfaces stay dark regardless of the app theme. */
.hero,.hero h1,.details-hero,.details-inner,.details-inner h1{color:#f6f6f8}
.filter-row .is-active,.search-chips [aria-pressed="true"],.season-tab[aria-selected="true"]{color:var(--bg)}
.page-view{background:var(--bg)}

/* Light theme: explicit component contrast instead of inheriting dark-mode assumptions. */
html[data-theme="light"]{--muted2:#6c7078}
html[data-theme="light"] .header-search svg,html[data-theme="light"] .search-page-form svg{color:#555b64}
html[data-theme="light"] .header-search input::placeholder,html[data-theme="light"] .search-page-form input::placeholder{color:#737881;opacity:1}
html[data-theme="light"] .header-search input{border-color:rgba(0,0,0,.12);background:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.94)}
html[data-theme="light"] .header-settings{color:#565b64;border-color:rgba(0,0,0,.12);background:rgba(255,255,255,.88)}
html[data-theme="light"] .top-header{background:rgba(248,248,246,.9);border-color:rgba(0,0,0,.08);box-shadow:0 12px 30px rgba(0,0,0,.055)}
html[data-theme="light"] .mobile-dock{background:rgba(249,249,247,.96);border-color:rgba(0,0,0,.08);box-shadow:0 -10px 30px rgba(0,0,0,.045)}
html[data-theme="light"] .filter-row .chip,html[data-theme="light"] .search-chips .chip{background:#fff;border-color:rgba(0,0,0,.12);color:#555960}
html[data-theme="light"] .filter-row .is-active,html[data-theme="light"] .search-chips [aria-pressed="true"],html[data-theme="light"] .season-tab[aria-selected="true"]{background:#121214;border-color:#121214;color:#fff}
html[data-theme="light"] .switch:not([aria-checked="true"]){background:#d9dade;box-shadow:inset 0 0 0 1px rgba(0,0,0,.055)}
html[data-theme="light"] .switch span{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25),0 0 0 .5px rgba(0,0,0,.08)}
html[data-theme="light"] .switch[aria-checked="true"]{background:var(--accent);box-shadow:none}
html[data-theme="light"] .picker-option[aria-selected="true"]{background:rgba(111,78,255,.1);color:#5b43cc}
html[data-theme="light"] .settings-action.danger{color:#c9424f}
html[data-theme="light"] .count{border-color:rgba(103,77,212,.22);background:rgba(103,77,212,.08);color:#654bd0}
html[data-theme="light"] .media-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.12)}
html[data-theme="light"] body:not(:has(.page-view:target)) .mobile-dock .nav-home,html[data-theme="light"] body:has(#home:target) .mobile-dock .nav-home,html[data-theme="light"] body:has(#search:target) .mobile-dock .nav-search,html[data-theme="light"] body:has(#movies:target) .mobile-dock .nav-movies,html[data-theme="light"] body:has(#mylist:target) .mobile-dock .nav-mylist,html[data-theme="light"] body:has(#settings:target) .mobile-dock .nav-settings{background:rgba(0,0,0,.055);color:#111}

/* iOS rubber-band exposes the fixed app shell behind the inner scroller. Keep Home's
   scroller transparent and paint the Dune continuation on that non-scrolling shell. */
@media(max-width:1023px){
  body:not(:has(.page-view:target)) .app-shell,body:has(#home:target) .app-shell{background:radial-gradient(ellipse 62% 42% at 82% 42%,rgba(224,123,49,.36),rgba(122,59,23,.12) 40%,transparent 70%),linear-gradient(180deg,#050505 0%,#070604 36%,#130b06 68%,#25130a 100%)}
  body:not(:has(.page-view:target)) .main-content,body:has(#home:target) .main-content{background:transparent}
  #home{background:var(--bg)}
}

/* Legacy iOS status-bar blur. Recent Home Screen PWAs can get a system-owned strip
   above the web layer; DOM cannot paint into that strip. Keep the old blur path for
   versions that still expose it, and otherwise rely on the theme-synced theme-color. */
.ios-statusbar-material{display:none}
@media(max-width:1023px) and (display-mode:standalone){
  .ios-statusbar-material{display:block;position:fixed;left:0;right:0;top:-96px;height:96px;overflow:hidden;z-index:5500;pointer-events:none}
  .ios-statusbar-material::before{content:"";position:absolute;left:0;right:0;top:0;height:150%;background:rgba(5,5,5,.58);-webkit-backdrop-filter:blur(18px) saturate(1.24);backdrop-filter:blur(18px) saturate(1.24)}
  html[data-theme="light"] .ios-statusbar-material::before{background:rgba(245,245,243,.68)}
}