@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.woff)format("woff")}:root{color:#fafafa;font-synthesis:none;--brand:#ff5a5f;--brand-hover:#ff7e82;--brand-active:#e0484d;--bg:#171717;--surface:#262626;--surface-raised:#2d2d2d;--surface-dark:#1d1d1d;--line:#404040;--muted:#a3a3a3;background:#171717;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}input:focus-visible{outline:2px solid var(--brand);outline-offset:3px}select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}::-moz-selection{color:#fff;background:#ff5a5f55}::selection{color:#fff;background:#ff5a5f55}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#404040;border-radius:999px}.app-shell{--sidebar:232px;min-height:100vh}.app-shell.nav-collapsed{--sidebar:82px}.sidebar{z-index:20;width:var(--sidebar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171717f5;border-right:1px solid #40404088;flex-direction:column;padding:18px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.sidebar,.workspace{transition:width .22s,margin-left .22s}.brand-row{align-items:center;min-width:0;height:52px;display:flex}.logo{cursor:pointer;letter-spacing:-.025em;background:0 0;border:0;align-items:center;gap:11px;min-width:0;height:52px;padding:0 9px;font-size:18px;display:flex}.logo>span{color:#fff;background:var(--brand);border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #ff5a5f28}.logo strong{white-space:nowrap;font-weight:700}.nav-toggle{color:#d4d4d8;cursor:pointer;background:#262626;border:1px solid #404040;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:34px;transition:background .2s,border-color .2s;display:grid}.nav-toggle:hover{background:#303030;border-color:#737373}.sidebar nav{gap:6px;margin-top:32px;display:grid}.sidebar nav button{color:#a3a3a3;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:38px 1fr 10px;align-items:center;height:48px;padding:0 11px;transition:all .2s;display:grid}.sidebar nav button:hover{color:#fff;background:#262626}.sidebar nav button.active{color:var(--brand-hover);background:#ff5a5f14;border-color:#ff5a5f32}.sidebar nav button>span{place-items:center;display:grid}.sidebar nav button strong{padding-left:9px;font-size:14px;font-weight:600}.sidebar nav button i{color:var(--brand);font-size:20px;font-style:normal}.sidebar-foot{color:#737373;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 10px;font-size:10px;display:flex}.sidebar-foot span{border:1px solid #404040;border-radius:5px;padding:4px 6px}.nav-collapsed .brand-row{justify-content:center}.nav-collapsed .logo{padding:0}.nav-collapsed .logo strong,.nav-collapsed .sidebar nav button strong,.nav-collapsed .sidebar nav button i,.nav-collapsed .sidebar-foot{display:none}.nav-collapsed .nav-toggle{background:#2d2d2d;border-radius:50%;position:absolute;top:74px;right:-15px}.nav-collapsed .sidebar nav{margin-top:48px}.nav-collapsed .sidebar nav button{grid-template-columns:1fr;padding:0}.workspace{min-height:100vh;margin-left:var(--sidebar)}.topbar{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171717d9;border-bottom:1px solid #40404066;align-items:center;gap:12px;height:76px;padding:0 max(16px,min(3vw,34px));display:flex;position:-webkit-sticky;position:sticky;top:0}.global-search{background:#262626;border:1px solid #40404099;border-radius:16px;grid-template-columns:42px 1fr 38px;align-items:center;width:min(650px,58vw);height:46px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 10px 28px #00000018}.global-search:focus-within{border-color:#ff5a5f88;box-shadow:0 0 0 3px #ff5a5f15}.global-search>span{color:var(--brand);place-items:center;display:grid}.global-search input{color:#fafafa;background:0 0;border:0;outline:0;min-width:0;height:100%;font-size:14px}.global-search input::placeholder{color:#737373}.global-search>button{color:#a3a3a3;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.global-search>button:hover{color:#fff;background:#40404088}.cast-button{color:#d4d4d8;cursor:pointer;background:#262626;border:1px solid #40404099;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.cast-button:hover{color:var(--brand-hover);border-color:#ff5a5f55}.cast-button.connected{color:#65dc91;cursor:pointer;background:#214b31;border-color:#65dc9166;box-shadow:0 0 0 3px #65dc9114}.account-wrap{position:relative}.account-button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 15px;align-items:center;gap:10px;max-width:230px;height:48px;padding:5px 10px;display:grid}.account-button:hover{background:#262626}.account-button>span{color:#fff;background:linear-gradient(145deg, var(--brand), #ff8d54);border-radius:50%;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.account-button>span img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.account-button div{min-width:0;display:grid}.account-button strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.account-button small{color:var(--muted);font-size:11px}.account-button i{color:#737373;place-items:center;font-style:normal;display:grid}.account-menu{background:#262626;border:1px solid #404040;border-radius:16px;width:275px;padding:12px;position:absolute;top:58px;right:0;box-shadow:0 24px 80px #0009}.account-menu>div{border-bottom:1px solid #40404088;margin-bottom:8px;padding:10px 10px 15px;display:grid}.account-menu small{color:var(--muted);margin-top:4px}.account-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:11px 12px}.account-menu button:hover{background:#40404077}.account-menu button.primary{color:#fff;background:var(--brand);margin-bottom:5px}.account-menu button:disabled{opacity:.48;cursor:not-allowed}.main-content{width:min(100%,1440px);margin:0 auto;padding:28px max(16px,min(3vw,34px)) 190px;overflow:hidden}.page-heading{background:#262626;border:1px solid #40404088;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding:22px 24px;display:flex;box-shadow:0 12px 36px #0000001c}.page-heading p{color:var(--brand);letter-spacing:.17em;margin:0 0 5px;font-size:10px;font-weight:700}.page-heading h1{color:#fafafa;letter-spacing:-.04em;margin:0;font-size:max(28px,min(3vw,42px))}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sort-control{color:#d4d4d8;background:#262626;border:1px solid #525252;border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 10px;display:inline-flex}.sort-control select{color:inherit;background:0 0;border:0;outline:0;font-size:12px}.view-toggle{background:#262626;border:1px solid #525252;border-radius:11px;align-items:center;padding:3px;display:flex}.view-toggle button{color:#a3a3a3;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:30px;display:grid}.view-toggle button:hover{color:#fff;background:#40404077}.view-toggle button.active{color:var(--brand-hover);background:#ff5a5f18}.refresh,.secondary{color:#d4d4d8;cursor:pointer;background:0 0;border:1px solid #525252;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;transition:all .2s;display:inline-flex}.refresh:hover,.secondary:hover{color:#fff;background:#40404055;border-color:#737373}.feed{gap:22px;display:grid}.content-row{background:#262626;border:1px solid #40404088;border-radius:16px;min-width:0;padding:20px;box-shadow:0 12px 34px #00000018}.row-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.row-heading h2{letter-spacing:-.02em;margin:0;font-size:20px}.row-heading span{color:#a3a3a3;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.card-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#525252 transparent;grid-auto-columns:minmax(245px,24%);grid-auto-flow:column;gap:14px;padding:3px 3px 12px;display:grid;overflow-x:auto}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.video-card{text-align:left;scroll-snap-align:start;background:#1d1d1d;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:stretch;min-width:0;padding:12px;transition:transform .3s,box-shadow .3s,border-color .2s;display:flex}.video-card:hover{border-color:#404040;transform:translateY(-4px);box-shadow:0 18px 36px #00000035}.video-card-play{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;padding:0;display:flex}.video-card-play:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:12px}.thumb-wrap{aspect-ratio:16/9;background:#171717;border-radius:12px;position:relative;overflow:hidden}.thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .25s;display:block}.video-card:hover img{filter:brightness(.82);transform:scale(1.05)}.video-card:focus-visible img{filter:brightness(.82);transform:scale(1.05)}.premiumize-placeholder{color:#60a5fa;background:linear-gradient(135deg,#172554,#1e3a5f);place-items:center;width:100%;height:100%;display:grid}.remote-queue-placeholder{aspect-ratio:16/9;color:#60a5fa;background:#172554;border-radius:7px;place-items:center;width:100%;display:grid}.video-card-play strong{color:#fafafa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:15px;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.video-card:hover strong{color:var(--brand-hover)}.card-channel,.card-meta{color:#a3a3a3;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12px;overflow:hidden}.card-meta{color:#737373}.duration,.live{color:#d4d4d8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171717dc;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:600;position:absolute;bottom:7px;right:7px}.live{color:#fff;background:#e0484de8;left:7px;right:auto}.play-chip{color:#fff;background:var(--brand);opacity:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .2s;display:grid;position:absolute;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-45%)scale(.75);box-shadow:0 10px 28px #0008}.video-card:hover .play-chip{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-card-play:focus-visible .play-chip{opacity:1;transform:translate(-50%,-50%)scale(1)}.cache-button{color:#bdbdbd;cursor:pointer;background:#262626;border:1px solid #454545;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:10px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.cache-button:hover:not(:disabled){color:#fff;background:#303030;border-color:#737373}.cache-button.working{color:#d4d4d4}.cache-button.cached{color:#75dc9a;background:#183624;border-color:#356a49}.cache-button:disabled{cursor:default;opacity:.75}.cache-grid{align-items:stretch}.cache-card{background:#1d1d1d;border:1px solid #3d3d3d;border-radius:16px;flex-direction:column;min-width:0;padding:12px;display:flex}.cache-card>strong,.cache-card-play>strong{color:#fafafa;white-space:nowrap;text-overflow:ellipsis;margin-top:11px;font-size:15px;line-height:1.35;overflow:hidden}.cache-card>span,.cache-card-play>span:last-child{color:#929292;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12px;overflow:hidden}.cache-progress-thumb{--cache-progress:0%;aspect-ratio:16/9;background:#171717;border-radius:12px;position:relative;overflow:hidden}.cache-progress-thumb img{object-fit:cover;filter:grayscale()brightness(.45);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cache-progress-thumb img.cache-progress-color{clip-path:inset(0 calc(100% - var(--cache-progress)) 0 0);filter:none;transition:clip-path .2s linear}.cache-progress-thumb:after{width:var(--cache-progress);content:"";background:var(--brand);height:3px;transition:width .2s linear;position:absolute;bottom:0;left:0}.cache-card.resolving .cache-progress-thumb:before{z-index:2;content:"";background:linear-gradient(100deg,#0000 25%,#ffffff17 50%,#0000 75%) 0 0/220% 100%;animation:1.3s linear infinite cache-shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.cache-progress-label{z-index:3;background:#111d;border-radius:7px;padding:5px 8px;font-weight:700;position:absolute;bottom:9px;left:9px;color:#fff!important;font-size:11px!important}.cache-card.error{border-color:#713c40}.cache-card.error .cache-progress-label{color:#ffb0b3!important}.cache-card-play{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.cache-card-play:hover .play-chip{opacity:1;transform:translate(-50%,-50%)scale(1)}.cache-card-play:focus-visible .play-chip{opacity:1;transform:translate(-50%,-50%)scale(1)}.cache-card-actions{border-top:1px solid #353535;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.cache-card-actions small{color:#75dc9a;font-size:10px}.cache-card-actions button{color:#ff9ca2;cursor:pointer;background:0 0;border:1px solid #5c3c3e;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:inline-flex}.cache-card-actions button:hover{background:#482629}@keyframes cache-shimmer{to{background-position:-220% 0}}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.collection-card{color:#e5e5e5;text-align:left;cursor:pointer;background:#1d1d1d;border:1px solid #0000;border-radius:15px;grid-template-columns:64px minmax(0,1fr) 22px;align-items:center;gap:13px;min-width:0;padding:12px;transition:transform .2s,border-color .2s,background .2s;display:grid}.collection-card:hover{background:#222;border-color:#525252;transform:translateY(-2px)}.collection-card>span:nth-child(2){gap:5px;min-width:0;display:grid}.collection-card strong,.collection-card small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collection-card strong{font-size:14px}.collection-card small{color:#8f8f94;font-size:11px}.collection-card>svg{color:#737373}.collection-thumb{color:#737373;background:#2b2b2b;border-radius:12px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.collection-card.channel .collection-thumb{border-radius:50%}.collection-thumb img{object-fit:cover;width:100%;height:100%}.load-more{color:#fff;cursor:pointer;background:#303030;border:1px solid #525252;border-radius:999px;min-width:150px;margin:18px auto 2px;padding:10px 16px;font-weight:600;display:block}.load-more:hover:not(:disabled){border-color:var(--brand);background:#3a2b2d}.load-more:disabled{opacity:.55;cursor:wait}.loading-grid{background:#262626;border:1px solid #40404088;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px;display:grid}.loading-grid span{aspect-ratio:16/11;background:linear-gradient(105deg,#303030 35%,#404040 48%,#303030 62%) 0 0/250% 100%;border-radius:14px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position-x:-250%}}.empty{min-height:320px;color:var(--muted);text-align:center;background:#262626;border:1px solid #40404088;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.empty>span{width:64px;height:64px;color:var(--brand);background:#ff5a5f12;border:1px solid #525252;border-radius:18px;place-items:center;display:grid}.empty h2{color:#fff;margin:17px 0 6px}.empty p{max-width:500px;margin:0;line-height:1.55}.settings-grid{grid-template-columns:1fr;gap:14px;max-width:960px;display:grid}.settings-card{background:#262626;border:1px solid #40404077;border-radius:16px;grid-template-columns:48px 1fr;align-content:start;gap:15px;min-height:122px;padding:20px;display:grid;box-shadow:0 10px 26px #00000018}.settings-icon{width:42px;height:42px;color:var(--brand);background:#ff5a5f18;border-radius:12px;place-items:center;display:grid}.settings-card h2{margin:2px 0 5px;font-size:18px}.settings-card p{color:var(--muted);margin:0;font-size:13px}.switch,.select-label{color:#d4d4d8;text-transform:none;letter-spacing:0;grid-column:2;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.switch input{opacity:0;position:absolute}.switch span{background:#525252;border-radius:999px;width:38px;height:22px;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(16px)}.select-label{justify-content:space-between}.select-label select{color:#fff;background:#1d1d1d;border:1px solid #525252;border-radius:10px;padding:8px 10px}.secondary{border-radius:10px;grid-column:2;justify-self:start;margin-top:8px}.version{color:#737373;grid-column:2;font-size:12px}.player-overlay{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0af2;flex-direction:column;padding:max(12px,min(3vw,42px));display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.player-overlay.receiver-fullscreen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;padding:0;overflow:hidden}.receiver-fullscreen>:not(.player-stage):not(.skip-notice){display:none}.receiver-fullscreen .player-stage{background:#000;flex:100vh;width:100vw;height:100vh;min-height:100vh}.receiver-fullscreen .embedded-player{min-height:100vh}.close-player{z-index:2;cursor:pointer;background:#262626dd;border:1px solid #525252;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:22px}.player-stage{flex:0 0 min(58vh,620px);place-items:center;min-height:320px;display:grid}.player-stage video{object-fit:contain;width:100%;height:100%}.player-stage video[hidden]{display:none}.playback-fallback{justify-items:center;gap:14px;display:grid}.playback-fallback>a{color:#fff;background:#2563eb;border-radius:10px;padding:11px 16px;font-weight:600;text-decoration:none}.embedded-player{background:#000;border:0;width:100%;height:100%;min-height:360px}.remote-controller{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0b;padding:0}.remote-controller .close-player{top:max(14px, env(safe-area-inset-top));background:#111111d9;border-color:#ffffff30;position:fixed;right:16px}.remote-controller .player-stage{flex:none;min-height:0}.remote-playback{isolation:isolate;background-color:#151515;background-position:50%;background-size:cover;width:100%;min-height:min(70vh,660px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.remote-playback:before{z-index:-1;content:"";background:#000000ad;position:absolute;top:0;bottom:0;left:0;right:0}.remote-playback-content{min-height:inherit;flex-direction:column;justify-content:flex-end;gap:16px;padding:max(72px,min(10vw,118px)) max(24px,min(6vw,78px)) max(28px,min(5vw,62px));display:flex}.remote-status{top:max(22px, env(safe-area-inset-top));align-items:center;gap:12px;display:flex;position:absolute;left:max(24px,min(6vw,78px))}.remote-status span{color:#7de3a1;letter-spacing:.12em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.remote-status small{color:#d4d4d4;letter-spacing:.08em;background:#101010cc;border:1px solid #ffffff24;border-radius:6px;padding:5px 8px;font-size:10px}.remote-title h2{text-wrap:balance;max-width:760px;margin:0;font-size:max(28px,min(5vw,48px));line-height:1.08}.remote-title p{color:#d0d0d0;margin:7px 0 0;font-size:14px}.remote-timeline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.remote-timeline input{width:100%;accent-color:var(--brand)}.remote-timeline span{color:#d4d4d4;font-variant-numeric:tabular-nums;font-size:11px}.remote-player-controls{justify-content:center;align-items:center;gap:max(20px,min(8vw,64px));display:flex}.remote-player-controls button{color:#fff;cursor:pointer;background:#181818dc;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.remote-player-controls button small{color:#e5e5e5;margin-top:44px;font-size:9px;position:absolute}.remote-player-controls .remote-player-primary{border-color:var(--brand);background:var(--brand);width:72px;height:72px}.remote-settings{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.remote-settings label{background:#111111e6;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:0;padding:11px 12px;display:grid}.remote-settings label>span{color:#bdbdbd;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.remote-settings select{color:#fff;width:100%;font:inherit;text-overflow:ellipsis;background:0 0;border:0;grid-column:1/-1;padding:5px 0 0;overflow:hidden}.remote-settings input[type=range]{width:100%;accent-color:var(--brand);grid-column:1/-1}.remote-account-transfer{color:#f5f5f5;cursor:pointer;background:#111111e6;border:1px solid #ffffff30;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:9px;padding:10px 14px;display:inline-flex}.remote-account-transfer:hover:not(:disabled){background:#242424;border-color:#ffffff5c}.remote-account-transfer.loading{color:#d4d4d4}.remote-account-transfer.success{color:#8ce6ac;background:#173321e6;border-color:#65dc9166}.remote-account-transfer.error{color:#faa;border-color:#f776}.remote-account-transfer:disabled{cursor:default;opacity:.8}.remote-message{color:#bdbdbd;text-align:center;margin:0;font-size:11px}.remote-supplement{width:min(1240px,100%);margin:0 auto;padding-left:max(16px,min(4vw,48px));padding-right:max(16px,min(4vw,48px))}.remote-description{padding-top:22px}.remote-description details{background:#171717;border:1px solid #353535;border-radius:14px}.remote-description summary{color:#f5f5f5;cursor:pointer;padding:16px 18px;font-weight:600}.remote-description p{color:#d4d4d8;white-space:pre-wrap;margin:0;padding:0 18px 18px;font-size:13px;line-height:1.6}.remote-controller .watch-next{width:min(1240px,100%);margin:0 auto;padding:22px max(16px,min(4vw,48px)) 12px}.remote-controller .watch-next .video-grid{overscroll-behavior-inline:contain;grid-template-columns:none;grid-auto-columns:minmax(240px,320px);grid-auto-flow:column;overflow-x:auto}.remote-comments{padding-bottom:104px}.remote-comments .comments-panel{max-height:none}.room-queue-dock{z-index:75;left:calc(var(--sidebar) + 12px);right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));touch-action:pan-y;background:#151515fa;border:1px solid #ffffff2b;border-radius:18px;position:fixed;overflow:hidden;box-shadow:0 18px 60px #000b}.room-switcher{scrollbar-width:none;gap:6px;padding:8px 10px 0;display:flex;overflow-x:auto}.room-switcher::-webkit-scrollbar{display:none}.room-switcher button{color:#a3a3a3;cursor:pointer;background:#222;border:1px solid #ffffff1c;border-radius:999px;flex:none;padding:6px 10px;font-size:11px}.room-switcher button.active{color:#fff;background:#ff5a5f22;border-color:#ff5a5f66}.room-queue-heading{grid-template-columns:minmax(0,1fr) auto 38px 38px;align-items:center;gap:7px;padding-right:9px;display:grid}.room-queue-heading>button:not(.remote-queue-handle){cursor:pointer;background:#242424;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.room-connection{color:#f0ad67;white-space:nowrap;font-size:10px}.room-connection.connected{color:#65dc91}.remote-queue-handle{color:#f5f5f5;text-align:left;cursor:ns-resize;touch-action:pan-y;background:0 0;border:0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 15px;display:grid}.remote-queue-handle>svg:first-child{color:#737373}.remote-queue-handle span{font-weight:600}.remote-queue-handle small{color:#d4d4d4;text-align:center;background:#ffffff14;border-radius:999px;min-width:28px;padding:3px 7px}.remote-queue-content{opacity:0;max-height:0;padding:0 10px;transition:max-height .24s,padding .24s,opacity .16s;overflow:auto}.room-queue-dock.open .remote-queue-content{opacity:1;max-height:min(42dvh,420px);padding:0 10px 12px}.app-shell:has(.room-queue-dock.open) .main-content{padding-bottom:calc(min(42dvh,420px) + 125px)}.remote-queue-content>p{color:#a3a3a3;margin:0;padding:8px 10px 16px;font-size:12px;line-height:1.5}.remote-queue-item{border-top:1px solid #ffffff12;grid-template-columns:92px minmax(0,1fr) repeat(4,34px);align-items:center;gap:7px;padding:8px;display:grid}.remote-queue-item img{aspect-ratio:16/9;object-fit:cover;background:#242424;border-radius:8px;width:92px}.remote-queue-item div{gap:3px;min-width:0;display:grid}.remote-queue-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.remote-queue-item small{color:#8f8f8f;font-size:10px}.remote-queue-item button{color:#ededed;cursor:pointer;background:#242424;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.remote-queue-item button:disabled{color:#666;cursor:default;opacity:.5}.player-loading{color:var(--muted);justify-items:center;display:grid}.spinner{border:4px solid #404040;border-top-color:var(--brand);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-info{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-start;gap:14px 20px;min-height:76px;padding:15px 0;display:flex}.player-info h2{margin:0 0 4px;font-size:18px}.player-info p{color:var(--muted);margin:0}.player-metadata{min-width:0;max-width:min(760px,100%)}.player-description{white-space:pre-wrap;max-height:7.2em;font-size:12px;line-height:1.5;overflow:auto;color:#d4d4d8!important;margin-top:10px!important}.chapter-list{padding:0 0 12px}.chapter-list h3{margin:0 0 8px}.chapter-list>div{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chapter-list button{text-align:left;gap:3px;min-width:150px;display:grid}.chapter-list button span{color:var(--accent);font-size:12px}.player-actions{flex-wrap:wrap;flex:520px;justify-content:flex-end;align-items:center;gap:9px;display:flex}.player-actions button,.player-actions>a,.player-actions>span,.player-actions label{color:#d4d4d8;background:#262626;border:1px solid #525252;border-radius:999px;padding:8px 11px;font-size:11px}.player-actions button,.player-actions>a{color:#fff;cursor:pointer}.player-actions>a{background:#1d4ed8;border-color:#2563eb;text-decoration:none}.player-actions label{align-items:center;gap:7px;display:inline-flex}.player-actions select{color:#fff;max-width:140px;font:inherit;background:0 0;border:0}.player-actions input[type=range]{width:92px;accent-color:var(--brand)}.skip-notice{color:#ffb0b3;background:#412427e8;border:1px solid #ff5a5f66;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:600;position:absolute;bottom:105px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}.comments-panel{background:#171717;border:1px solid #404040;border-radius:15px;flex:none;max-height:min(220px,28vh);margin-top:12px;padding:14px;overflow:auto}.comments-panel>p{color:var(--muted);margin:4px;font-size:12px}.comments-heading{z-index:1;background:#171717;align-items:center;gap:8px;padding:8px 0 10px;display:flex;position:-webkit-sticky;position:sticky;top:-14px}.comments-heading span{color:var(--muted);font-size:11px}.comments-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.comment{background:#222;border-radius:11px;grid-template-columns:34px minmax(0,1fr);gap:10px;min-width:0;padding:10px;display:grid}.comment-avatar{color:#fff;background:#404040;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment strong{font-size:11px}.comment p{color:#d4d4d8;white-space:pre-wrap;margin:4px 0 6px;font-size:12px}.comment small{color:var(--muted);font-size:10px}.auth-notice{z-index:80;color:#f5f5f5;background:#262626f2;border:1px solid #525252;border-radius:13px;align-items:center;gap:14px;max-width:min(420px,100vw - 44px);padding:13px 14px 13px 17px;font-size:13px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 55px #0009}.auth-notice button{color:#a3a3a3;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:4px;display:grid}.auth-notice button:hover{color:#fff;background:#404040}.pair-backdrop{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ad9;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.pair-panel{text-align:center;background:#262626;border:1px solid #525252;border-radius:20px;width:min(520px,100%);padding:38px;position:relative;box-shadow:0 32px 100px #000c}.pair-close{cursor:pointer;background:#404040;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.pair-panel>p:first-of-type{color:var(--brand);letter-spacing:.17em;margin:24px 0 8px;font-size:10px;font-weight:700}.pair-panel h2{margin:0 0 26px;font-size:28px}.pair-status{color:#ffb45e;background:#4a3823;border-radius:999px;padding:6px 9px;font-size:11px;display:inline-flex}.pair-status.connected{color:#65dc91;background:#214b31}.pair-status.closed{color:#ff9ba5;background:#52282d}.pair-code{color:#fff;letter-spacing:.13em;margin:6px 0 20px;font-size:max(42px,min(10vw,66px));font-weight:700}.pair-qr{background:#fff;border-radius:18px;width:min(260px,68vw);height:auto;margin:0 auto 18px;padding:10px;display:block;box-shadow:0 18px 60px #0007}.pair-help{color:var(--muted)}.pair-panel a{color:var(--brand-hover);word-break:break-all}.room-panel{max-height:min(92dvh,760px);overflow:auto}.room-picker{text-align:left;gap:8px;margin-bottom:16px;display:grid}.room-picker button{color:#ddd;cursor:pointer;background:#1d1d1d;border:1px solid #494949;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:4px 9px;padding:11px 12px;display:grid}.room-picker button.active{background:#ff5a5f16;border-color:#ff5a5f77}.room-picker button span{grid-row:1/3;place-items:center;display:grid}.room-picker button small{color:var(--muted);font-size:10px}.room-panel>.secondary,.room-panel>.danger{justify-content:center;width:100%;margin-top:8px}.danger{color:#ffb2b8;cursor:pointer;background:#4a2025;border:1px solid #8f3d45;border-radius:999px;justify-content:center;align-items:center;padding:9px 12px;display:inline-flex}.room-settings,.room-settings>.settings-room-list,.room-settings>.secondary{grid-column:1/-1}.settings-room-list{gap:8px;width:100%;display:grid}.settings-room-list>div{background:#1d1d1d;border:1px solid #454545;border-radius:12px;grid-template-columns:minmax(150px,1fr) minmax(140px,auto) auto auto;align-items:center;gap:8px;padding:9px;display:grid}.settings-room-list>div.active{border-color:#ff5a5f66}.settings-room-list input{color:#fff;background:#292929;border:1px solid #484848;border-radius:9px;min-width:0;padding:9px 10px}.settings-room-list small{color:var(--muted)}@media (min-width:1500px){.card-strip{grid-auto-columns:minmax(260px,23%)}}@media (max-width:900px){.app-shell{--sidebar:78px}.logo strong,.sidebar nav button strong,.sidebar nav button i,.sidebar-foot{display:none}.sidebar{padding-left:10px;padding-right:10px}.brand-row{justify-content:center}.logo{padding:0}.nav-toggle{display:none}.sidebar nav{margin-top:32px}.sidebar nav button{grid-template-columns:1fr;padding:0}.card-strip{grid-auto-columns:minmax(230px,43%)}.video-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-button div,.account-button i{display:none}.account-button{grid-template-columns:34px}.loading-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.app-shell,.app-shell.nav-collapsed{--sidebar:0px}.sidebar{background:#171717f2;border:0;border-top:1px solid #40404088;flex-direction:row;width:100%;height:66px;padding:6px 8px;position:fixed;top:auto;bottom:0;left:0;right:0}.sidebar,.topbar,.pair-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.brand-row,.sidebar-foot{display:none}.sidebar nav,.nav-collapsed .sidebar nav{grid-template-columns:repeat(7,minmax(56px,1fr));gap:2px;width:100%;margin:0;overflow-x:auto}.sidebar nav button,.nav-collapsed .sidebar nav button{flex-direction:column;justify-content:center;gap:3px;height:52px;padding:0;font-size:11px;display:flex}.sidebar nav button strong,.nav-collapsed .sidebar nav button strong{padding:0;font-size:9px;font-weight:500;display:block}.sidebar nav button i{display:none}.workspace{margin:0 0 66px}.topbar{height:68px;padding:0 12px}.global-search{border-radius:13px;flex:1;grid-template-columns:36px 1fr;width:auto}.global-search>button{display:none}.cast-button{flex:0 0 44px}.main-content{padding:16px 12px 210px}.page-heading{align-items:flex-start;margin-bottom:14px;padding:18px}.page-heading h1{font-size:29px}.refresh{display:none}.page-actions{align-self:center}.sort-control{display:none}.content-row{padding:14px}.card-strip{grid-auto-columns:minmax(220px,80%)}.video-grid,.collection-grid{grid-template-columns:1fr}.video-card{padding:10px}.settings-grid{grid-template-columns:1fr}.settings-card{padding:17px}.player-info{flex-direction:column;align-items:flex-start}.player-stage{flex-basis:44vh;min-height:260px}.player-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-start}.remote-playback{min-height:620px}.remote-controller .remote-playback{background-image:linear-gradient(145deg,#202020,#0b0b0b)!important}.remote-playback-content{gap:14px;padding:82px 18px 26px}.remote-status{left:18px}.remote-title h2{font-size:29px}.remote-settings{grid-template-columns:1fr;gap:7px}.remote-settings label{grid-template-columns:auto 70px minmax(0,1fr);padding:9px 11px}.remote-settings select{grid-column:3;padding:0}.remote-controller .watch-next{padding-left:14px;padding-right:14px}.comments-list{grid-template-columns:1fr}.pair-panel{padding:30px 20px}.room-queue-dock{left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));border-radius:15px}.app-shell:has(.room-queue-dock.open) .main-content{padding-bottom:calc(min(42dvh,420px) + 190px)}.room-queue-heading{grid-template-columns:minmax(0,1fr) 34px 34px}.room-connection{display:none}.remote-queue-item{grid-template-columns:72px minmax(0,1fr) repeat(4,30px);gap:4px;padding-left:3px;padding-right:3px}.remote-queue-item img{width:72px}.remote-queue-item button{width:28px;height:28px}.settings-room-list>div{grid-template-columns:1fr auto}.settings-room-list small{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}