@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root{--bg:#1b1827;--panel:rgba(41,40,61,.52);--panel-strong:rgba(41,40,61,.74);--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.18);--txt:#f4f2fb;--muted:rgba(255,255,255,.58);--muted-2:rgba(255,255,255,.36);--accent:#ff8b34;--focus:#fff;--bad:#fb7185;--home-deck-width:clamp(980px,78vw,1180px);--home-card-height:clamp(500px,43vw,620px);--home-card-pad-x:clamp(26px,2.3vw,34px);--home-card-pad-top:clamp(28px,2.5vw,38px);--home-icon-box:clamp(210px,17vw,286px);--home-icon-size:clamp(164px,13.2vw,222px);--home-badge-size:clamp(15px,1.05vw,16px);--home-title-size:clamp(35px,2.9vw,42px);--home-subtitle-size:clamp(17px,1.35vw,20px)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#0d0b14;color:var(--txt);font:500 16px/1.45 "Manrope","Segoe UI",sans-serif}
body{overflow:hidden;overflow-x:hidden;display:grid;place-items:center}
button,a{color:inherit}
button,input{font:inherit}
.app{position:relative;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center}
.stage{position:relative;overflow:hidden;background:#1b1827;box-shadow:0 30px 80px rgba(0,0,0,.45);width:min(100vw,calc(100vh * 16 / 9));width:min(100vw,calc(100dvh * 16 / 9));height:min(100vh,calc(100vw * 9 / 16));height:min(100dvh,calc(100vw * 9 / 16));aspect-ratio:16/9}
.screen{position:relative;width:100%;height:100%;background:linear-gradient(135deg,rgba(27,24,39,.92) 0,rgba(41,40,61,.88) 100%),url("../bg.jpg") center/cover no-repeat}
.screen video,.screen iframe,.backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#1b1827}
.screen video,.screen iframe{z-index:1}
.backdrop{z-index:0;background-image:radial-gradient(circle at 78% 24%,rgba(255,194,141,.12),transparent 18%),linear-gradient(120deg,rgba(27,24,39,.86),rgba(41,40,61,.82)),url("../bg.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.82) brightness(.52) blur(0);transform:scale(1.04)}
.screen::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(27,24,39,.94) 0,rgba(27,24,39,.82) 24%,rgba(41,40,61,.44) 58%,rgba(27,24,39,.74) 100%)}
.screen::after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 78% 58%,rgba(255,178,115,.14),transparent 24%),radial-gradient(circle at 86% 24%,rgba(255,255,255,.07),transparent 14%);pointer-events:none}
.empty{display:none}
.hud{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:34px 44px 38px}
.top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:78px;transition:opacity .26s ease,transform .26s ease}
.top > *{min-width:0}
.brand{display:flex;align-items:center;gap:18px}
.brandMark{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.brandMark img{width:56px;height:56px;display:block;object-fit:cover;border-radius:14px;filter:brightness(1.14) contrast(1.03)}
.brandText{display:flex;align-items:center;gap:16px}
.brandText::before{content:"";width:1px;height:34px;background:rgba(255,255,255,.14)}
.brandText b{font-size:19px;letter-spacing:.08em;text-transform:uppercase}
.brandText .meta{display:none}
.meta{color:var(--muted);font-size:14px;font-weight:500}
.searchShell{justify-self:start;display:grid;grid-template-columns:78px minmax(180px,360px);align-items:center;min-width:458px;max-width:458px;height:78px;padding:0;background:transparent;color:rgba(255,255,255,.68);border:0;cursor:text}
.searchBtn{width:78px;height:78px;display:grid;place-items:center;border-radius:999px 0 0 999px;border:1px solid rgba(255,255,255,.06);border-right:0;background:rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.searchLabel{position:relative;display:flex;align-items:center;height:78px;padding:0 28px 0 20px;border-radius:0 999px 999px 0;border:1px solid rgba(255,255,255,.06);border-left:0;background:rgba(20,16,32,.18);font-size:17px;letter-spacing:.01em;color:rgba(255,255,255,.62)}
.searchLabel::after{content:"";position:absolute;left:0;right:26px;bottom:12px;height:1px;background:rgba(255,255,255,.06)}
.searchInput{width:100%;height:100%;border:0;background:transparent;color:rgba(255,255,255,.88);font-size:17px;outline:none}
.searchInput::placeholder{color:rgba(255,255,255,.62)}
.searchShell:focus-within .searchBtn,.searchShell:focus-within .searchLabel{border-color:rgba(255,255,255,.24)}
.searchSvg{width:28px;height:28px;display:block}
.actions{display:flex;align-items:center;gap:14px}
.weatherStrip{display:flex;align-items:center;gap:10px;padding:0 6px 0 0;color:rgba(255,255,255,.92);font-size:15px;font-variant-numeric:tabular-nums}
.weatherIcon{font-size:23px;line-height:1}
.status{min-width:172px;padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size:12px;color:rgba(255,255,255,.62);backdrop-filter:blur(16px);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}
.iconBtn,.btn,.backBtn,.navBubble,.transportBtn,.playAction{border:1px solid var(--line);color:var(--txt)}
.iconBtn{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.iconBtn{cursor:pointer;font-size:28px}
.iconBtn svg{width:30px;height:30px;display:block;stroke:currentColor;fill:none;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.homeScene{display:grid;grid-template-columns:var(--home-deck-width) minmax(320px,1fr);align-items:end;justify-content:space-between;gap:38px;flex:1;padding-top:40px}
.homeScene > *{min-width:0}
.homeDeck{width:var(--home-deck-width);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-self:center;align-items:end}
.tab,.chip,.railItem,.btn,.backBtn,.navBubble,.transportBtn,.playAction{transition:transform .28s ease,border-color .24s ease,background .24s ease,opacity .24s ease,filter .24s ease}
.tab{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:var(--home-card-height);padding:var(--home-card-pad-top) var(--home-card-pad-x) var(--home-card-pad-x);border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));backdrop-filter:blur(24px);cursor:pointer;overflow:hidden;text-align:left;transform:scale(1);transform-origin:center bottom;opacity:.9}
.tab::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 34%,rgba(0,0,0,.16) 100%);opacity:.9}
.tab::after{content:"";position:absolute;left:clamp(44px,4vw,62px);right:clamp(44px,4vw,62px);bottom:0;height:6px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.56),#fff,rgba(255,255,255,.56));opacity:.08;transform:scaleX(.36);transform-origin:center;box-shadow:0 0 18px rgba(255,255,255,.28)}
.tab.active{border-color:rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(0,0,0,.12)}
.tab.active::after{opacity:.18;transform:scaleX(.52)}
.homeDeck:hover .tab,.homeDeck:focus-within .tab{transform:scale(.88);opacity:.42;filter:saturate(.72)}
.homeDeck .tab:is(:hover,:focus,:focus-visible){transform:scale(1.085);opacity:1;filter:none;border-color:rgba(255,255,255,.16);z-index:2}
.homeDeck .tab.active:is(:hover,:focus,:focus-visible){transform:scale(1.085);opacity:1;filter:none;border-color:rgba(255,255,255,.16);z-index:3}
.homeDeck .tab:is(:hover,:focus,:focus-visible)::after{opacity:1;transform:scaleX(1)}
.tabBadge,.tabIcon,.tabText{position:relative;z-index:1}
.tabBadge{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.62);font-size:var(--home-badge-size);font-weight:600}
.tabBadge::before{content:"↻";font-size:var(--home-badge-size);opacity:.8}
.tab[data-view="movies"] .tabBadge::before{content:"■";color:#ff8d36}
.tab[data-view="series"] .tabBadge::before{content:"▶";font-size:calc(var(--home-badge-size) - 1px)}
.tabIcon{width:var(--home-icon-box);height:var(--home-icon-box);display:grid;place-items:center;color:rgba(255,255,255,.88)}
.tabIcon svg{width:var(--home-icon-size);height:var(--home-icon-size);stroke:currentColor;fill:none;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.tabText{display:grid;gap:9px}
.tabText strong{font-size:var(--home-title-size);line-height:1.05;font-weight:700;letter-spacing:-.02em}
.tabText span{color:rgba(255,255,255,.56);font-size:var(--home-subtitle-size)}
.homeAside{min-width:320px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:0 8px 8px 0;text-align:right}
.homeWeather{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.94);font-size:24px}
.homeTime{margin-top:14px;font-size:90px;line-height:.92;font-weight:400;letter-spacing:-.08em;font-variant-numeric:tabular-nums}
.homeDate{margin-top:18px;font-size:32px;color:rgba(255,255,255,.48);letter-spacing:-.03em}
.browser{display:none;grid-template-columns:340px minmax(420px,560px) minmax(320px,1fr);gap:28px;flex:1;min-height:0;padding-top:22px;transition:opacity .26s ease,transform .26s ease}
.categoryPane,.listPane,.heroPane{min-height:0}
.browser > *{min-width:0}
.categoryPane{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding-right:8px}
.navRail{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:8px}
.backBtn,.navBubble{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);cursor:pointer;font-size:34px}
.navBubble{opacity:.78;cursor:default}
.navBubble.active{background:rgba(255,255,255,.18);opacity:1}
.chipsWrap{display:flex;flex-direction:column;min-height:0}
.sectionKicker{font-size:18px;font-weight:700;margin:14px 0 22px}
.chips{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:6px}
.chip{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:16px;width:100%;padding:14px 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:rgba(255,255,255,.54);text-align:left;cursor:pointer}
.chip.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08);color:#fff}
.chipFlag{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:rgba(255,255,255,.04);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
.chipCopy{display:grid;gap:2px}
.chipCopy b{font-size:15px;font-weight:700}
.chipCopy span{font-size:13px;color:rgba(255,255,255,.4)}
.listPane{display:flex;flex-direction:column;gap:18px}
.railHead{display:grid;gap:6px;padding-top:8px}
.railHead b{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em}
.railWrap{flex:1;overflow:hidden}
.rail{display:flex;flex-direction:column;gap:16px;height:100%;overflow:auto;padding-right:8px}
.railItem{position:relative;display:grid;grid-template-columns:148px 1fr auto;align-items:center;gap:22px;min-height:176px;padding:28px 28px 28px 26px;border-radius:2px;border-color:rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));text-align:left;cursor:pointer;backdrop-filter:blur(18px);overflow:hidden}
.railItem::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:4px;border-radius:999px;background:#fff;opacity:0}
.railItem.active{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06))}
.railItem.active::before{opacity:1}
.railMedia{display:grid;gap:12px;align-content:start}
.thumb{width:148px;height:148px;border-radius:2px;background:rgba(18,14,31,.72);display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:36px;letter-spacing:.06em}
.thumb img{width:100%;height:100%;object-fit:contain;padding:10px}
.cardCopy{display:grid;gap:10px;align-content:start;padding-top:4px}
.name{font-size:26px;font-weight:800;letter-spacing:-.04em}
.railName{font-size:18px;line-height:1.2;letter-spacing:-.02em;text-align:center}
.sub{color:rgba(255,255,255,.5);font-size:14px}
.tagRow{display:flex;gap:8px;flex-wrap:wrap}
.tag{padding:4px 8px;border-radius:2px;background:rgba(255,255,255,.18);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff}
.cardStar{align-self:flex-end;font-size:24px;color:var(--accent)}
.heroPane{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 0 18px 12px}
.heroPane::before{content:"";position:absolute;inset:-30px -44px -38px -40px;background:linear-gradient(90deg,rgba(27,24,39,0) 0,rgba(27,24,39,.18) 22%,rgba(41,40,61,.56) 64%,rgba(27,24,39,.78) 100%);pointer-events:none}
.heroTop{position:absolute;top:10px;right:4px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font-size:18px;z-index:1;font-variant-numeric:tabular-nums}
.heroNow{position:relative;z-index:1;color:rgba(255,255,255,.62);font-size:16px}
.titleBox{position:relative;z-index:1;display:grid;gap:12px;max-width:440px}
.titleBox h1{margin:0;font-size:58px;line-height:.94;font-weight:800;letter-spacing:-.07em}
.heroDescription{position:relative;z-index:1;max-width:430px;margin-top:18px;color:rgba(255,255,255,.48);font-size:15px;line-height:1.45}
.heroProgress{position:relative;z-index:1;width:min(360px,100%);height:4px;margin-top:28px;background:rgba(255,255,255,.22)}
.heroProgress span{display:block;height:100%;width:38%;background:#fff}
.heroTimes{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;width:min(360px,100%);margin-top:14px;color:rgba(255,255,255,.82);font-size:15px}
.url{display:none}
.toolBox{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:28px}
.btn{min-width:58px;height:58px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.08);cursor:pointer;backdrop-filter:blur(16px)}
.playbackHud{position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:24px;padding:38px 46px 42px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .26s ease,transform .26s ease}
.playbackBrand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.playLogo{display:grid;gap:10px}
.playLogoMark{font-size:20px;font-weight:800;letter-spacing:.02em}
.livePill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;padding:0 14px;border-radius:6px;background:#ff4b57;color:#fff;font-size:14px;font-weight:800}
.playbackTop{display:flex;align-items:center;gap:14px;justify-self:end;color:rgba(255,255,255,.95);font-size:19px}
.playbackInfo{align-self:end;display:grid;gap:10px;max-width:420px}
.playbackInfo h2{margin:0;font-size:28px;line-height:1.08;font-weight:800;letter-spacing:-.04em}
.playbackMeta{color:rgba(255,255,255,.66);font-size:18px}
.playbackElapsed{margin-top:16px;font-size:22px;font-weight:500;letter-spacing:.02em}
.playbackTransport{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}
.transportRow{display:flex;align-items:center;justify-content:center;gap:28px}
.transportBtn,.playAction{background:rgba(255,255,255,.08);backdrop-filter:blur(16px);cursor:pointer}
.transportBtn{width:52px;height:52px;border-radius:50%;font-size:24px}
.playAction{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:34px}
.playbackTools{display:flex;justify-content:flex-end;align-items:center;gap:16px}
.playbackTools .transportBtn{width:54px;height:54px}
.lock{position:fixed;inset:0;display:none;place-items:center;padding:16px;background:rgba(7,5,12,.88);backdrop-filter:blur(14px)}
.lock.on{display:grid}
.card{width:min(420px,100%);display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(23,18,34,.92);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.card input{height:50px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);color:var(--txt);padding:0 12px}
.err{min-height:20px;color:var(--bad);font-size:13px}
.tab:focus-visible,.chip:focus-visible,.railItem:focus-visible,.btn:focus-visible,.iconBtn:focus-visible,.backBtn:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:3px}
.hide{display:none!important}
body.mode-home .browser{display:none}
body.mode-browser .homeScene{display:none}
body.controls-hidden .top,body.controls-hidden .homeScene,body.controls-hidden .browser{opacity:0;transform:translateY(18px);pointer-events:none}
body.controls-hidden.playing .playbackHud{opacity:1;pointer-events:auto;transform:translateY(0)}
@media (max-width:1280px){
  .searchShell{min-width:0;width:100%;max-width:458px}
  .searchLabel{min-width:0;width:100%}
  .homeScene{grid-template-columns:minmax(0,1fr) 300px}
  .homeDeck{width:100%}
  .browser{grid-template-columns:290px 1fr 360px}
  .titleBox h1{font-size:44px}
  .homeTime{font-size:72px}
}
@media (max-height:760px){
  :root{--home-card-height:clamp(360px,38vw,460px);--home-icon-box:clamp(156px,12vw,210px);--home-icon-size:clamp(122px,9vw,170px);--home-title-size:clamp(28px,2.2vw,34px);--home-subtitle-size:clamp(14px,1vw,16px)}
  .hud{padding:24px 26px 24px}
  .homeScene{padding-top:18px;gap:24px}
  .homeTime{font-size:60px}
  .homeDate{font-size:22px}
}
@media (max-width:980px){
  .hud{padding:22px 20px 24px}
  .top{grid-template-columns:1fr;gap:16px}
  .actions{justify-content:flex-start;flex-wrap:wrap}
  .searchShell{grid-template-columns:66px minmax(0,1fr);height:66px;max-width:none}
  .searchBtn{width:66px;height:66px}
  .searchLabel{height:66px;padding:0 22px 0 16px}
  .homeScene{grid-template-columns:1fr;align-items:start}
  .homeDeck{width:100%;grid-template-columns:repeat(3,minmax(240px,72vw));gap:18px;overflow-x:auto;overflow-y:hidden;padding:6px 6px 14px 2px;scroll-snap-type:x proximity;scrollbar-width:none}
  .homeDeck::-webkit-scrollbar{display:none}
  .tab{min-height:clamp(360px,72vw,470px);scroll-snap-align:start}
  .homeAside{align-items:flex-start;text-align:left}
  .homeTime{font-size:62px}
  .homeDate{font-size:24px}
  .browser{grid-template-columns:1fr;gap:18px}
  .categoryPane{grid-template-columns:1fr}
  .navRail{flex-direction:row;justify-content:flex-start}
  .heroPane{padding-left:0}
  .heroPane::before{inset:-10px -20px -24px -20px;background:linear-gradient(180deg,rgba(27,24,39,.24) 0,rgba(41,40,61,.8) 100%)}
  .heroTop{position:static;justify-content:flex-start;margin-bottom:18px}
  .titleBox h1{font-size:36px}
  .playbackHud{padding:20px}
  .playbackTransport{grid-template-columns:1fr;gap:20px}
}
@media (max-width:820px) and (orientation:portrait){
  .hud{min-height:100%}
  .brand{gap:14px}
  .brandText::before{height:26px}
  .actions{justify-content:space-between}
  .status{min-width:0;max-width:100%}
  .homeScene{gap:14px;padding-top:10px}
  .homeDeck{grid-template-columns:1fr;gap:12px;overflow:visible;padding:0}
  .tab{min-height:280px}
  .homeAside{padding:8px 0 0;align-items:flex-start;text-align:left}
  .browser{gap:12px}
  .chips{flex-direction:row;overflow:auto;padding-bottom:8px;padding-right:0}
  .chip{min-width:220px}
  .railItem{grid-template-columns:120px 1fr;gap:14px;min-height:150px;padding:18px}
  .railMedia{gap:8px}
  .thumb{width:120px;height:120px}
  .railName{font-size:14px}
  .cardCopy{padding-top:0}
  .cardStar{position:absolute;right:16px;bottom:16px}
  .heroPane{padding-bottom:8px}
  .playbackHud{padding:16px 14px 18px}
  .playbackInfo h2{font-size:24px}
}
@media (max-width:640px){
  :root{--home-card-height:clamp(348px,98vw,430px);--home-icon-box:148px;--home-icon-size:114px;--home-title-size:30px;--home-subtitle-size:14px;--home-badge-size:13px}
  .hud{padding:16px 14px 18px}
  .top{gap:14px}
  .brandMark{width:48px;height:48px;border-radius:12px}
  .brandMark img{width:48px;height:48px;border-radius:12px}
  .brandText{gap:12px}
  .brandText b{font-size:17px}
  .searchShell{height:62px;grid-template-columns:62px minmax(0,1fr)}
  .searchBtn{width:62px;height:62px}
  .searchLabel{height:62px;padding:0 18px 0 14px}
  .searchInput{font-size:16px}
  .actions{gap:10px}
  .status{min-width:150px;font-size:11px}
  .iconBtn{width:62px;height:62px}
  .homeScene{gap:18px;padding-top:18px}
  .homeDeck{grid-template-columns:repeat(3,minmax(222px,82vw));gap:14px}
  .tab{padding:24px 22px 22px}
  .tab::after{left:42px;right:42px}
  .homeWeather{font-size:20px}
  .homeTime{margin-top:8px;font-size:48px}
  .homeDate{margin-top:10px;font-size:18px}
  .browser{gap:14px}
  .railHead b{font-size:26px}
  .heroDescription{font-size:14px}
}
html.perf-lite .stage{box-shadow:none}
html.perf-lite .screen::after,
html.perf-lite .tab::after{display:none}
html.perf-lite .backdrop{filter:brightness(.56) saturate(.9);transform:none}
html.perf-lite .brandMark img{filter:none}
html.perf-lite .searchBtn,
html.perf-lite .status,
html.perf-lite .iconBtn,
html.perf-lite .tab,
html.perf-lite .backBtn,
html.perf-lite .navBubble,
html.perf-lite .railItem,
html.perf-lite .btn,
html.perf-lite .transportBtn,
html.perf-lite .playAction,
html.perf-lite .lock,
html.perf-lite .card{
  backdrop-filter:none!important;
  box-shadow:none!important;
}
html.perf-lite .tab,
html.perf-lite .railItem,
html.perf-lite .btn,
html.perf-lite .transportBtn,
html.perf-lite .playAction{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
}
html.perf-lite .tab,
html.perf-lite .chip,
html.perf-lite .railItem,
html.perf-lite .btn,
html.perf-lite .backBtn,
html.perf-lite .navBubble,
html.perf-lite .transportBtn,
html.perf-lite .playAction,
html.perf-lite .playbackHud,
html.perf-lite .top,
html.perf-lite .browser{
  transition:opacity .16s ease,border-color .16s ease,background .16s ease,transform .16s ease;
}
html.perf-lite .homeDeck:hover .tab,
html.perf-lite .homeDeck:focus-within .tab{
  transform:none;
  opacity:1;
  filter:none;
}
html.perf-lite .homeDeck .tab:is(:hover,:focus,:focus-visible),
html.perf-lite .homeDeck .tab.active:is(:hover,:focus,:focus-visible){
  transform:none;
  opacity:1;
  filter:none;
}
:root{--fixed-base-width:1920px;--fixed-base-height:1080px;--fixed-scale-x:1;--fixed-scale-y:1}
html.fixed-ui,html.fixed-ui body{width:100%;height:100%}
html.fixed-ui body{display:block;overflow:hidden}
html.fixed-ui .app{position:fixed;inset:0;width:100vw;height:100vh;display:block}
html.fixed-ui .stage{
  position:absolute;
  inset:0;
  width:100vw;
  height:100vh;
  max-width:none;
  max-height:none;
  aspect-ratio:auto;
  transform:none;
  box-shadow:none;
}
html.fixed-ui .screen{width:100%;height:100%}
html.fixed-ui .hud{
  position:absolute;
  left:0;
  top:0;
  inset:auto;
  width:var(--fixed-base-width);
  height:var(--fixed-base-height);
  padding:34px 44px 38px;
  transform:scale(var(--fixed-scale-x),var(--fixed-scale-y));
  transform-origin:top left;
}
html.fixed-ui .top{grid-template-columns:auto 1fr auto;gap:24px;min-height:78px}
html.fixed-ui .actions{justify-content:flex-start;flex-wrap:nowrap;gap:14px}
html.fixed-ui .brand{gap:18px}
html.fixed-ui .brandText{gap:16px}
html.fixed-ui .brandText::before{height:34px}
html.fixed-ui .brandMark{width:56px;height:56px;border-radius:14px}
html.fixed-ui .brandMark img{width:56px;height:56px;border-radius:14px}
html.fixed-ui .searchShell{
  width:auto;
  min-width:458px;
  max-width:458px;
  grid-template-columns:78px minmax(180px,360px);
  height:78px;
}
html.fixed-ui .searchBtn{width:78px;height:78px}
html.fixed-ui .searchLabel{height:78px;padding:0 28px 0 20px}
html.fixed-ui .status{min-width:172px;max-width:none;font-size:12px}
html.fixed-ui .iconBtn{width:72px;height:72px}
html.fixed-ui .homeScene{
  grid-template-columns:var(--home-deck-width) minmax(320px,1fr);
  align-items:end;
  justify-content:space-between;
  gap:38px;
  padding-top:40px;
}
html.fixed-ui .homeDeck{
  width:var(--home-deck-width);
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  overflow:visible;
  padding:0;
  scroll-snap-type:none;
}
html.fixed-ui .tab{
  min-height:var(--home-card-height);
  padding:var(--home-card-pad-top) var(--home-card-pad-x) var(--home-card-pad-x);
}
html.fixed-ui .homeAside{padding:0 8px 8px 0;align-items:flex-end;text-align:right}
html.fixed-ui .homeWeather{font-size:24px}
html.fixed-ui .homeTime{margin-top:14px;font-size:90px}
html.fixed-ui .homeDate{margin-top:18px;font-size:32px}
html.fixed-ui .browser{
  grid-template-columns:340px minmax(420px,560px) minmax(320px,1fr);
  gap:28px;
  padding-top:22px;
}
html.fixed-ui .categoryPane{grid-template-columns:92px minmax(0,1fr);gap:18px}
html.fixed-ui .navRail{flex-direction:column;justify-content:flex-start;padding-top:8px}
html.fixed-ui .chips{flex-direction:column;overflow:auto;padding-right:6px;padding-bottom:0}
html.fixed-ui .chip{min-width:0;width:100%}
html.fixed-ui .railItem{grid-template-columns:148px 1fr auto;gap:22px;min-height:176px;padding:28px 28px 28px 26px}
html.fixed-ui .railMedia{gap:12px}
html.fixed-ui .thumb{width:148px;height:148px}
html.fixed-ui .railName{font-size:18px}
html.fixed-ui .cardCopy{padding-top:4px}
html.fixed-ui .heroPane{padding:14px 0 18px 12px}
html.fixed-ui .heroPane::before{inset:-30px -44px -38px -40px;background:linear-gradient(90deg,rgba(27,24,39,0) 0,rgba(27,24,39,.18) 22%,rgba(41,40,61,.56) 64%,rgba(27,24,39,.78) 100%)}
html.fixed-ui .heroTop{position:absolute;top:10px;right:4px;justify-content:flex-start;margin-bottom:0}
html.fixed-ui .titleBox h1{font-size:58px}
html.fixed-ui .heroDescription{font-size:15px}
html.fixed-ui .playbackHud{padding:38px 46px 42px}
html.fixed-ui .playbackTransport{grid-template-columns:1fr auto 1fr;gap:0}