/* PARALLAX consumer presentation layer. Behavioral hooks remain in existing markup. */
.px-boot{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;align-content:center;gap:18px;background:#05060a;overflow:hidden;transition:opacity .55s var(--ease-exit),visibility .55s}
.px-boot::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 45%,rgba(140,35,77,.16),transparent 34%),radial-gradient(circle at 50% 50%,rgba(217,219,226,.04),transparent 56%);animation:px-boot-breathe 3s ease-in-out infinite}
.px-boot__depth{position:absolute;inset:10%;border:1px solid rgba(217,219,226,.045);transform:skewY(-3deg);opacity:.6}
.px-boot__mark{position:relative;width:92px;height:88px}.px-boot__mark svg{width:100%;height:100%;overflow:visible}
.px-boot__frame{transform-box:fill-box;transform-origin:center;stroke-dasharray:390;stroke-dashoffset:390;animation:px-frame-draw 1.15s var(--ease-enter) forwards}
.px-boot__frame--one{transform:translate(-5px,-3px);animation-delay:.05s}.px-boot__frame--two{transform:translate(5px,3px);animation-delay:.22s}
.px-boot__wordmark{position:relative;width:154px;height:auto;opacity:0;animation:px-wordmark .5s var(--ease-enter) .62s forwards}.px-boot__status{position:relative;color:var(--parallax-text-muted);font-size:9px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:px-wordmark .5s ease .82s forwards}
.px-boot--leave{opacity:0;visibility:hidden;pointer-events:none}.px-boot--leave .px-boot__frame--one{transform:translate(-12px,-7px);opacity:0}.px-boot--leave .px-boot__frame--two{transform:translate(12px,7px);opacity:0}
@keyframes px-frame-draw{70%{stroke-dashoffset:0}100%{stroke-dashoffset:0;transform:translate(0,0)}}@keyframes px-wordmark{to{opacity:.9;transform:none}}@keyframes px-boot-breathe{50%{transform:scale(1.05);opacity:.72}}
.sv-nav{height:82px;background:linear-gradient(180deg,rgba(4,5,8,.78),rgba(4,5,8,.26) 74%,transparent);transition:background var(--motion-normal),border var(--motion-normal),box-shadow var(--motion-normal)}
.sv-nav.scrolled{background:rgba(8,9,13,.88);border-bottom:1px solid var(--parallax-border);box-shadow:0 12px 45px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(120%)}
.sv-nav__inner{height:82px;padding:0 clamp(24px,4vw,68px);gap:clamp(32px,4vw,64px)}.sv-brand img{width:clamp(138px,11vw,170px)}
.sv-nav__links{gap:clamp(20px,2.2vw,36px);font-size:12px;font-weight:560;color:var(--parallax-text-muted)}.sv-nav__links a{position:relative;padding:31px 0;letter-spacing:.015em}.sv-nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:1px;background:var(--parallax-silver);transition:right var(--motion-normal) var(--ease-enter)}.sv-nav__links a:hover::after,.sv-nav__links a.active::after{right:0}
.sv-iconbtn,.sv-user,.sv-menu{min-width:44px;min-height:44px;display:grid;place-items:center}.sv-user{width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid var(--parallax-border-strong);background:linear-gradient(145deg,#252832,#11131a);color:var(--parallax-silver);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.sv-hero{height:min(900px,94vh);min-height:650px;background:var(--parallax-bg-deep)}.sv-hero::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -120px 100px -75px var(--parallax-bg)}
.sv-hero__slide{transition:opacity var(--motion-cinematic) var(--ease-cinematic),transform 8s linear;transform:scale(1.025)}.sv-hero__slide.active{transform:scale(1.07)}
.sv-hero__art{object-position:center 32%;filter:saturate(.88) contrast(1.04)}.sv-hero__shade{background:linear-gradient(90deg,rgba(4,5,9,.98) 0%,rgba(4,5,9,.84) 27%,rgba(4,5,9,.28) 58%,rgba(4,5,9,.09) 100%),linear-gradient(0deg,var(--parallax-bg) 1%,rgba(8,9,13,.88) 15%,transparent 52%)}
.sv-hero__content{padding:clamp(145px,17vh,210px) clamp(24px,4vw,68px) clamp(105px,13vh,145px)}.sv-hero__copy{max-width:720px;animation:px-copy-enter .55s var(--ease-enter)}
.sv-kicker{color:var(--parallax-text-secondary);font-size:var(--text-label);font-weight:650;letter-spacing:.24em}.sv-kicker i{width:18px;height:1px;border-radius:0;background:var(--parallax-accent);box-shadow:none}
.sv-hero h1{font-family:var(--font-display);font-size:var(--text-display);font-weight:680;line-height:.92;letter-spacing:-.052em;margin-top:20px;text-wrap:balance}.sv-hero__meta{font-weight:520;color:var(--parallax-text-secondary)}.sv-hero__overview{font-size:clamp(13px,1vw,15px);line-height:1.72;color:var(--parallax-text-secondary);max-width:590px}
.sv-actions{display:flex;gap:11px;margin-top:28px}.sv-btn{position:relative;isolation:isolate;min-height:46px;overflow:hidden;border-radius:10px;padding:11px 22px;font-size:11px;font-weight:720;letter-spacing:.045em;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.2);box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08);transition:transform var(--motion-fast) var(--ease-enter),background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.sv-btn::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.12) 48%,transparent 72%);transform:translateX(-135%);transition:transform .48s var(--ease-enter);pointer-events:none}.sv-btn:hover::after{transform:translateX(135%)}.sv-btn svg{width:16px;height:16px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.22));transition:transform var(--motion-fast) var(--ease-enter)}.sv-btn:hover svg{transform:scale(1.08)}.sv-btn:active{transform:translateY(1px) scale(.98)}.sv-btn--play,.sv-btn--primary{background:linear-gradient(145deg,#a2315e 0%,#8c234d 52%,#681735 100%)!important;color:#fff!important;border:1px solid rgba(224,148,177,.27)!important;box-shadow:0 13px 34px rgba(83,17,43,.34),inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(55,8,27,.38)}.sv-btn--play:hover,.sv-btn--primary:hover{background:linear-gradient(145deg,#b23c6b 0%,#982956 50%,#741c3d 100%)!important;border-color:rgba(231,171,193,.4)!important;box-shadow:0 17px 40px rgba(83,17,43,.44),0 0 0 1px rgba(140,35,77,.12),inset 0 1px rgba(255,255,255,.18);transform:translateY(-2px)}.sv-btn--ghost{background:linear-gradient(145deg,rgba(28,30,39,.9),rgba(12,13,18,.88))!important;color:#dedfe5!important;border:1px solid rgba(217,219,226,.19)!important;backdrop-filter:blur(12px) saturate(115%);box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.055)}.sv-btn--ghost:hover{background:linear-gradient(145deg,rgba(43,45,56,.94),rgba(19,20,27,.94))!important;border-color:rgba(217,219,226,.36)!important;color:#fff!important;box-shadow:0 16px 38px rgba(0,0,0,.34),-4px 4px 0 -3px rgba(140,35,77,.42),inset 0 1px rgba(255,255,255,.09);transform:translateY(-2px)}.sv-btn:focus-visible{outline:2px solid rgba(232,197,211,.92);outline-offset:3px;box-shadow:0 0 0 5px rgba(140,35,77,.2),0 14px 35px rgba(0,0,0,.3)}.sv-btn:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.55);box-shadow:none;transform:none}.sv-btn:disabled::after{display:none}
.sv-btn--ghost svg{fill:none!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sv-hero__controls{right:clamp(24px,4vw,68px);bottom:74px}.sv-dotbtn{width:16px;height:2px;background:rgba(217,219,226,.24)}.sv-dotbtn.active{width:38px;background:var(--parallax-silver)}.sv-arrow{width:44px;height:44px;background:rgba(8,9,13,.48);border-color:var(--parallax-border);backdrop-filter:blur(12px)}.sv-arrow:hover{background:var(--parallax-silver);color:#08090d}
.sv-content{margin-top:-46px;padding-bottom:80px}.sv-row{margin-bottom:38px;padding:0 clamp(24px,4vw,68px)}.sv-row__head{margin-bottom:14px}.sv-row__title{font-family:var(--font-heading);font-size:clamp(17px,1.5vw,22px);font-weight:620;letter-spacing:-.018em}.sv-row__arrow{width:34px;height:34px;background:transparent;border-color:var(--parallax-border);color:var(--parallax-text-secondary)}.sv-row__arrow:hover{background:var(--parallax-surface-raised);color:#fff}
/* Browse destination pages share the nav/row gutter so the header lines up. */
.sv-browse-head,.sv-browse-genres,.sv-discovery-stack,.sv-cat-grid,.sv-browse-viewall{max-width:1800px;margin-inline:auto;padding-inline:clamp(24px,4vw,68px)}
.sv-scroller{gap:clamp(10px,1vw,16px);scroll-padding-inline:4px;padding:5px 3px 27px;margin:0 -3px}.sv-card{flex-basis:clamp(152px,12.4vw,196px)}.sv-card__poster{border-radius:var(--radius-md);border:1px solid transparent;background:var(--parallax-surface);transition:transform var(--motion-normal) var(--ease-enter),box-shadow var(--motion-normal),border-color var(--motion-normal)}.sv-card:hover .sv-card__poster,.sv-card:focus-visible .sv-card__poster{transform:translateY(-5px) scale(1.018);border-color:var(--parallax-border-strong);box-shadow:0 24px 65px rgba(0,0,0,.58)}.sv-card__poster img{transition:transform var(--motion-slow),filter var(--motion-normal)}.sv-card:hover .sv-card__poster img{transform:scale(1.04);filter:saturate(.92)}.sv-card__fade{inset:28% 0 0;background:linear-gradient(transparent,rgba(4,5,8,.96))}.sv-card__type{background:rgba(8,9,13,.72);border:1px solid rgba(255,255,255,.08);font-weight:650;color:var(--parallax-silver)}.sv-card__list{width:34px;height:34px;background:rgba(8,9,13,.78);backdrop-filter:blur(8px)}.sv-card__title{font-size:12px;font-weight:620}.sv-card__meta{font-weight:520;color:var(--parallax-text-muted)}.sv-progress{height:2px}.sv-progress i{background:var(--parallax-accent)}
.sv-genre-grid{gap:10px}.sv-genre{padding:17px 16px;border-color:var(--parallax-border);border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(217,219,226,.045),rgba(17,19,26,.5));font-weight:580}.sv-genre:hover{background:var(--parallax-accent-soft);border-color:rgba(140,35,77,.5)}
.sv-hover{width:350px;border-color:var(--parallax-border-strong);border-radius:var(--radius-md);background:var(--parallax-surface);box-shadow:var(--shadow-modal);animation:px-pop var(--motion-normal) var(--ease-enter)}.sv-hover__art{height:197px}.sv-hover__art:after{background:linear-gradient(transparent,var(--parallax-surface))}.sv-hover h3{font-weight:650;letter-spacing:-.02em}.sv-round{width:36px;height:36px;background:var(--parallax-surface-raised);border-color:var(--parallax-border-strong)}.sv-round--primary{background:var(--parallax-accent);color:#fff;border-color:transparent}.sv-round:hover{background:var(--parallax-silver);color:#08090d}
.sv-modal{background:rgba(3,4,7,.82);backdrop-filter:blur(18px);padding:28px 18px}.sv-modal__panel{width:min(1120px,100%);background:var(--parallax-bg);border-color:var(--parallax-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.sv-modal__hero{height:min(570px,64vh)}.sv-modal__hero:after{background:linear-gradient(180deg,rgba(5,6,9,.04),rgba(5,6,9,.18) 38%,var(--parallax-bg) 100%),linear-gradient(90deg,rgba(5,6,9,.62),transparent 62%)}.sv-modal__copy{left:clamp(26px,4vw,54px);right:clamp(26px,4vw,54px);bottom:42px;max-width:760px}.sv-modal__copy h2{font-size:clamp(40px,5vw,72px);font-weight:680;letter-spacing:-.052em}.sv-modal__desc{font-size:13px;line-height:1.68;color:var(--parallax-text-secondary)}.sv-modal__close{width:44px;height:44px;background:rgba(8,9,13,.62);border-color:var(--parallax-border-strong);backdrop-filter:blur(12px)}.sv-modal__close:hover{background:var(--parallax-silver);color:#08090d}.sv-modal__body{padding:0 clamp(26px,4vw,54px) 50px}.sv-modal__section{border-color:var(--parallax-border);padding-top:28px;margin-top:28px}.sv-pill,.sv-season{border-color:var(--parallax-border);background:var(--parallax-surface);color:var(--parallax-text-secondary);border-radius:var(--radius-sm)}.sv-season{min-height:42px}.sv-season.active,.sv-season:hover{background:var(--parallax-accent);border-color:var(--parallax-accent);color:#fff}.sv-episodes{gap:10px}.sv-episode{grid-template-columns:190px 1fr auto;gap:18px;padding:10px;border-color:transparent;border-radius:var(--radius-md);background:rgba(17,19,26,.64)}.sv-episode:hover{background:var(--parallax-surface-raised);border-color:var(--parallax-border)}.sv-episode__art{border-radius:var(--radius-sm)}.sv-episode h4{font-weight:620;font-size:13px}.sv-episode p{font-size:11px;color:var(--parallax-text-muted)}.sv-episode button{width:42px;height:42px;background:var(--parallax-silver);color:#08090d}
.sv-loading,.sv-error{color:var(--parallax-text-muted);font-size:12px}.sv-loading>div{min-width:220px;text-align:center}.sv-spinner{width:30px;height:30px;border-color:rgba(217,219,226,.12);border-top-color:var(--parallax-silver)}.sv-error{padding:60px 24px;text-align:center}.sv-toast{z-index:var(--z-toast);bottom:32px}.sv-toast div{border-color:var(--parallax-border-strong);border-radius:var(--radius-md);background:rgba(17,19,26,.94);box-shadow:var(--shadow-surface)}
.sv-footer{border-color:var(--parallax-border);padding-inline:clamp(24px,4vw,68px)}
@keyframes px-copy-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes px-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.sv-nav{height:70px}.sv-nav__inner{height:70px;padding:0 20px}.sv-menu{display:grid}.sv-mobile-nav{padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:rgba(8,9,13,.96);border-color:var(--parallax-border);box-shadow:0 18px 50px rgba(0,0,0,.5)}.sv-mobile-nav a{min-height:44px;display:flex;align-items:center}.sv-hero{height:82vh;min-height:610px}.sv-hero__content{padding:120px 20px 112px;align-items:flex-end}.sv-hero__copy{max-width:620px}.sv-content{margin-top:-28px}.sv-row{padding:0 20px}.sv-browse-head,.sv-browse-genres,.sv-discovery-stack,.sv-cat-grid,.sv-browse-viewall{padding-inline:20px}.sv-modal{padding:0}.sv-modal__panel{min-height:100dvh;border-radius:0}.sv-modal__hero{height:min(500px,58vh)}.sv-episode{grid-template-columns:130px 1fr auto}.sv-episode button{display:grid}}
@media(max-width:560px){.sv-brand picture,.sv-brand picture img{width:32px}.sv-nav__tools{gap:4px}.sv-user{display:none}.sv-hero{height:78vh;min-height:570px}.sv-hero__content{padding:105px 18px 105px}.sv-hero h1{font-size:clamp(42px,13vw,58px);line-height:.94}.sv-hero__overview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sv-hero__meta{gap:7px}.sv-actions{margin-top:22px}.sv-btn{min-height:44px;padding:10px 15px}.sv-hero__controls{right:18px;bottom:30px}.sv-hero__controls .sv-arrow{display:none}.sv-row{padding:0 16px;margin-bottom:29px}.sv-card{flex-basis:138px}.sv-scroller{gap:10px}.sv-modal__hero{height:440px}.sv-modal__copy{left:18px;right:18px;bottom:24px}.sv-modal__copy h2{font-size:clamp(34px,11vw,48px)}.sv-modal__desc{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sv-modal__body{padding:0 18px 36px}.sv-episode{grid-template-columns:112px 1fr;gap:11px}.sv-episode button{display:none}.sv-episode p{display:none}.sv-footer{padding:38px 18px calc(44px + env(safe-area-inset-bottom));gap:24px}.px-boot__mark{width:78px;height:74px}}
@media(min-width:1700px){.sv-nav__inner,.sv-hero__content,.sv-row,.sv-footer,.sv-browse-head,.sv-browse-genres,.sv-discovery-stack,.sv-cat-grid,.sv-browse-viewall{max-width:1800px}.sv-card{flex-basis:205px}.sv-hero__copy{max-width:820px}}/* Local route loading uses calm skeletons; the branded full-screen mark is startup-only. */
.px-skeleton-page{display:block!important;width:100%;padding:0 4vw 70px;overflow:hidden}.px-skeleton-hero{height:min(58vh,620px);margin:0 -4vw 42px;background:linear-gradient(105deg,#0b0b10 25%,#15151d 42%,#0b0b10 58%);background-size:220% 100%;animation:px-shimmer 1.6s linear infinite}.px-skeleton-heading{width:190px;height:17px;border-radius:6px;background:#17171e;margin-bottom:20px}.px-skeleton-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.px-skeleton-rail i{display:block;aspect-ratio:2/3;border-radius:var(--px-radius-md);background:linear-gradient(105deg,#111117 25%,#1d1d26 42%,#111117 58%);background-size:220% 100%;animation:px-shimmer 1.6s linear infinite}.px-skeleton-rail i:nth-child(2n){animation-delay:.12s}@keyframes px-shimmer{to{background-position:-220% 0}}
/* Search command surface */
#parallax-search{background:radial-gradient(circle at 50% 0,rgba(140,35,77,.15),transparent 34%),rgba(3,3,6,.94)!important;animation:px-search-in .24s var(--px-ease-out)}#parallax-search>div{max-width:850px!important;padding-inline:clamp(18px,4vw,44px)!important}#parallax-search>div>div:first-child{min-height:66px;border-radius:18px!important;background:rgba(19,19,26,.88)!important;box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 0 0 1px rgba(220,222,230,.11)!important;padding-inline:20px!important}#sv-search-input{font-size:16px!important;color:#f2f2f5}#sv-search-results{padding:8px 2px 40px;scrollbar-width:thin}#sv-search-results section>h3{color:rgba(220,222,230,.45)!important;letter-spacing:.18em!important}#sv-search-results section>div{border-radius:16px!important;background:rgba(17,17,23,.75)!important;box-shadow:inset 0 0 0 1px rgba(220,222,230,.08)!important}#sv-search-results button{min-height:64px;border-bottom:1px solid rgba(220,222,230,.055)}#sv-search-results button:hover{background:rgba(140,35,77,.13)!important}@keyframes px-search-in{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.px-skeleton-rail{grid-template-columns:repeat(3,1fr)}.px-skeleton-rail i:nth-child(n+4){display:none}#parallax-search>div{padding-top:24px!important}}
@media(prefers-reduced-motion:reduce){.px-skeleton-hero,.px-skeleton-rail i{animation:none}}
