.live-page{width:min(1240px,calc(100% - 2rem));min-height:70vh;margin:auto;padding:3.5rem 0 6rem}.live-hero{max-width:820px;padding:2rem 0 4rem}.live-hero h1{margin:.65rem 0 1rem;font-size:clamp(3rem,10vw,6rem);line-height:.92;letter-spacing:-.065em}.live-hero h1 span{background:linear-gradient(95deg,var(--orange),var(--pink),#a96cff);background-clip:text;color:transparent}.live-hero>p:not(.eyebrow),.section-copy{max-width:680px;color:var(--muted)}.discovery-section{margin-bottom:4rem}.following-section{padding:clamp(1rem,3vw,2rem);border:1px solid rgba(241,60,154,.3);border-radius:24px;background:linear-gradient(135deg,rgba(241,60,154,.08),rgba(169,108,255,.04))}.discover-panel{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:24px;background:var(--surface-deep,#101017)}.live-controls{display:grid;gap:1.15rem 1rem}.live-control{min-width:0;margin:0}.live-controls label{display:grid;gap:.45rem;color:var(--muted);font-size:.72rem;font-weight:800}.live-controls input,.live-controls select{width:100%;min-height:48px;padding:0 .9rem;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised,#14141b);color:var(--text,#fff);font:inherit}.live-search-control{position:relative;display:block;min-width:0}.live-search-control input{padding-left:2.7rem}.live-search-icon{position:absolute;z-index:1;left:.95rem;top:50%;color:var(--muted);font-size:1rem;line-height:1;pointer-events:none;transform:translateY(-50%)}.live-controls input::placeholder{color:var(--muted);opacity:.78}.live-controls input:hover,.live-controls select:hover{border-color:color-mix(in srgb,var(--line) 55%,var(--text,#fff))}.live-controls input:focus-visible,.live-controls select:focus-visible{border-color:var(--pink);outline:3px solid color-mix(in srgb,var(--pink) 38%,transparent);outline-offset:2px}.live-controls fieldset{padding:0;border:0}.live-controls legend{margin-bottom:.45rem;color:var(--muted);font-size:.72rem;font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters button{min-height:42px;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-raised,#14141b);color:var(--muted);font:inherit;font-weight:850;text-transform:uppercase}.filters button:hover{border-color:color-mix(in srgb,var(--line) 55%,var(--text,#fff));color:var(--text,#fff)}.filters button:focus-visible{border-color:var(--pink);outline:3px solid color-mix(in srgb,var(--pink) 38%,transparent);outline-offset:2px}.filters button.active{border-color:var(--pink);background:color-mix(in srgb,var(--pink) 14%,var(--surface-raised,#14141b));color:var(--text,#fff)}.live-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.live-heading h2{margin:.25rem 0;font-size:clamp(1.8rem,6vw,3rem)}.source-pill,.stream-badge,.provider-badge,.following-label{padding:.35rem .55rem;border:1px solid #6f4055;border-radius:999px;background:#25131d;color:#ff91b0;font-size:.58rem;font-weight:950;letter-spacing:.09em}.stream-grid{display:grid;gap:1rem}.stream-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#13131a}.stream-primary{display:block;color:inherit}.stream-preview{position:relative;display:grid;overflow:hidden;aspect-ratio:16/9;place-items:center;background:radial-gradient(circle,rgba(241,60,154,.22),transparent 35%),linear-gradient(135deg,#25152c,#0d0e14)}.stream-preview img{width:100%;height:100%;object-fit:cover}.stream-preview:after{content:"";font-size:2rem;font-weight:1000;opacity:.45}.stream-preview:has(img):after{display:none}.stream-badge,.provider-badge{position:absolute;top:.75rem}.stream-badge{left:.75rem}.provider-badge{right:.75rem}.provider-badge.twitch{border-color:#8c62ca;background:#281843;color:#d8bdff}.provider-badge.cng{border-color:#c34782;background:#351526;color:#ffacd3}.stream-badge.provider{border-color:#7351a8;background:#211637;color:#cba5ff}.stream-badge.stale{border-color:#806633;background:#2b2517;color:#ffd27d}.stream-content{padding:1rem}.creator-line{display:flex;align-items:center;gap:.7rem}.creator-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;border:1px solid #6f4055;border-radius:50%;background:linear-gradient(135deg,#4a1c3b,#29204c);place-items:center;font-size:.72rem;font-weight:900}.stream-content h3{overflow:hidden;margin:0;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.following-label{display:inline-block;margin-top:.2rem;padding:.18rem .4rem}.stream-content>p{overflow:hidden;margin:.65rem 0 .4rem;color:#ddd9e4;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.stream-meta,.stream-links{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--muted);font-size:.68rem;line-height:1.5}.stream-content a{display:inline-flex;margin-top:.8rem;color:#d9b3ff;font-size:.75rem;font-weight:850;overflow-wrap:anywhere}.empty-state{padding:2rem;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.preview-section{padding-top:1rem;border-top:1px solid var(--line)}.more-button{display:block;margin:0 auto}:focus-visible{outline:3px solid #ff82bd;outline-offset:3px}@media(min-width:700px){.live-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"search category" "provider tier" "sort ."}.live-control--search{grid-area:search}.live-control--category{grid-area:category}.live-control--provider{grid-area:provider}.live-control--tier{grid-area:tier}.live-control--sort{grid-area:sort}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1050px){.stream-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.live-controls{grid-template-columns:minmax(0,1fr)}.live-control{width:100%}}@media(max-width:520px){.live-page{width:min(100% - 1.25rem,1240px);padding-top:2rem}.live-heading{align-items:flex-start;flex-direction:column}.filters{display:flex;flex-wrap:wrap}.filters button{flex:1 1 calc(50% - .25rem);width:auto}.stream-links a{min-height:40px;align-items:center}}
.creator-avatar img,.creator-avatar .stream-avatar-fallback{width:100%;height:100%;border-radius:inherit}.creator-avatar img{display:block;object-fit:cover}.creator-avatar .stream-avatar-fallback{display:grid;place-items:center}.creator-avatar .stream-avatar-fallback[hidden]{display:none}
.provider-badge.cng{display:none}