html:has(> body.stream-page){overflow-x:clip;background:#05060a}
.stream-backdrop{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.36);z-index:0;pointer-events:none}
.stream-page{--line:rgba(255,255,255,.15);--muted:#c4cad7;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.stream-page .shell{position:relative;z-index:1;width:94%;max-width:1680px;padding:24px 0 42px}
.stream-page .glass{background:rgba(7,9,17,.7);border-color:var(--line);box-shadow:0 18px 50px #0006;backdrop-filter:none;-webkit-backdrop-filter:none}
.stream-page .native-glass-root>.native-glass-scene{position:absolute;inset:auto;max-width:none;opacity:0;object-fit:cover;background:none;pointer-events:none}
.stream-page .native-glass-panel{background:#05060a52!important;border-color:#ffffff26!important}
.stream-page .native-glass-panel::before{content:'';position:absolute;inset:0;border-radius:inherit;background:#05060a99;z-index:1;pointer-events:none}
.stream-page .native-glass-panel::after{opacity:calc(var(--lg-intensity) * .6)}
.stream-page .shell>.native-glass-root:has(>header){margin-bottom:24px}
.stream-page header{height:auto;min-height:86px;padding:14px 20px;gap:16px;flex-wrap:wrap}
.stream-page .brand b{font-family:Orbitron,system-ui,sans-serif;font-size:clamp(16px,2vw,23px);letter-spacing:.02em}
.stream-page .brand b span{color:#cb8fff}
.stream-page .brand small{color:#c3c8d4}
.stream-page .topActions{flex-wrap:wrap}
.stream-page .homeReturnBtn{position:static!important;flex-shrink:0;margin-left:auto;align-self:center}
.stream-page .layout{gap:20px;align-items:stretch}
.stream-page .playerCard{min-width:0;align-self:start}
.stream-page .chat{min-width:0;background:#080b16cf;max-height:850px}
.stream-page .playerLiveBar,.stream-page .ratioBar{background:#0b0d18ed}
.stream-page .playerLiveBar{padding:12px 16px}
.stream-page .sourceFormat,.stream-page .ratioBar>span,.stream-page .chatHead small{color:#c6cede}
.stream-page .streamInfo{padding:20px;flex-wrap:wrap;min-width:0}
.stream-page .streamer{min-width:0}
.stream-page .streamer>div{min-width:0}
.stream-page .streamInfo h1{font-family:Orbitron,system-ui,sans-serif;font-size:17px;overflow-wrap:anywhere}
.stream-page .stats{justify-content:flex-start}
.stream-page .channels{margin:0;padding:20px}
.stream-page .shell>.native-glass-root:has(>.channels){margin-top:20px}
.stream-page .channelGrid{gap:14px}
.stream-page .channel{background:#080b1699;border-color:#ffffff24;padding:16px;transition:border-color .15s,background .15s}
.stream-page .channel:hover,.stream-page .channel.active{transform:none;background:#38204b99;border-color:#ce93e5;box-shadow:0 5px 20px #0003}
.stream-page .channel p,.stream-page .empty,.stream-page .loginBox p{color:#c2c9d8}
.stream-page .chatHead{gap:10px;align-items:center;padding:16px;flex-wrap:wrap}
.stream-page .msg b{color:#e6b4ff}.stream-page .msg time{color:#a9b1c3}
.stream-page textarea{background:#070a15c9;border-color:#ffffff30;font:inherit;font-size:13px}
.stream-page textarea:focus-visible{outline:2px solid #cf9aff;outline-offset:2px}
.stream-page .btn.red,.stream-page .send{background:linear-gradient(120deg,#8e3fbd,#58327f);box-shadow:0 5px 20px #0003}
.stream-page .ratioChoices button[aria-pressed=true]{background:#633286;border-color:#d79ff1}
.stream-page .donHistory{margin-top:20px;background:#080b16d9}
.stream-page .donHistoryHead{padding:18px 20px}
.stream-page .modal{z-index:2000}.stream-page .modalCard{background:#101321f5;border-color:#d29de94d}
.stream-page button,.stream-page a,.stream-page input{touch-action:manipulation}
@media(max-width:620px){.stream-page .volumeControl{left:12px;bottom:62px;padding:6px;gap:5px}.stream-page .volumeControl input{width:65px}.stream-page .donateFloat{right:12px;bottom:12px;font-size:11px;padding:8px}.stream-page .homeReturnBtn span{display:inline}.stream-page .topActions>.pill{display:inline-flex!important}}
@media(max-width:1050px){.stream-page .layout{grid-template-columns:minmax(0,1fr)}.stream-page .chat{min-height:480px;max-height:650px}}
@media(max-width:620px){.stream-page .shell{width:94%;padding-top:12px}.stream-page header{padding:14px;gap:12px}.stream-page .brand img{width:42px;height:42px}.stream-page .topActions{width:100%;gap:7px}.stream-page .pill,.stream-page .btn{font-size:11px;padding:9px}.stream-page .streamInfo,.stream-page .channels{padding:14px}.stream-page .channelGrid{grid-template-columns:minmax(0,1fr)}.stream-page .sectionTitle{gap:10px;flex-wrap:wrap}.stream-page .chat{min-height:440px}}