:root{--wide-edge:clamp(24px,4vw,80px)}
.shelf-shell{position:relative}.shelf-arrow{position:absolute;z-index:5;top:32%;width:44px;height:58px;display:none;place-items:center;background:#141414e8;color:#fff;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 5px 25px #0008}.shelf-previous{right:0}.shelf-next{left:0}.has-overflow>.shelf-arrow{display:grid}.shelf-arrow:disabled{opacity:0;pointer-events:none}.shelf-arrow:hover{background:#fff;color:#111}.row-scroll{scroll-snap-type:x proximity;overscroll-behavior-x:contain}.row-scroll>.card{scroll-snap-align:start}.row-scroll:focus-visible{outline-offset:6px}
.topbar>.platform-strip{display:none}.home-page .topbar>.platform-strip{display:flex}.topbar.scrolled{background:rgba(26,26,26,.72);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.topbar.scrolled .platform-strip{background:transparent}
.tv-toolbar{display:flex;gap:18px;align-items:center;margin:20px 0}.server-picker{display:flex;align-items:center;gap:14px;font-size:13px;color:#b5b5b5}.server-picker select{min-width:190px;max-width:100%;padding:12px 36px 12px 16px;background:#202020;border:1px solid #ffffff25;border-radius:12px;color:white}
.search-toolbar{display:flex;gap:12px;margin:20px 0 30px;align-items:center}.search-toolbar .searchbar{display:flex;flex:1;margin:0}.search-filter-button{display:flex;align-items:center;gap:9px;white-space:nowrap}.search-filter-form{display:grid;gap:20px}.search-filter-form label{display:grid;gap:9px;font-size:13px}.search-filter-form select,.search-filter-form input{padding:12px;background:#252525;border:1px solid #ffffff20;border-radius:10px;width:100%}.filter-actions{display:flex;gap:10px;flex-wrap:wrap}.search-suggestions{position:absolute;top:calc(100% + 9px);inset-inline:0;background:#1b1b1bf7;box-shadow:0 16px 45px #0009;border:1px solid #ffffff20;border-radius:16px;padding:10px;max-height:65vh;overflow:auto;direction:rtl}.search-suggestions:empty{display:none}.search-suggestions button{display:flex;align-items:center;text-align:start;gap:14px;width:100%;padding:11px;border-radius:10px}.search-suggestions button:hover,.search-suggestions button:focus-visible{background:#ffffff12}.search-suggestions img{width:44px;height:62px;object-fit:cover;border-radius:6px}.search-suggestions span{display:grid;gap:7px}.search-suggestions strong{font-size:14px}.search-suggestions small{font-size:12px;color:#aaa}.search-suggestions .subtle{padding:14px}.header-search{overflow:visible}.header-search input{flex:1;min-width:0}.header-search>button{flex:none}
.caption-overlay span{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 8px;border-radius:5px;white-space:pre-wrap}.caption-overlay>div{margin:4px 0;line-height:1.5}.caption-actions{margin:20px 0}.timing-buttons{display:flex;gap:8px;flex-wrap:wrap}.timing-buttons button{background:#292929;padding:11px 14px;border-radius:10px;font-size:12px}.subtitle-options input[type=color]{height:42px;width:100%;background:#222;border:1px solid #ffffff25;border-radius:9px}.subtitle-options input[type=number]{width:100%;padding:12px;border-radius:9px;border:1px solid #ffffff25;background:#222;direction:ltr}.subtitle-options button{min-height:42px}.subtitle-options input[type=range]{accent-color:white}
#playerPrevious,#playerNext{position:absolute;top:50%;transform:translateY(-50%);z-index:8;background:none;filter:drop-shadow(0 2px 5px #0008);width:45px;height:48px}#playerPrevious{left:calc(50% - 112px)}#playerNext{right:calc(50% - 112px)}.controls-hidden #playerPrevious,.controls-hidden #playerNext{opacity:0;pointer-events:none}.mini-player #playerPrevious,.mini-player #playerNext{display:none}.source-waiting #playerPrevious,.source-waiting #playerNext,.has-player-error #playerPrevious,.has-player-error #playerNext{display:none}
@media(hover:hover) and (pointer:fine){.player-stage:hover .player-top,.player-stage:hover .player-panel,.player-stage:hover #playerToggle,.player-stage:hover #playerPrevious,.player-stage:hover #playerNext,.player-stage:hover #fullscreen,.player-stage:focus-within .player-top,.player-stage:focus-within .player-panel{opacity:1;pointer-events:auto}.player-stage:hover .player-top .icon-button{pointer-events:auto}.row-scroll{scrollbar-width:thin;scrollbar-color:#ffffff44 transparent}.row-scroll::-webkit-scrollbar{height:5px}.row-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:5px}}
@media(min-width:1024px){
 .topbar{height:94px;padding:20px var(--wide-edge);display:grid;grid-template-columns:145px minmax(0,1fr) 145px;gap:26px;direction:ltr;align-items:center}.brand{grid-column:1;grid-row:1;justify-self:start;font-size:25px}.top-actions{grid-column:3;grid-row:1;justify-self:end}.topbar>.platform-strip{grid-column:2;grid-row:1;position:static;max-width:100%;padding:3px 0;gap:7px;background:none!important;justify-content:safe center;scrollbar-width:none}.platform-tab{font-size:12px;padding:9px 14px;background:#1119;border-color:#ffffff20}.topbar:not(.search-active) .brand,.topbar:not(.search-active) .top-actions{visibility:visible}
 .view{max-width:1800px;width:100%;padding:122px var(--wide-edge) 65px}.home-page .view{max-width:none;padding:0 var(--wide-edge) 65px}.home-page #homeHero{margin:0 calc(-1 * var(--wide-edge))}.home-page .hero{height:clamp(560px,76vh,880px);min-height:560px;width:100%}.home-page .hero>img{object-fit:cover;object-position:center 32%;width:100%;height:100%}.home-page .hero:after{background:linear-gradient(0deg,#111 0%,#111b 13%,transparent 76%),linear-gradient(270deg,#0007,transparent 60%)}.hero-copy{max-width:800px;padding:0 var(--wide-edge) 65px}.hero h1{font-size:clamp(38px,4vw,72px);max-width:750px}.hero-copy .subtle{max-width:640px}.hero .actions{gap:14px}.hero-dots{margin-top:-35px;margin-bottom:35px}.content-shelf{margin:20px 0 35px}.section-title{font-size:25px}.row-scroll{gap:22px;padding:12px 3px 22px}.row-scroll .card{width:clamp(160px,12.5vw,235px)}.row-scroll .card.wide{width:clamp(245px,22vw,395px)}.row-scroll .card.person{width:160px}.row-scroll .card.brand-card{width:180px}.card strong{font-size:14px;line-height:1.5}.shelf-arrow{top:33%;width:48px;height:66px}.shelf-previous{right:-22px}.shelf-next{left:-22px}
 .bottom-nav{inset-inline:50%;transform:translateX(50%);width:400px;bottom:20px;border:1px solid #ffffff20;border-radius:24px;padding:10px;box-shadow:0 10px 40px #0007}.bottom-nav button{font-size:11px;gap:7px}.app-shell{padding-bottom:100px}.page-head{margin-bottom:28px}.screen-title{font-size:38px}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px}.youtube-feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.youtube-feed .card{width:100%}.modal-sheet{max-width:620px}.modal{padding:40px}.modal .settings-list{gap:10px}.work-hero{height:clamp(440px,65vh,750px);margin:-122px calc(-1 * var(--wide-edge)) 0;border-radius:0}.work-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.work-info{position:relative;max-width:920px;margin-top:-210px;z-index:3;padding-bottom:30px}.work-info h1{font-size:clamp(36px,4vw,64px)}.overview{font-size:16px;line-height:1.9;max-width:820px}.detail-top{top:110px}.work-hero:after{background:linear-gradient(0deg,#111,transparent 80%)}.detail-actions{gap:14px}.episode{max-width:100%;padding:18px}.episode img{width:200px}#episodeList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#episodeList>.load-more{grid-column:1/-1}
 .tv-toolbar{justify-content:flex-start;margin:18px 0 24px}.server-picker select{min-width:280px}.server-picker{font-size:14px}#channelResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px}.channel{margin:0;padding:18px;background:#191919;border:1px solid #ffffff0a;border-radius:15px;min-height:100px}.channel:hover{border-color:#ffffff30;background:#202020}.channel-logo{width:70px;height:58px}.channel .info strong{font-size:15px}.channel .info small{margin-top:9px}.channel .watch-channel{display:grid}.channel>.icon-button{width:38px;height:38px}.search-toolbar{max-width:1050px}.search-toolbar .searchbar{display:flex}.search-active .header-search{position:absolute;left:50%;right:auto;transform:translateX(-50%);width:min(780px,calc(100vw - 110px));height:54px;top:20px;background:#1d1d1d;border:1px solid #ffffff22;border-radius:18px;padding:0 16px;direction:ltr}.search-active .platform-strip{visibility:hidden}.search-suggestions{top:calc(100% + 12px)}.player:not(.mini-player){padding:0 0 40px}.player-stage{max-height:88vh;aspect-ratio:auto;height:88vh;position:relative;background:#000}.player-info{max-width:1500px;margin:0 auto;padding:35px var(--wide-edge)}.player-top{padding:18px 28px}.player-top .icon-button{width:42px;height:42px}.player-panel{bottom:20px;inset-inline:25px}.player-times{font-size:13px}.caption-overlay{bottom:85px;padding:0 10%}.player-stage:fullscreen{height:100vh;max-height:none}.player-stage:fullscreen video{height:100%}.player-stage:fullscreen .caption-overlay{bottom:90px}.remote-content,.remote-page{max-width:1100px;margin:auto}
}
@media(min-width:1024px){.modal{align-items:center;justify-content:center}.modal-card{max-width:620px;width:100%;max-height:86vh;border-radius:22px;border:1px solid #ffffff20;box-shadow:0 20px 80px #0009}}
@media(min-width:1600px){#channelResults{grid-template-columns:repeat(3,minmax(0,1fr))}.youtube-feed{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.shelf-arrow{width:30px;height:42px;border-radius:9px;top:30%;opacity:.85}.shelf-arrow svg{width:19px}.search-toolbar{gap:8px}.search-filter-button{padding:11px;font-size:12px}.search-filter-button svg{width:20px}.search-suggestions{inset-inline:6px}.server-picker{width:100%;justify-content:space-between}.server-picker select{flex:1;min-width:0}.topbar>.platform-strip{top:84px}.caption-overlay span{padding:2px 5px}#playerPrevious{left:calc(50% - 100px)}#playerNext{right:calc(50% - 100px)}}
@media(prefers-reduced-motion:reduce){.row-scroll{scroll-behavior:auto!important}.shelf-arrow,.player-top,.player-panel{transition:none!important}}

/* Search stays above page content, with an isolated result sheet below the field. */
.header-search{position:relative;z-index:45;min-width:0}.header-search input{unicode-bidi:plaintext;text-align:start;line-height:1.35;position:relative;z-index:1}.search-suggestions{z-index:80;top:calc(100% + 10px);max-height:min(62vh,520px);overscroll-behavior:contain}.search-suggestions .art{width:44px;height:62px;flex:none;border-radius:6px;overflow:hidden}.search-suggestions .art img{width:100%;height:100%;object-fit:cover}.search-suggestions button{min-height:80px;position:relative;z-index:1}
.hero[role="link"]{cursor:pointer}.player,.player-stage,.player-stage video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.player-stage video{touch-action:none}
.site-volume{position:relative;display:grid;place-items:center;flex:none}.site-volume>.icon-button{position:relative;z-index:2}.site-volume>.icon-button.muted{opacity:.58}.volume-popover{position:absolute;z-index:30;top:calc(100% + 9px);left:50%;transform:translateX(-50%);width:54px;height:156px;display:grid;place-items:center;padding:13px 17px;border:1px solid #ffffff45;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 8px 28px #0007}.volume-popover[hidden]{display:none}.volume-popover input{writing-mode:vertical-lr;direction:rtl;width:17px;height:126px;margin:0;accent-color:#fff;touch-action:pan-y;cursor:pointer}
.bottom-nav{background:rgba(24,24,24,.78);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.mini-player .player-stage{isolation:isolate}.player.mini-player{z-index:75;width:min(62vw,250px);min-width:164px;overflow:hidden;pointer-events:auto;touch-action:none}.mini-player .mini-actions{inset:6px 6px auto;gap:7px;align-items:center;pointer-events:none}.mini-player .mini-actions .icon-button{width:42px;height:42px;border:1px solid #ffffff50;background:#080a0fbb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px #0008;pointer-events:auto}.mini-player .mini-actions svg{width:19px;height:19px}
@media(max-width:600px){
 .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:10px 12px 0;height:76px;align-items:center;direction:ltr}
 .topbar>.brand{grid-column:1;grid-row:1;min-width:0;font-size:20px;gap:5px;z-index:2}
 .topbar>.brand .brand-mark{width:25px;height:28px}.topbar>.brand .brand-mark svg{width:25px;height:25px}
 .topbar>.platform-strip{position:static;grid-column:2;grid-row:1;display:flex;width:100%;min-width:0;max-width:100%;gap:5px;padding:2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-inline:contain;justify-content:flex-start;background:none}
 .topbar>.platform-strip::-webkit-scrollbar{display:none}.topbar>.platform-strip .platform-tab{padding:8px 10px;font-size:10px;min-height:34px}
 .topbar>.top-actions{grid-column:3;grid-row:1;gap:3px;z-index:2}.topbar>.top-actions .icon-button{width:38px;height:38px}
 .search-active .header-search{position:absolute;left:10px;right:10px;inset-inline:auto;top:15px;bottom:auto;transform:none;width:auto;max-width:none;height:46px;padding:4px 9px;background:#242424;border:1px solid #ffffff25;border-radius:18px;direction:ltr;z-index:100}
 .topbar.search-active>.platform-strip{visibility:hidden}
 .search-suggestions{inset-inline:-1px;top:calc(100% + 9px);max-height:60vh}.search-suggestions button{gap:10px;padding:9px;min-height:75px}
 .bottom-nav{border:1px solid #ffffff20;border-bottom:0;border-radius:21px 21px 0 0;padding:8px 10px calc(7px + var(--safe));box-shadow:0 -8px 30px #0005;background:rgba(26,26,26,.72)}
 .player.mini-player{width:min(62vw,246px);min-width:164px}
}
