:root{color-scheme:dark;--black:#000;--surface:#1c1c1e;--sidebar:#151516;--selected:#303032;--white:#f5f5f7;--muted:#a4a4a9;--sidebar-width:300px;--sidebar-offset:calc(var(--sidebar-width) + 16px);--gutter:48px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--white);background:var(--surface)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:10px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.45}button,input{border-radius:9px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted)}
.sidebar{position:fixed;inset:16px auto 16px 16px;width:var(--sidebar-width);padding:36px 17px 18px;z-index:10;background:linear-gradient(155deg,#30303370,#19191b94 65%,#242426a8);-webkit-backdrop-filter:blur(30px) saturate(135%);backdrop-filter:blur(30px) saturate(135%);border:1px solid #ffffff29;border-radius:28px;box-shadow:0 10px 30px #0002;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:5px;color:white;text-decoration:none;font-size:39px;font-weight:750;letter-spacing:-2.5px;padding:0 17px;margin-bottom:43px;line-height:1}.brand-orbit{width:8px;height:8px;background:#eee;border-radius:50%;margin-top:23px}.nav-item{width:100%;justify-content:flex-start;gap:14px;font-size:17px;font-weight:550;min-height:49px;padding:0 17px;margin-bottom:4px;color:#d1d1d4;white-space:nowrap}.nav-item svg{width:23px;height:23px;color:#939396}.nav-item:hover{background:#ffffff09}.nav-item.active{background:#ffffff14;color:white}.nav-item.active svg{color:white}.nav-heading{font-size:12px;color:#818186;margin:31px 17px 13px}.live-dot{width:6px;height:6px;border-radius:50%;background:#adceae;display:inline-block;flex-shrink:0}.nav-item .live-dot{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:25px}.add-list{width:100%;justify-content:flex-start;padding:13px 16px;color:#bdbdc2;font-size:13px;border:1px solid #ffffff14;border-radius:10px}.add-list svg{width:17px;height:17px}.profile{width:100%;text-align:left;justify-content:flex-start;padding:22px 9px 1px;gap:11px;font-weight:550;font-size:14px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#c5c0b2,#777465);color:#282823;font-family:Georgia,serif;font-size:22px}.profile-sub{display:block;color:#8c8c91;font-size:11px;margin-top:4px;font-weight:400}.profile>svg{margin-left:auto;color:#8b8b90;width:18px}
main{margin-left:0;min-height:100vh;position:relative;overflow:hidden}.top-status{position:absolute;z-index:3;right:var(--gutter);top:29px;display:flex;gap:22px;align-items:center;font-size:12px;color:#c9c9c9}.demo-label{font-size:10px;letter-spacing:.2px;color:#a0a09e;border:1px solid #ffffff20;padding:5px 9px;border-radius:5px}time{font-variant-numeric:tabular-nums}.hero{position:relative;height:580px;background:black;overflow:hidden}.hero-art{position:absolute;right:-2%;top:-21%;width:65%;height:133%;opacity:.76;filter:saturate(.55)}.hero-art>svg{height:100%;width:100%;stroke:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 3%,#000e 24%,#0009 42%,transparent 72%),linear-gradient(0deg,#1c1c1e 0%,#0007 16%,transparent 47%,#0003 100%)}.hero-content{position:absolute;left:calc(var(--sidebar-offset) + var(--gutter));top:150px;max-width:520px}.hero-kicker{font-size:12px;color:#bfbfc0;display:block;margin-bottom:19px;letter-spacing:.25px}.hero h1{font-size:90px;letter-spacing:20px;margin:0 0 21px;font-weight:650;line-height:1.1}.metadata{display:flex;gap:10px;align-items:center;color:#c7c7c9;font-size:13px}.meta-dot{color:#777}.quality,.age{font-size:9px;font-weight:650;border:1px solid #b3b3b37a;border-radius:3px;padding:1px 4px;line-height:1.2}.metadata .quality:first-of-type{margin-left:6px}.hero-content>p{font-size:17px;line-height:1.55;color:#bdbdc3;margin:22px 0 25px;font-weight:400;max-width:355px}.hero-actions{display:flex;gap:13px;align-items:center}.primary{border-radius:30px;background:#f5f5f7;color:#121213;padding:14px 29px;font-size:16px;font-weight:650;min-height:47px}.primary svg{width:18px;height:18px}.round-button{border-radius:50%;width:47px;height:47px;background:#ffffff24;backdrop-filter:blur(10px)}.round-button svg{width:22px;height:22px}.round-button[aria-pressed=true]{background:white;color:black}.hero-bottom{position:absolute;bottom:28px;left:calc(var(--sidebar-offset) + var(--gutter));right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.hero-counter{font-size:10px;display:flex;gap:10px;color:#85858a;letter-spacing:1px}.hero-counter strong{font-weight:500;color:#eaeaea}.hero-dots{display:flex;gap:5px;position:absolute;left:50%;transform:translateX(-50%)}.hero-dots span{padding:9px 4px}.hero-dots span:after{content:"";width:6px;height:6px;border-radius:8px;background:#737375}.hero-dots span.selected:after{background:white;width:22px}.hero-arrows{display:flex;gap:8px}.hero-arrows button{width:30px;height:30px;border-radius:50%;border:1px solid #ffffff21;color:#c4c4c4}.hero-arrows svg{width:15px;height:15px}#prev-hero svg{transform:rotate(180deg)}
.shelves{margin-left:var(--sidebar-offset);padding:8px 0 0 var(--gutter)}.shelf{margin-bottom:42px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-right:var(--gutter);margin-bottom:20px}.section-heading h2{font-size:22px;letter-spacing:-.5px;margin:0;font-weight:650;display:flex;align-items:center;gap:12px}.section-heading p{font-size:13px;color:#98989f;margin:7px 0 0}.section-heading>.muted{font-size:12px}.text-button{font-size:12px;color:#bdbdc2;padding:10px 0;gap:4px}.text-button svg{width:15px;height:15px}.poster-row{display:flex;gap:20px;overflow-x:auto;padding:7px var(--gutter) 15px 5px;margin-left:-5px;scrollbar-width:none}.poster-row::-webkit-scrollbar{display:none}.poster-card{flex:0 0 calc((100% - var(--gutter) - 80px)/5);min-width:148px;display:block;padding:0;text-align:left;border-radius:12px;transition:transform .18s}.poster-card:hover{transform:translateY(-5px);filter:none}.poster-art{display:block;position:relative;aspect-ratio:277/418;overflow:hidden;border-radius:12px;background:#303034;box-shadow:0 0 0 1px #ffffff12}.poster-art svg{width:100%;height:100%;stroke:none;display:block}.poster-caption{padding:13px 1px 0}.poster-caption strong{font-size:14px;font-weight:550;display:block}.poster-caption span{font-size:11px;color:#9b9ba2;display:block;margin-top:5px}.continue-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-right:var(--gutter)}.continue-card{display:block;padding:0;text-align:left;overflow:hidden;border-radius:10px}.continue-art{height:155px;position:relative;overflow:hidden;border-radius:10px;background:#25252a}.continue-art svg{position:absolute;width:100%;height:210%;top:-55%;stroke:none}.continue-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 70%)}.continue-art .episode{position:absolute;z-index:1;left:16px;bottom:17px;font-size:14px;font-weight:550}.progress{height:3px;position:absolute;bottom:0;left:0;right:0;z-index:2;background:#ffffff40}.progress span{height:100%;background:#eee;display:block}.continue-description{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:#a5a5ac;padding:11px 2px}.channel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-right:var(--gutter)}.channel-card{min-height:120px;padding:21px;display:flex;align-items:flex-start;flex-direction:column;background:#252527;border:1px solid #ffffff07;border-radius:12px;gap:16px}.channel-logo{font-size:23px;font-weight:750;letter-spacing:-1px}.channel-card small{color:#a4a4aa;font-size:11px;font-weight:400}.channel-logo.trt{font-size:18px;letter-spacing:1px}.channel-logo.show{color:#dbb592}.channel-logo.ntv{color:#aaaed1}.channel-logo.natgeo{font-size:14px;letter-spacing:0;border-left:5px solid #d5bb63;padding-left:8px}footer{border-top:1px solid #ffffff0a;margin:0 var(--gutter) 0 calc(var(--sidebar-offset) + var(--gutter));padding:23px 0 28px;display:flex;justify-content:space-between;color:#68686f;font-size:11px}footer span{font-size:19px;font-weight:650;letter-spacing:-1px}
.library-page{margin-left:var(--sidebar-offset);padding:110px var(--gutter) 50px;min-height:100vh;background:linear-gradient(#121213,#1c1c1e 420px)}.library-heading>p:first-child,.eyebrow{font-size:12px;color:#a5a5ab;margin-bottom:13px}.library-heading h1{font-size:43px;letter-spacing:-1.3px;margin:0 0 12px}.library-heading>p:last-child{font-size:15px;color:#a5a5ab;margin-bottom:35px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.library-grid .poster-card{min-width:0}.library-page .channel-row{grid-template-columns:repeat(3,1fr);padding:0}.search-box{display:flex;align-items:center;gap:15px;border:1px solid #ffffff24;padding:0 20px;border-radius:12px;margin-bottom:35px;background:#262628}.search-box input{width:100%;border:0;background:transparent;padding:20px 0;color:white;outline-offset:0}.search-box svg{color:#aaa}.empty-state{border:1px solid #ffffff16;border-radius:16px;text-align:center;padding:65px 30px}.empty-state>svg{width:36px;height:36px;color:#aaa;margin-bottom:10px}.empty-state h2{font-size:23px}.empty-state p{color:#999;line-height:1.6;font-size:15px}.empty-state button{margin-top:14px}.playlist-entry{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #ffffff1b;border-radius:13px;margin-bottom:15px}.playlist-entry p{color:#aaa;font-size:13px;margin-bottom:0}
dialog{padding:0;border:1px solid #ffffff20;background:#202022;color:var(--white);border-radius:22px;width:min(800px,90vw);max-height:90vh;box-shadow:0 30px 100px #000a;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.close-dialog{position:absolute;top:18px;right:18px;z-index:3;background:#0008;width:36px;height:36px}.close-dialog svg{width:18px;height:18px}.detail-art{height:245px;overflow:hidden;position:relative;background:#111}.detail-art svg{width:100%;height:700px;position:absolute;top:-170px;stroke:none}.detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#202022,transparent)}.detail-content{padding:0 36px 32px;position:relative}.detail-content h2{font-size:38px;margin:8px 0 12px;letter-spacing:-1px}.detail-content>p{line-height:1.6;font-size:14px}.detail-actions{display:flex;gap:12px;margin-top:23px}.secondary{border:1px solid #ffffff35;padding:12px 20px;border-radius:30px;font-size:14px}.prototype-note{color:#96969e;font-size:11px!important;margin:22px 0 0}.prototype-note.highlight{color:white}.small-dialog{width:min(450px,92vw);padding:38px}.small-dialog h2{font-size:31px;line-height:1.15;letter-spacing:-.9px;margin:22px 0 15px}.small-dialog>.muted{font-size:14px;line-height:1.5}.dialog-symbol{width:49px;height:49px;background:#ffffff0a;display:grid;place-items:center;border-radius:12px}.small-dialog form{margin-top:30px;display:flex;flex-direction:column}.small-dialog label{font-size:12px;color:#ccc;margin-bottom:9px}.small-dialog input{border:1px solid #ffffff23;background:#ffffff06;padding:13px 15px;margin-bottom:20px;width:100%;font-size:14px;color:white}.form-hint{font-size:11px;color:#94949b;line-height:1.5;margin:-3px 0 23px}.small-dialog .primary{border-radius:10px;font-size:14px;justify-content:space-between;padding:14px 18px}#toast{position:fixed;bottom:30px;left:calc(50% + var(--sidebar-width)/2);transform:translate(-50%,20px);background:#f1f1f3;color:#171719;padding:14px 23px;border-radius:40px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:30;box-shadow:0 8px 25px #0005;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){:root{--sidebar-width:350px;--gutter:64px}.sidebar{padding-top:48px}.nav-item{font-size:20px;min-height:58px}.nav-heading{font-size:14px}.brand{font-size:46px;margin-bottom:53px}.hero{height:690px}.hero-content{top:190px}.hero h1{font-size:116px}.hero-content>p{font-size:21px;max-width:420px}.metadata{font-size:16px}.hero-kicker{font-size:15px}.section-heading h2{font-size:27px}.section-heading p{font-size:16px}.poster-row{gap:26px}.poster-card{flex-basis:calc((100% - var(--gutter) - 104px)/5)}.poster-caption strong{font-size:18px}.poster-caption span{font-size:14px}.primary{padding:17px 38px;font-size:20px}.round-button{height:57px;width:57px}.continue-art{height:200px}.profile{font-size:17px}.add-list{font-size:16px}}
@media(max-width:1100px){:root{--sidebar-width:260px;--gutter:30px}.nav-item{font-size:15px;padding:0 12px;gap:12px}.brand{font-size:34px}.hero{height:530px}.hero-content{top:135px}.hero h1{font-size:75px}.hero-art{width:80%;right:-15%}.hero-content>p{font-size:15px;max-width:295px}.poster-card{flex-basis:calc((100% - var(--gutter) - 48px)/3.5)}.poster-row{gap:16px}.section-heading h2{font-size:19px}.channel-row{grid-template-columns:repeat(2,1fr)}.continue-row{grid-template-columns:repeat(2,1fr)}.continue-card:last-child{display:none}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading>.muted{display:none}}
@media(max-width:700px){:root{--sidebar-width:76px;--sidebar-offset:calc(var(--sidebar-width) + 10px);--gutter:23px}.sidebar{inset:10px auto 10px 10px;width:var(--sidebar-width);border-radius:22px;padding:27px 10px 16px}.brand{font-size:0;padding:0;margin:0 auto 33px;width:35px;height:35px}.brand:before{content:"l";font-size:38px;letter-spacing:-4px}.brand-orbit{width:6px;height:6px;margin-top:20px;margin-left:3px}.nav-item{justify-content:center;padding:0;min-height:46px}.nav-item span,.nav-heading,.profile>span:not(.avatar),.profile>svg,.add-list{display:none}.nav-item svg{width:22px}.nav-item[data-page=favorites]{margin-top:23px}.profile{padding:0;justify-content:center}.avatar{width:33px;height:33px;font-size:19px}.top-status{top:22px;gap:10px}.demo-label{font-size:8px;padding:4px 6px}.top-status time{font-size:10px}.hero{height:540px}.hero-art{width:130%;right:-42%;opacity:.65}.hero-shade{background:linear-gradient(90deg,#0009,#0003),linear-gradient(0deg,#1c1c1e,#0008 45%,#0001 80%)}.hero-content{top:188px;right:20px}.hero-kicker{font-size:10px}.hero h1{font-size:58px;letter-spacing:12px}.metadata{font-size:10px;gap:7px}.quality,.age{font-size:8px}.hero-content>p{font-size:13px}.hero-actions .primary{font-size:14px;padding:12px 23px}.hero-actions .round-button{width:43px;height:43px}.hero-bottom{bottom:23px}.shelves{padding-top:17px}.section-heading{align-items:flex-end;margin-bottom:14px}.section-heading h2{font-size:18px;max-width:240px}.section-heading p{font-size:11px;line-height:1.4}.text-button{font-size:0;flex-shrink:0}.text-button svg{width:20px;height:20px}.poster-card{flex-basis:56%;min-width:130px}.poster-row{gap:15px}.poster-caption strong{font-size:12px}.poster-caption span{font-size:10px}.shelf{margin-bottom:28px}.continue-row{display:flex;overflow-x:auto;scrollbar-width:none}.continue-card{flex:0 0 90%}.continue-art{height:135px}.channel-row{grid-template-columns:1fr 1fr;gap:10px}.channel-card{padding:15px;min-height:100px}.channel-logo{font-size:20px}.channel-logo.trt{font-size:14px}.channel-logo.natgeo{font-size:11px}.channel-card small{font-size:9px}footer{font-size:9px}.library-page{padding-top:100px}.library-heading h1{font-size:30px}.library-heading>p:last-child{font-size:13px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.library-page .channel-row{grid-template-columns:1fr}.detail-content{padding:0 23px 25px}.detail-content h2{font-size:30px}.detail-art{height:180px}.small-dialog{padding:29px}.small-dialog h2{font-size:27px}.detail-actions .primary,.detail-actions .secondary{font-size:13px;padding:12px 20px}#toast{max-width:calc(100vw - 100px);font-size:12px;white-space:normal;text-align:center}.empty-state{padding:35px 15px}.empty-state h2{font-size:19px}.empty-state p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Explicit layers keep filtered artwork behind the cinematic scrims in WebKit. */
.hero-art{z-index:0;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}
.hero-shade{z-index:1;pointer-events:none}.hero-content,.hero-bottom{z-index:2}



/* The hero spans the screen; its ambient image continues behind the glass panel. */
.hero-backdrop{position:absolute;inset:-30px;z-index:0;overflow:hidden;opacity:.68;filter:blur(18px) saturate(.75);pointer-events:none}
.hero-backdrop>svg{width:100%;height:100%;stroke:none}
.hero-art{z-index:1}
.hero-shade{z-index:2;background:linear-gradient(90deg,#0002 0%,#0005 17%,#000b 34%,#0008 48%,#0001 78%),linear-gradient(0deg,#1c1c1e 0%,#0005 18%,transparent 55%)}
.hero-content,.hero-bottom{z-index:3}
@media(max-width:700px){.hero-shade{background:linear-gradient(90deg,#0003,#0007 40%,#0002),linear-gradient(0deg,#1c1c1e,#0005 45%,transparent 80%)}}
/* Channel browser and floating application dock. */
.channel-sidebar .brand{margin-bottom:30px}
.channel-search{display:flex;align-items:center;gap:12px;margin:0 7px 24px;padding:11px 13px;background:#ffffff08;border:1px solid #ffffff13;border-radius:11px;color:#b4b4bb}
.channel-search svg{width:20px;height:20px}.channel-search input{min-width:0;width:100%;background:none;border:0;color:white;font-size:16px;padding:2px 0;border-radius:3px}.channel-search input::placeholder{color:#c4c4c9}
.channel-panel-heading{display:flex;align-items:center;gap:10px;padding:0 15px;margin-bottom:16px;min-height:40px}.channel-panel-heading p{font-size:11px;color:#a6a6af;margin:0 0 5px}.channel-panel-heading h2{font-size:18px;letter-spacing:-.3px;margin:0;font-weight:600}.channel-panel-heading>span{margin-left:auto;color:#97979e;font-size:12px}
#category-back{width:30px;height:35px;flex-shrink:0;margin-left:-7px;border-radius:8px}#category-back svg{width:19px;height:19px;transform:rotate(180deg)}#category-back:hover{background:#ffffff12}
.channel-browser{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;padding:5px 6px 10px;margin:0 -1px}
.category-item{width:100%;justify-content:flex-start;gap:13px;padding:14px 12px;margin-bottom:3px;border-radius:11px;text-align:left;font-size:16px;color:#dedee3;min-height:49px}.category-item>svg:first-child{width:21px;height:21px;color:#a3a3ac}.category-item>span{flex:1}.category-item small{font-size:11px;color:#8f8f99}.category-item>svg:last-child{width:12px;height:12px;color:#82828b}.category-item:hover{background:#ffffff0c}
.sidebar-channel{width:100%;justify-content:flex-start;text-align:left;padding:10px 9px;gap:12px;margin-bottom:5px;border-radius:11px;min-height:65px}.sidebar-channel:hover,.sidebar-channel.selected{background:#ffffff13}.channel-monogram{width:38px;height:38px;background:#ffffff0c;border:1px solid #ffffff0c;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:-.4px}.channel-label{min-width:0;flex:1}.channel-label strong{display:block;font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-label small{display:block;font-size:10px;color:#92929c;margin-top:5px}.sidebar-channel>svg{width:14px;height:14px;color:#a6a6ac}.channel-empty{font-size:13px;line-height:1.7;color:#a5a5ad;padding:10px}.channel-sidebar .sidebar-bottom{padding-top:12px}.channel-sidebar .profile{padding-top:18px}
.app-dock{position:fixed;z-index:12;bottom:20px;left:calc(50% + var(--sidebar-offset)/2);transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:11px 12px 9px;border:1px solid #ffffff2b;border-radius:24px;background:linear-gradient(145deg,#3b3b3d99,#242426bb);-webkit-backdrop-filter:blur(30px) saturate(140%);backdrop-filter:blur(30px) saturate(140%);box-shadow:0 10px 35px #0006,inset 0 1px 0 #ffffff10;max-width:calc(100vw - var(--sidebar-offset) - 36px)}
.dock-item{position:relative;flex-direction:column;gap:7px;padding:0 5px 7px;min-width:64px;border-radius:12px;color:#c4c4cb;font-size:9px;white-space:nowrap;transition:transform .18s}.dock-icon{height:43px;width:47px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(150deg,#ffffff13,#ffffff04);box-shadow:inset 0 1px 0 #ffffff15}.dock-icon svg{width:23px;height:23px}.dock-item:hover{transform:translateY(-4px);color:white}.dock-item.active .dock-icon{background:linear-gradient(145deg,#f8f8fa,#c8c8ce);color:#252527;box-shadow:0 3px 10px #0003,inset 0 1px 0 #fff}.dock-item.active{color:white}.dock-item.active:after{content:"";position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:white}.dock-divider{height:43px;width:1px;background:#ffffff20;margin:0 6px;flex-shrink:0}
main{padding-bottom:115px}#toast{bottom:130px}
@media(min-width:1700px){.channel-sidebar .brand{margin-bottom:38px}.channel-search{padding:15px}.channel-search input{font-size:19px}.channel-panel-heading h2{font-size:22px}.category-item{font-size:19px;min-height:58px}.sidebar-channel{min-height:74px}.channel-label strong{font-size:18px}.channel-label small{font-size:12px}.channel-monogram{width:46px;height:46px;font-size:15px}.dock-item{min-width:79px;font-size:11px;padding-inline:7px}.dock-icon{height:51px;width:56px}.dock-icon svg{width:27px;height:27px}.app-dock{padding:12px 16px 10px;bottom:24px}}
@media(max-width:1100px) and (min-width:701px){.dock-item{min-width:56px;font-size:8px;padding-inline:3px}.dock-icon{height:39px;width:43px}.app-dock{gap:3px;padding:10px}.category-item{font-size:15px}}
@media(max-width:700px){.channel-sidebar{bottom:110px}.channel-sidebar .brand{margin-bottom:23px}.channel-search{margin:0 0 17px;padding:10px 6px;gap:3px}.channel-search svg{width:16px;height:16px}.channel-search input{font-size:11px}.channel-panel-heading{padding:0;justify-content:center;margin-bottom:8px}.channel-panel-heading>div,.channel-panel-heading>span{display:none}#category-back{margin:0}.channel-browser{padding:5px 4px}.category-item{padding:12px 0;justify-content:center}.category-item>span,.category-item small,.category-item>svg:last-child{display:none}.sidebar-channel{padding:8px 0;justify-content:center}.channel-label,.sidebar-channel>svg{display:none}.channel-monogram{width:34px;height:34px;font-size:10px}.app-dock{left:10px;right:10px;bottom:10px;max-width:none;transform:none;overflow-x:auto;justify-content:space-between;gap:0;padding:9px 5px;border-radius:21px;scrollbar-width:none}.dock-item{min-width:45px;font-size:7px;gap:5px;padding:0 2px 7px}.dock-icon{width:35px;height:36px;border-radius:10px}.dock-icon svg{width:20px;height:20px}.dock-divider{margin:0 2px;height:30px}.channel-sidebar .sidebar-bottom{padding-top:10px}}
/* Compact, icon-only dock; only the selected destination has a tile. */
.app-dock{gap:7px;padding:6px;border-radius:18px;bottom:20px}
.dock-item{min-width:0;width:42px;height:40px;padding:0;gap:0;border-radius:11px;flex-shrink:0}
.dock-item>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dock-icon{width:42px;height:40px;border-radius:11px;background:none;box-shadow:none}
.dock-icon svg{width:22px;height:22px}
.dock-item.active:after{display:none}
.dock-item.active .dock-icon{background:#eeeef1;color:#242426;box-shadow:0 2px 7px #0002}
.dock-item:hover{transform:none}
.dock-divider{height:24px;margin:0 4px}
@media(min-width:1700px){.app-dock{padding:7px;border-radius:19px;gap:9px;bottom:24px}.dock-item{width:46px;height:42px}.dock-icon{width:46px;height:42px}.dock-icon svg{width:25px;height:25px}}
@media(max-width:700px){.app-dock{left:50%;right:auto;bottom:12px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 20px);padding:5px;gap:3px;border-radius:15px;justify-content:center}.dock-item{width:36px;height:34px}.dock-icon{width:36px;height:34px;border-radius:9px}.dock-icon svg{width:20px;height:20px}.dock-divider{height:21px;margin:0 3px}}
/* Active source stays visible above channel navigation. */
.channel-sidebar .brand{margin-bottom:22px}
.playlist-selector{width:calc(100% - 14px);margin:0 7px 15px;padding:12px 11px;justify-content:flex-start;text-align:left;gap:11px;border:1px solid #ffffff1b;border-radius:12px;background:#ffffff09}
.playlist-selector-icon{display:grid;place-items:center;width:32px;height:34px;border-radius:8px;background:#ffffff0b;flex-shrink:0}.playlist-selector-icon svg{width:18px;height:18px;color:#d6d6dc}
.playlist-selector>span:nth-child(2){min-width:0;flex:1}.playlist-selector small,.settings-list-button small{display:block;font-size:10px;color:#a4a4ad;margin-bottom:5px}.playlist-selector strong{font-size:14px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-chevron{width:14px;height:14px;transform:rotate(90deg);color:#b0b0b9}
.channel-sidebar .channel-search{margin-bottom:19px}
.list-switch-dialog{width:min(480px,92vw)}.list-switch-dialog h2{font-size:27px}.list-option{display:flex;width:100%;text-align:left;justify-content:flex-start;gap:15px;border:1px solid #ffffff12;border-radius:12px;padding:17px;margin-bottom:11px;background:#ffffff04}.list-option[aria-pressed=true]{background:#ffffff10;border-color:#ffffff35}.list-option>svg{width:21px;height:21px;color:#bbb}.list-option>span{flex:1;min-width:0}.list-option strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:550}.list-option small{display:block;color:#9696a1;font-size:11px;margin-top:6px}.list-option>svg:last-child{width:17px;height:17px}.new-playlist{width:100%;margin-top:13px;border-radius:11px;font-size:13px}.new-playlist svg{width:17px;height:17px}.settings-list-button{width:100%;justify-content:space-between;text-align:left;padding:18px;border-radius:12px;background:#ffffff09;border:1px solid #ffffff16;margin:10px 0}.settings-list-button strong{font-size:15px}.settings-list-button svg{width:18px;height:18px}#settings-dialog .form-hint{margin-top:24px}
@media(min-width:1700px){.playlist-selector{padding:15px 13px}.playlist-selector strong{font-size:17px}.playlist-selector small{font-size:12px}}
@media(max-width:700px){.channel-sidebar .brand{margin-bottom:17px}.playlist-selector{width:100%;margin:0 0 14px;padding:7px;justify-content:center}.playlist-selector>span:nth-child(2),.playlist-selector>.selector-chevron{display:none}.playlist-selector-icon{width:28px;height:29px;background:none}.channel-sidebar .channel-search{margin-bottom:10px}}