:root{color-scheme:dark;--bg:#111116;--surface:#19191f;--surface2:#23232c;--line:#303039;--text:#f4f3f8;--muted:#a4a3b2;--purple:#b39aff;--accent:#9575fa;--green:#8fe2bd;--sidebar:230px;--pane:320px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,.button{border:1px solid transparent;border-radius:9px;background:var(--surface2);color:var(--text);padding:12px 17px;cursor:pointer;min-height:46px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:#34323e}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}input{min-width:0;border:1px solid #42414f;background:#121218;color:var(--text);padding:13px 16px;border-radius:9px;min-height:48px}input::placeholder{color:#9693a5}a{color:var(--purple)}[hidden]{display:none!important}.primary,button.primary{background:var(--accent);color:#121019}.primary:hover{background:#b099ff}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{letter-spacing:2.1px;font-size:11px;font-weight:750;color:var(--purple);margin:0 0 15px}.app{height:100vh;height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);overflow:hidden}.topbar{grid-column:1/-1;display:flex;align-items:center;padding:0 12px;gap:16px;border-bottom:1px solid var(--line);background:#141419}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-1px;line-height:1}.brand-light{font-weight:400;color:#cbc7d7}.brand small{display:none;font-size:8px;letter-spacing:1.9px;color:#9690a5;font-weight:600;margin-top:9px}.brand-icon{background:var(--purple);color:#171120;border-radius:8px;width:32px;height:32px;display:block;text-align:center;line-height:30px;font-size:28px;font-style:italic;position:relative}.brand-icon span{font-size:18px;position:absolute;right:3px;top:-6px}.topnav{display:flex;gap:4px}.topnav button{background:transparent;color:var(--muted);padding:8px 12px;min-height:38px;font-size:14px}.topnav button:hover,.topnav button.active{color:white;background:var(--surface2)}.topnav button>span{font-size:28px;line-height:.6}.account{margin-left:auto;background:#272232;border-color:#4a3a64;color:#d1bfff;font-size:13px;white-space:nowrap;min-height:36px;padding:8px 12px}.account-dot{width:7px;height:7px;border-radius:50%;background:var(--purple)}.account.connected .account-dot{background:var(--green)}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:8px 4px 6px;background:#15151b;min-height:0}.sidebar-heading,.pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-heading{padding:0 7px 4px}.sidebar h2,.pane-heading h2{font-size:16px;margin:0;letter-spacing:-.2px}.icon-button{min-width:42px;min-height:42px;font-size:23px;padding:5px 10px;background:transparent;color:var(--muted)}.tabs{display:flex;gap:3px;padding:0 4px 6px}.tabs button{font-size:12px;background:transparent;color:var(--muted);padding:6px 9px;min-height:32px}.tabs button.selected,.filter-row button.selected{color:#d4c3ff;background:#30253e}.tabs span{font-size:10px;margin-left:2px}.channel-list{overflow-y:auto;flex:1;scrollbar-width:thin;padding:0}.sidebar-empty{padding:14px 10px;border:1px dashed #3b3548;border-radius:12px;margin:5px 3px 16px}.sidebar-empty .empty-icon{font-size:29px;color:var(--purple)}.sidebar-empty h3{font-size:15px;line-height:1.5;margin:12px 0 8px}.sidebar-empty p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 17px}.sidebar-empty button{width:100%;font-size:12px}.list-label{color:#827c93;font-size:10px;font-weight:700;letter-spacing:1.4px;margin:14px 9px 6px}.channel-row{display:flex;align-items:center;width:100%;gap:8px;padding:6px 7px;margin:0;background:transparent;text-align:left;border-radius:4px;min-height:48px}.channel-row:hover{background:#25242d}.channel-row.current{background:#2e253d;border-color:#594374}.avatar{width:32px;height:32px;border-radius:50%;background:#393043;color:#d6c8ed;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.row-details{flex:1;min-width:0}.row-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.row-game{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-viewers{font-size:11px;font-weight:500;white-space:nowrap;color:#c9c4d4}.red-dot{display:inline-block;width:5px;height:5px;background:#f0768b;border-radius:50%;margin-right:4px}.sidebar-bottom{border-top:1px solid var(--line);padding:8px 6px 2px;display:flex;gap:8px;align-items:center;color:#9790a6;font-size:10px}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--green)}.watch-area{padding:0;min-width:0;min-height:0;display:flex;flex-direction:column}.player-stage{position:relative;flex:1;min-height:300px;min-width:400px;background:#08080b;border:0;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.player-stage.playing{background:black;border-radius:0}.player-stage iframe{width:100%;height:100%;border:0;display:block}.welcome{width:100%;max-width:870px;padding:35px 35px;text-align:center;overflow-y:auto;max-height:100%}.welcome h1{font-size:clamp(30px,3.2vw,52px);letter-spacing:-1.8px;line-height:1.13;margin:0 0 18px;font-weight:750}.welcome h1 span{color:#b7adca}.welcome-text{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 30px}.welcome-graphic{position:relative;height:105px;margin:0 auto 27px;width:170px}.graphic-screen{position:absolute;width:123px;height:82px;left:22px;top:2px;border:1px solid #675082;background:linear-gradient(135deg,#2c233b,#17131e);border-radius:11px;transform:rotate(-7deg);box-shadow:12px 10px 0 #1d1825}.graphic-screen>span{display:inline-flex;background:#aa87ec;color:#1a1224;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;margin:23px 0 0 14px;font-size:12px}.graphic-screen i{position:absolute;width:23px;height:4px;background:#58486c;right:13px;border-radius:3px;top:26px}.graphic-screen i:nth-of-type(2){top:37px;width:31px}.graphic-screen i:nth-of-type(3){top:48px;width:18px}.graphic-pill{position:absolute;bottom:0;right:-6px;background:#2b2335;color:#c9b5ec;border:1px solid #554266;border-radius:5px;font-size:7px;letter-spacing:1px;padding:7px 9px;transform:rotate(4deg)}.direct-form{display:flex;gap:8px;max-width:550px;margin:0 auto}.direct-form input{flex:1;font-size:13px}.direct-form button{font-size:12px;white-space:nowrap}.quick-start{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:19px;flex-wrap:wrap}.quick-start>span{color:#787281;font-size:10px;margin-right:5px}.quick-start button{min-height:31px;font-size:10px;background:transparent;border:1px solid #302a39;color:#b1a6bf;padding:7px 12px;border-radius:20px}.now-playing{display:flex;align-items:center;padding:8px 12px;gap:10px;min-height:74px;border-top:1px solid var(--line)}.channel-avatar{width:36px;height:36px;flex-shrink:0;background:#3d3152;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#ccb2ef;font-weight:700}.current-details{flex:1;min-width:0}.current-line{display:flex;gap:10px;align-items:center}.current-line h1{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis}.current-line>.muted{font-size:11px}.live-badge{color:#ff94a5;background:#43202c;padding:4px 6px;font-size:8px;font-weight:750;border-radius:4px;letter-spacing:.7px}.current-details p{margin:4px 0 2px;font-size:12px;color:#d5d0df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-label{color:#9990aa;font-size:10px}.player-actions{display:flex;gap:5px;align-items:center}.player-actions button{font-size:11px;background:transparent;border:1px solid #33303b;white-space:nowrap;padding:7px 10px;min-height:36px}.player-actions .icon-button{font-size:24px;color:var(--purple);padding:3px 9px}.watch-footer{display:flex;justify-content:space-between;align-items:center;min-height:53px;color:#797383;font-size:10px;gap:10px}.tiny-mark{color:#ab8ae2;font-size:18px;margin-right:5px}.watch-footer button{font-size:10px;padding:8px 0;background:transparent;color:#aaa2b7;min-height:34px}.app.has-pane{grid-template-columns:var(--sidebar) minmax(400px,1fr) var(--pane)}.browse-pane,.chat-pane{border-left:1px solid var(--line);padding:8px 10px;min-height:0;display:flex;flex-direction:column;background:#16161c}.pane-heading{margin-bottom:8px}.search-form{display:flex;gap:7px}.search-form input{width:100%;font-size:13px}.search-form button{width:45px;font-size:25px;padding:8px}.pane-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 10px}.search-results{overflow-y:auto;flex:1;scrollbar-width:thin;padding:3px}.result-card{display:block;text-align:left;background:#202027;padding:0;width:100%;margin-bottom:10px;border:1px solid #35303e;overflow:hidden;flex-shrink:0}.result-card:hover{border-color:#8767b0}.result-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:#2f283b;display:block}.result-content{display:block;padding:10px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.result-title{display:block;margin-top:8px;font-size:11px;font-weight:400;color:#c1baca;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-game{display:block;font-size:10px;font-weight:400;color:#94879f;margin-top:7px}.filter-row{display:flex;gap:7px}.filter-row button{font-size:11px;padding:9px 12px;min-height:37px}.empty-result{font-size:13px;color:var(--muted);line-height:1.8;padding:15px 5px}.empty-result button{margin-top:14px;width:100%;font-size:12px}.chat-pane{padding:0}.chat-pane .pane-heading{padding:5px 8px;margin:0;border-bottom:1px solid var(--line);min-height:42px}.chat-pane #chat-frame{flex:1;min-height:0}.chat-pane iframe{width:100%;height:100%;border:0}.theater .app{grid-template-columns:minmax(0,1fr)}.theater .sidebar{display:none}.theater .app.has-pane{grid-template-columns:minmax(400px,1fr) var(--pane)}.theater .watch-area{padding:0}.theater .topbar{height:56px}.theater .app{grid-template-rows:56px minmax(0,1fr)}dialog{color:var(--text);background:#1c1b23;border:1px solid #544263;border-radius:19px;padding:0;max-width:650px;width:calc(100% - 40px);max-height:90vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08070be6}.dialog-inner{position:relative;padding:44px}.dialog-close{position:absolute;right:12px;top:12px}.dialog-inner h2{font-size:30px;letter-spacing:-.9px;line-height:1.25;margin:0 0 23px}.dialog-inner p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-inner .eyebrow{font-size:10px;color:var(--purple);margin-bottom:15px}.pair-layout{display:flex;gap:26px;align-items:center;margin:25px 0}.pair-layout img{width:170px;height:170px;background:white;border-radius:12px;padding:2px}.pair-code{font-size:28px;font-weight:750;letter-spacing:4px;color:var(--text);margin:8px 0 10px!important}.pair-address{font-size:14px;color:var(--purple);word-break:break-all}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.dialog-actions button,.dialog-actions .button{font-size:12px}.pair-status{font-size:12px;color:var(--green)!important}.setup-note{background:#2b2337;border:1px solid #51405e;border-radius:9px;padding:15px}.shortcuts{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}.shortcuts span{font-size:12px;color:var(--muted)}kbd{display:inline-block;border:1px solid #544963;border-radius:5px;padding:6px 11px;background:#2c2536;color:var(--text);margin-right:6px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:80vw;background:#383043;color:#f6efff;padding:15px 23px;border-radius:11px;border:1px solid #76618c;z-index:10;box-shadow:0 7px 40px #0008;font-size:13px}.utility{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at 50% 20%,#292034 0,transparent 65%)}.utility-card{max-width:620px;width:100%;background:#1c1b23;border:1px solid #42364d;padding:45px;border-radius:18px}.utility-card h1{font-size:32px;letter-spacing:-1px;margin:5px 0 20px}.utility-card p,.utility-card li{font-size:14px;line-height:1.8;color:var(--muted)}.utility-card li{margin:9px 0}.utility-card code{display:block;background:#111116;color:#d4c0f0;font-size:12px;padding:11px 13px;border-radius:7px;overflow-wrap:anywhere}.utility-card form{display:flex;flex-direction:column;gap:10px;margin:25px 0}.utility-card label{font-size:12px;color:#c7bdcf;margin-top:9px}.utility-card button{margin-top:10px}.utility-card .button{font-size:14px}.utility-card .success{color:var(--green)}.utility-card .error{color:#ffacbc}.utility-card input.code-input{text-transform:uppercase;letter-spacing:5px;font-size:25px;text-align:center}.utility-card .privacy{font-size:11px;border-top:1px solid var(--line);padding-top:17px}.utility-card details{margin-top:20px;color:var(--muted);font-size:13px}.utility-card summary{cursor:pointer;padding:12px 0}.loading{color:var(--purple)}
@media(min-width:1700px){:root{--sidebar:260px;--pane:350px;font-size:18px}.topbar{height:60px}.app{grid-template-rows:60px minmax(0,1fr)}.row-name{font-size:14px}.row-game{font-size:12px}.row-viewers{font-size:12px}.channel-row{min-height:52px}.sidebar h2{font-size:16px}.tabs button{font-size:12px}.account{font-size:13px}.player-actions button{font-size:12px}.welcome-text{font-size:17px}.direct-form{max-width:650px}.direct-form input,.direct-form button{font-size:15px}.welcome-graphic{transform:scale(1.15);margin-bottom:42px}.now-playing{min-height:78px}.current-line h1{font-size:18px}.current-details p{font-size:13px}.game-label{font-size:11px}.watch-footer,.watch-footer button{font-size:12px}.pane-hint{font-size:13px}.result-head{font-size:16px}.result-title{font-size:13px}.result-game{font-size:12px}}
@media(max-width:1000px){:root{--sidebar:215px;--pane:310px}.topbar{padding:0 8px;gap:10px}.watch-area{padding:0}.welcome{padding:25px}.app.has-pane{grid-template-columns:minmax(400px,1fr) var(--pane)}.app.has-pane .sidebar{display:none}.now-playing{gap:10px}.player-actions button{padding:10px}.current-details p{max-width:330px}.welcome-graphic{height:95px;margin-bottom:20px}.welcome-text{margin-bottom:22px}.welcome h1{font-size:35px}}
@media(max-height:730px){.app{grid-template-rows:52px minmax(0,1fr)}.topbar{padding:0 10px}.welcome-graphic{display:none}.welcome{padding:25px}.welcome h1{font-size:34px}.welcome-text{margin-bottom:22px}.watch-area{padding:0}.now-playing{min-height:66px;padding:6px 10px}.watch-footer{min-height:38px}.sidebar{padding-top:6px}.player-stage{min-height:300px}.dialog-inner{padding:30px}.dialog-inner h2{font-size:25px}}
@media(max-width:760px){.app{height:auto;min-height:100dvh;overflow:visible;grid-template-columns:1fr;grid-template-rows:56px auto auto}.topbar{padding:0 8px;gap:5px;flex-wrap:nowrap}.brand{font-size:18px;gap:7px}.brand-icon{width:30px;height:30px;font-size:26px;line-height:29px;border-radius:8px}.brand small{display:none}.topnav{margin-left:auto}.topnav button{font-size:11px;padding:9px;min-height:40px}.account{font-size:0;padding:10px;min-height:36px}.account-dot{width:10px;height:10px}.sidebar{grid-row:3;border-right:0;border-top:1px solid var(--line);max-height:500px}.watch-area{grid-row:2;padding:0}.player-stage{min-width:0;min-height:300px;flex:auto;height:52vw;max-height:60vh}.player-stage:not(.playing){height:auto;max-height:none;min-height:430px}.welcome{padding:28px 16px}.welcome h1{font-size:31px}.welcome-text{font-size:12px}.direct-form{flex-direction:column}.quick-start{gap:5px}.now-playing{flex-wrap:wrap}.current-details{min-width:170px}.player-actions{width:100%;justify-content:flex-end}.watch-footer>span{font-size:9px}.app.has-pane,.theater .app.has-pane{grid-template-columns:1fr;grid-template-rows:56px auto auto}.app.has-pane .sidebar{display:none}.browse-pane,.chat-pane{grid-row:3;border-left:0;border-top:1px solid var(--line);max-height:65vh;min-height:360px;padding:10px}.chat-pane{height:65vh}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.result-card{margin-bottom:0}.result-content{padding:10px}.result-head{font-size:12px}.result-title{font-size:10px}.result-image{min-width:0}.empty-result{grid-column:1/-1}.pair-layout{gap:15px}.pair-layout img{width:130px;height:130px}.pair-code{font-size:22px;letter-spacing:2px}.utility{padding:16px}.utility-card{padding:27px}.dialog-inner{padding:28px}.dialog-inner h2{font-size:26px}.theater .watch-area{padding:0}.theater .app{grid-template-rows:56px auto}.theater .player-stage{height:65vw}.toast{width:90vw;max-width:90vw}.pair-address{font-size:12px}}

/* Compact media and navigation details. */
.channel-avatar img{width:100%;height:100%;object-fit:cover}.result-name{display:flex;align-items:center;gap:8px;min-width:0}.result-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-name .avatar{width:30px;height:30px;flex-shrink:0}.result-head>.live-badge{white-space:nowrap}.help-button{font-size:17px;min-width:34px;min-height:34px;padding:4px}.sidebar .icon-button{min-height:34px;min-width:34px}.pane-heading .icon-button{min-height:32px;min-width:32px}.current-line{min-width:0}.current-details{overflow:hidden}
@media(max-width:760px){.help-button{display:none}.now-playing{padding:7px 10px}.chat-pane{padding:0}.account{min-width:30px}.topnav button{padding:7px;font-size:11px}.brand{font-size:17px}}

/* Player, recordings and readable channel metadata. */
.player-host{width:100%;height:100%;min-width:0}.row-name{font-size:14px;font-weight:700}.row-game{font-size:12px}.row-viewers{font-size:12px;font-weight:750;color:#e0d9ec}.channel-row{min-height:50px}.current-line>.muted{font-size:12px;font-weight:650}.player-actions{flex-wrap:wrap;justify-content:flex-end;max-width:55%}.vod-badge{background:#352745;color:#d8c1ff}.video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:14px;line-height:1.45;font-weight:650}.video-meta{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}.selected-video{border-color:var(--purple);background:#2c2439}#videos-more{font-size:13px;flex-shrink:0;margin-top:8px}.pair-address{font-size:16px;font-weight:650}.dialog-inner .pair-code{font-size:30px;font-weight:750;color:var(--text);letter-spacing:4px}.pair-label{margin-bottom:0!important}#account-content>p{font-size:14px}
@media(min-width:1700px){.row-name{font-size:15px}.row-game{font-size:13px}.row-viewers{font-size:13px}.channel-row{min-height:54px}.current-line>.muted{font-size:13px}}
@media(max-width:1000px){.app.has-pane .now-playing{flex-wrap:wrap}.app.has-pane .player-actions{max-width:100%;margin-left:auto}}
@media(max-width:760px){.player-actions{max-width:100%}.dialog-inner .pair-code{font-size:27px;letter-spacing:3px}.pair-address{font-size:14px}.pair-layout{flex-wrap:wrap}.utility-card h1{font-size:27px}}
/* Channels, player, discovery and VODs share the document; Twitch chat stays sticky. */
:root{--header:56px}
.app{height:auto;min-height:100vh;min-height:100dvh;overflow:visible;grid-template-rows:var(--header) auto;align-items:start}
.topbar{position:sticky;top:0;height:var(--header);z-index:20;grid-row:1;grid-column:1/-1}
.sidebar{position:static;height:auto;max-height:none;min-height:calc(100vh - var(--header));grid-column:1;grid-row:2;align-self:stretch}
.channel-list{overflow:visible;flex:none}.sidebar-bottom{margin-top:auto}
.watch-area{grid-column:2;grid-row:2;display:block;min-width:0}
.player-stage{flex:none;min-width:0;min-height:280px;height:min(calc(100vh - var(--header) - 100px - var(--player-note,0px)),calc((100vw - var(--sidebar)) * .5625));height:min(calc(100dvh - var(--header) - 100px - var(--player-note,0px)),calc((100vw - var(--sidebar)) * .5625));max-height:none}
.player-stage:not(.playing){min-height:480px}
.now-playing{min-height:100px;flex-wrap:wrap;align-content:center}
.current-details{min-width:150px}
.player-actions{max-width:100%;margin-left:auto}
.player-actions button.active{background:#30253e;border-color:#8063a2;color:#e0d1ff}
#welcome-discover{margin-top:20px;background:transparent;border-color:#484052;font-size:13px}
.header-search{position:absolute;left:50%;transform:translateX(-50%);width:min(440px,36vw)}
.header-search .search-form{gap:0}
.header-search input{height:36px;min-height:36px;font-size:14px;padding:6px 12px;border-radius:5px 0 0 5px}
.header-search .search-form button{min-height:36px;height:36px;width:38px;border-radius:0 5px 5px 0;font-size:24px;padding:3px}
.search-popup{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#1b1b22;border:1px solid #48414f;border-radius:6px;box-shadow:0 12px 35px #0009;padding:5px;z-index:21}
.search-row{display:flex;width:100%;gap:10px;min-height:52px;padding:6px 8px;border-radius:4px;background:transparent;text-align:left;justify-content:flex-start}
.search-row:hover{background:#34303f}
.search-details{display:block;flex:1;min-width:0;font-size:14px;line-height:1.4}
.search-details strong,.search-details>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.search-details>span{font-size:12px;font-weight:400;color:var(--muted)}
.search-live{color:#ff899c;white-space:nowrap;font-size:12px}.search-offline{color:var(--muted);font-size:11px}
.search-direct{font-size:13px;min-height:40px;width:100%;justify-content:flex-start;background:transparent;padding:7px 9px}
.search-popup .empty-result{padding:10px;font-size:13px;margin:0}
.below-content{min-height:calc(100dvh - var(--header));padding:12px 16px 24px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header) + 6px)}
.content-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.content-heading h2{font-size:20px;margin:0}.content-heading .icon-button{min-height:34px;min-width:34px}
.below-content h3{font-size:16px;margin:20px 0 12px}
.below-content .filter-row{margin-bottom:6px}
.below-content .filter-row button{font-size:13px;min-height:36px;padding:7px 12px}
.content-grid,.related-grid{display:grid;gap:12px;align-items:start}
.content-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.result-card{min-width:0;margin:0;border-radius:6px;align-self:stretch;height:100%}
.result-content{padding:9px 10px}.result-head{display:block;font-size:15px;line-height:1.4}
.result-name{display:block;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.stream-viewers{display:block;font-size:12px;font-weight:700;color:#e1c8d5;margin-top:3px}
.stream-viewers::before{content:'●';color:#f0768b;font-size:10px;margin-right:5px}
.result-title{font-size:12px;line-height:1.5;margin-top:5px}.result-game{font-size:12px;line-height:1.5;margin-top:3px}
.related-reason{display:block;font-size:11px;font-weight:500;color:#c7a7f4;margin-top:6px}
.content-grid .empty-result{grid-column:1/-1}.load-more{display:flex;margin:18px auto 0;font-size:14px;min-height:42px}
#videos-more{margin:18px auto 0;font-size:14px}.video-meta{font-size:12px}.video-title{font-size:14px}
.chat-pane{grid-column:3;grid-row:2;position:sticky;top:var(--header);height:calc(100vh - var(--header));height:calc(100dvh - var(--header));max-height:none}
.app.has-pane{grid-template-columns:var(--sidebar) minmax(0,1fr) var(--pane)}
.app.has-pane .player-stage{height:min(calc(100dvh - var(--header) - 100px - var(--player-note,0px)),calc((100vw - var(--sidebar) - var(--pane)) * .5625))}
.app.has-pane .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app.has-pane .related-grid>.result-card:nth-child(n+4){display:none}
.theater .app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header) auto}.theater .topbar{height:var(--header)}
.theater .watch-area{grid-column:1}.theater .app.has-pane{grid-template-columns:minmax(0,1fr) var(--pane)}.theater .chat-pane{grid-column:2}
.theater .player-stage{height:min(calc(100dvh - var(--header) - 100px - var(--player-note,0px)),56.25vw)}.theater .app.has-pane .player-stage{height:min(calc(100dvh - var(--header) - 100px - var(--player-note,0px)),calc((100vw - var(--pane)) * .5625))}
@media(min-width:1700px){:root{--header:60px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.below-content{padding:14px 20px 28px}}
@media(max-width:1300px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid>.result-card:nth-child(n+4){display:none}.app.has-pane .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app.has-pane .related-grid>.result-card:nth-child(n+3){display:none}}
@media(max-width:1000px){.app.has-pane{grid-template-columns:minmax(0,1fr) var(--pane)}.app.has-pane .watch-area{grid-column:1}.app.has-pane .chat-pane{grid-column:2}.app.has-pane .player-stage{height:min(calc(100dvh - var(--header) - 110px - var(--player-note,0px)),calc((100vw - var(--pane)) * .5625))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid>.result-card:nth-child(n+3){display:none}.header-search{width:35vw}.brand{font-size:18px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media(max-height:600px){.search-row{min-height:44px}.search-row:nth-child(n+5){display:none}.search-row .avatar{width:28px;height:28px}.search-details{font-size:13px}.search-details>span{font-size:11px}}
@media(max-width:760px){:root{--header:56px}.app,.app.has-pane,.theater .app,.theater .app.has-pane{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header) auto auto auto}.topbar{height:var(--header)}.brand>span:last-child{display:none}.header-search{width:55vw;left:46%}.account{margin-left:auto}.search-popup{width:min(90vw,420px);left:50%;transform:translateX(-50%)}.search-row{min-height:46px}.sidebar{position:static;grid-row:4;grid-column:1;height:auto;min-height:0;max-height:none}.watch-area,.app.has-pane .watch-area,.theater .watch-area{grid-row:2;grid-column:1}.app.has-pane .sidebar{display:flex}.player-stage,.app.has-pane .player-stage,.theater .player-stage,.theater .app.has-pane .player-stage{height:56.25vw;max-height:none;min-height:200px}.player-stage:not(.playing){height:auto;min-height:440px}.now-playing{min-height:100px}.chat-pane,.app.has-pane .chat-pane,.theater .chat-pane{position:static;grid-row:3;grid-column:1;height:65vh;min-height:360px;max-height:none}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.below-content{padding:10px 10px 24px}.result-title{font-size:11px}.result-name{font-size:14px}.result-game,.stream-viewers{font-size:11px}.video-title{font-size:13px}.video-meta{font-size:11px}.player-actions{justify-content:flex-start;max-width:100%;width:100%}.player-actions button{padding:7px 9px}}
/* Returning home: compact entry, optional saved live channels, discovery visible without scrolling past an empty player. */
.home-compact .player-stage:not(.playing){height:auto;min-height:0;max-height:none}
.home-compact .welcome{max-width:none;max-height:none;overflow:visible;padding:22px 24px}
.home-compact .welcome-graphic,.home-compact .welcome .eyebrow,.home-compact .quick-start{display:none}
.home-compact .welcome h1{font-size:28px;letter-spacing:-.6px;line-height:1.2;margin:0 0 9px}
.home-compact .welcome-text{font-size:14px;margin:0 0 16px;line-height:1.5}
.home-compact .direct-form{max-width:650px}
.home-compact .direct-form input,.home-compact .direct-form button{min-height:42px;font-size:14px}
.home-recent{margin-top:12px}
.home-recent button{font-size:13px;min-height:36px;padding:7px 13px;background:#25202f;border-color:#4f3d66}
.home-compact #welcome-discover{margin-top:12px;min-height:34px;padding:6px 12px}
.home-saved{padding:12px 16px 18px;border-top:1px solid var(--line)}
.home-saved h2{font-size:16px;margin:0 0 12px}
.home-favorites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1300px}
.home-saved .result-content{padding:8px 10px}.home-saved .result-title{display:none}
.home-saved .result-image{max-height:160px}
@media(min-width:1700px){.home-saved{padding:14px 20px 20px}}
@media(max-width:1300px){.home-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-saved .stream-card:nth-child(n+3){display:none}}
@media(max-width:760px){.home-compact .welcome{padding:20px 14px}.home-compact .welcome h1{font-size:26px}.home-compact .welcome-text{font-size:13px}.home-saved{padding:12px 10px 16px}.home-favorites-grid{gap:10px}.home-recent button{font-size:12px}.home-compact .direct-form{gap:6px}}
.home-card.channel-row{background:#202027;border:1px solid #35303e;border-radius:6px;min-height:66px;padding:10px;gap:10px}
.home-card.channel-row:hover{background:#30283b;border-color:#8767b0}
.home-card .row-name{font-size:14px}.home-card .row-game{font-size:12px}
.current-line{flex-wrap:wrap;gap:6px 10px}.uptime-label{font-size:12px;line-height:1.5;font-weight:500;color:var(--muted);white-space:nowrap}
@media(min-width:1700px){.uptime-label{font-size:13px}}
/* Main-document probes must never show native TV controls. Twitch's iframe is independent. */
body video,body audio{display:none!important}
.player-hint{margin:0;padding:8px 12px;background:#24202e;border-bottom:1px solid #44364f;color:#d2c7e1;font-size:13px;line-height:1.6;pointer-events:none;user-select:none}
.has-player-hint{--player-note:48px}
/* Device cue belongs to the brand; keep the centered search unobstructed. */
.device-equation{display:flex;align-items:center;gap:8px;flex-shrink:0;height:48px;margin-left:3px;user-select:none}
.device-equation img{display:block;object-fit:contain;flex-shrink:0}
.device-browser{width:36px;height:36px;border-radius:6px;background:#fff}
.device-streamer{width:70px;height:46px}.device-chromecast{width:56px;height:46px}
.device-symbol{font-size:19px;font-weight:500;color:#a9a4b4;line-height:1}
@media(min-width:761px) and (max-width:1299px){.topbar{gap:10px}.device-equation{gap:5px;margin-left:0}.device-browser{width:32px;height:32px}.device-streamer{width:60px}.device-chromecast{width:48px}.device-symbol{font-size:16px}.header-search{position:relative;left:auto;transform:none;width:auto;flex:1;min-width:140px;max-width:360px;margin-left:auto}}
@media(max-width:760px){.device-equation{display:none}}