:root{color-scheme:dark;--bg:#0a1018;--panel:#101923;--line:#ffffff12;--text:#f2f6f8;--muted:#8c9cab;--mint:#7be5c0;--ink:#092219;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:1px solid var(--line);color:inherit;background:transparent;border-radius:10px;padding:10px 15px}button:hover{background:#ffffff0b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--mint);margin-bottom:12px}.quiet{color:var(--muted);font-size:12px;line-height:1.7}.primary{background:var(--mint);color:var(--ink);border:0;font-weight:700}.primary:hover{background:#9deed4}.primary span{margin-left:20px}.ghost{color:var(--muted)}.small{font-size:12px;min-height:36px;padding:6px 12px}.login-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:auto;padding:60px;gap:80px}.login-card{max-width:380px}.login-card>img{margin-bottom:36px}.login-card h1{font-size:64px;letter-spacing:-3px;margin:0 0 20px}.intro{font-size:17px;line-height:1.7;color:var(--muted)}.login-card form{margin:35px 0}.login-card label{font-size:12px;display:block;margin-bottom:10px}.login-card input{width:100%;padding:16px;background:var(--panel);border:1px solid #ffffff22;border-radius:10px;color:var(--text);font-size:16px}.login-card .primary{margin-top:14px;width:100%;height:52px}.login-card [role=alert]{font-size:13px;color:#ffad99;margin-top:12px}.login-art{position:relative;aspect-ratio:1;background:radial-gradient(circle,#223a39 0,transparent 66%);display:grid;place-items:center}.login-art img{width:130px;height:130px;transform:rotate(-12deg);box-shadow:0 30px 70px #0006;border-radius:30px}.orbit{border:1px solid #7be5c025;border-radius:50%;position:absolute;width:85%;height:85%;transform:rotate(-35deg) scaleY(.7)}.orbit.two{transform:rotate(55deg) scaleY(.7)}.topbar{height:88px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:760;letter-spacing:-1px}.brand-dot{color:var(--mint)}.top-actions{display:flex;align-items:center;gap:24px}.private-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.private-label i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(390px,1.08fr) minmax(360px,1fr);min-height:calc(100svh - 88px)}.library{padding:40px 40px 20px;border-right:1px solid var(--line)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:28px}.library-heading h1{font-size:29px;letter-spacing:-1px}.collection-count{font-size:11px;color:var(--muted);white-space:nowrap;padding-bottom:4px}.tabs{display:flex;gap:3px;padding:4px;background:#131f2c;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.tabs button{flex:1;border:0;color:var(--muted);font-size:13px;font-weight:600}.tabs .active{background:#263d3c;color:var(--mint)}.search-box{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);padding:0 15px;border-radius:10px}.search-box>span{color:var(--mint);font-size:27px}.search-box input{min-width:0;flex:1;background:none;border:0;color:var(--text);height:50px;outline:none;font-size:16px}.search-box kbd{font-size:11px;color:#687e91;border:1px solid var(--line);padding:3px 7px;border-radius:4px}.recent-searches{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.recent-searches button{font-size:11px;min-height:30px;padding:4px 9px;color:var(--muted);border-radius:20px}.filters{display:flex;gap:7px;margin:16px 0 22px}.filters select{min-width:0;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--muted);font-size:12px}.filter-button{font-size:12px;padding:8px 10px;white-space:nowrap;color:var(--muted)}.filter-button[aria-pressed=true]{color:var(--mint);border-color:#7be5c060;background:#7be5c00c}.list-info{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:12px}.position-track{height:2px;background:#ffffff08;margin-bottom:8px}.position-track i{height:2px;background:var(--mint);display:block;min-width:8px;transition:margin-left .2s}.channel-list{min-height:100px}.channel-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff08;padding:5px 0;min-height:68px}.channel-row.playing{background:#7be5c00a;border-radius:8px}.channel-main{display:flex;gap:12px;align-items:center;border:0;padding:9px 5px;flex:1;min-width:0;text-align:left;border-radius:8px}.channel-icon{width:40px;height:40px;border:1px solid #ffffff13;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#abc0cc;background:linear-gradient(135deg,#293747,#15202e)}.channel-row.playing .channel-icon{background:#7be5c0;color:var(--ink)}.channel-copy{min-width:0;flex:1}.channel-name{font-size:13px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta{font-size:10px;color:var(--muted);margin-top:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-star{font-size:22px;color:#586d7e;border:0;padding:10px}.row-star.saved{color:var(--mint)}.row-arrow{color:#506274;font-size:16px}.pagination{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:11px;color:var(--muted)}.pagination button{font-size:12px}.empty{text-align:center;color:var(--muted);padding:55px 15px}.empty>span{font-size:35px;color:var(--mint)}.empty h2{font-size:17px;color:var(--text);margin:15px 0 8px}.empty p{font-size:13px}.error{font-size:13px;color:#ffad99;line-height:1.6}.watch-panel{padding:40px;align-self:start;position:sticky;top:0}.screen{background:#05090e;aspect-ratio:16/9;border:1px solid #ffffff0e;border-radius:14px;overflow:hidden;position:relative;display:grid;place-items:center}.player-idle{text-align:center;color:#667b89;font-size:14px;line-height:1.8}.player-idle strong{font-weight:500;color:#b5c1c9}.play-symbol{font-size:38px;display:grid;place-items:center;border:1px solid #7be5c026;border-radius:50%;width:70px;height:70px;color:var(--mint);margin:0 auto 18px;background:#7be5c005}.screen video{width:100%;height:100%;position:absolute;inset:0;background:#000;object-fit:contain}.close-player{position:absolute;right:10px;top:10px;z-index:2;min-height:32px;width:32px;height:32px;padding:0;border-radius:50%;background:#000b;font-size:23px}.now-playing{padding:22px 0 26px;border-bottom:1px solid var(--line)}.now-eyebrow{display:flex;align-items:center;justify-content:space-between;min-height:30px}.now-eyebrow>span{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--mint)}.now-eyebrow button{font-size:22px;border:0;min-height:28px;padding:0 8px}.now-playing h2{font-size:22px;letter-spacing:-.5px;margin:10px 0}.now-playing p{font-size:12px;color:var(--muted);line-height:1.7}.now-playing #playerStatus{color:var(--mint);margin-top:12px}.now-playing #resumeOffer{margin-top:14px;font-size:12px;color:var(--muted)}#resumeOffer button{font-size:12px;margin:8px 4px 0 0}.watch-note{display:flex;gap:15px;margin:28px 0 60px;color:var(--muted);font-size:12px;line-height:1.8}.watch-note>span{color:var(--mint);font-size:25px}.watch-note strong{font-weight:400;color:#aebbc5}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#68818e}footer span{letter-spacing:0;color:#627480}
@media(min-width:1100px){.channel-list{max-height:calc(100svh - 430px);min-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#304352 transparent;padding-right:6px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.topbar{height:70px;padding:0 22px}.library{padding:26px 22px;border:0;grid-row:2}.watch-panel{grid-row:1;padding:20px 22px 0;position:static}.watch-panel:has(#video[hidden]){display:none}.watch-panel .watch-note,.watch-panel footer,.watch-panel #qualityNote{display:none}.screen{max-height:50svh}.now-playing{padding:12px 0 17px}.now-playing h2{font-size:19px;margin:5px 0}.now-playing #playingGroup{font-size:11px}.now-playing #playerStatus{margin-top:4px}.library-heading h1{font-size:25px}.library-heading{margin-bottom:20px}.channel-name{font-size:14px}.channel-meta{font-size:11px}.channel-icon{width:44px;height:44px}.channel-row{min-height:72px}.private-label{display:none}.login-page{display:block;padding:40px 28px}.login-card{margin:6vh auto 0;max-width:390px}.login-art{display:none}.login-card h1{font-size:56px}.search-box kbd{display:none}.collection-count{font-size:10px}.filters{gap:5px}.filter-button{font-size:11px;padding:8px}.tabs button{font-size:13px}}
@media(max-width:380px){.library,.watch-panel{padding-left:16px;padding-right:16px}.library-heading h1{font-size:22px}.collection-count{display:none}.filter-button{font-size:10px;padding:5px}.filters select{font-size:11px}}
@media(orientation:landscape) and (max-height:550px){.watch-panel:has(#video:not([hidden])){max-width:650px;margin:auto;width:100%}.screen{max-height:none}.watch-panel:has(#video:not([hidden]))~.library{margin-top:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.player-actions{display:flex;gap:10px;align-items:center}.now-eyebrow .close-player{position:static;min-height:40px;height:auto;width:auto;font-size:12px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}

.workspace>.library,.workspace>.watch-panel{min-width:0}.recent-searches button{max-width:100%;overflow-wrap:anywhere}.now-playing h2{overflow-wrap:anywhere}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}}

.google-login{display:flex;align-items:center;justify-content:center;min-height:52px;margin:32px 0 12px;padding:12px 20px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:10px;font-weight:600;font-size:15px}.google-login:hover{background:#edf2f5}.login-card>.quiet:last-child{margin-top:24px}

/* Stable image slots keep lazy loading and failed artwork from moving rows. */
.channel-icon{position:relative;overflow:hidden;width:48px;height:48px}
.channel-icon.poster{height:68px;border-radius:7px}
.channel-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4px;opacity:0;background:#344456}
.channel-icon.poster img{object-fit:cover;padding:0;background:#15202e}
.channel-icon img.loaded{opacity:1}