:root{--crl-border-h:#ffffff2e}body{background:radial-gradient(700px 280px at 50% 0%, #df30300e, transparent 60%), var(--crl-ink)}.mp-status{align-items:center;gap:8px;padding:16px 24px 0;display:flex}.live-pill{font-family:var(--crl-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--crl-live);background:#df303014;border:1px solid #df303033;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:.75rem;display:flex}.viewers-pill{font-family:var(--crl-mono);letter-spacing:1px;color:#fff6;border:1px solid var(--crl-border);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;display:flex}.dot{background:var(--crl-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot.on{background:var(--crl-live);animation:1.4s infinite blink;box-shadow:0 0 0 3px #df30302e}.page{padding:20px 24px 32px}@media (width<=600px){.page{padding:14px 14px 24px}}.filter-panel{border:1px solid var(--crl-border);background:#ffffff06;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:none}.filter-panel-label{font-family:var(--crl-mono);letter-spacing:2px;text-transform:uppercase;color:#fff3;white-space:nowrap;flex-shrink:0;font-size:.85rem}.filter-sep{background:var(--crl-border);flex-shrink:0;width:1px;height:18px}.filter-chips{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.filter-chip{color:#ffffff40;font-family:var(--crl-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:.72rem;transition:border-color .15s,color .15s,background .15s,opacity .2s;display:inline-flex}.filter-chip .chip-ava{width:18px;height:18px;font-family:var(--crl-display);color:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}.filter-chip.active{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff26}.filter-chip:not(.active){opacity:.4}.filter-chip:hover{color:var(--crl-white);border-color:#fff3;opacity:1!important}.filter-count{font-family:var(--crl-mono);letter-spacing:1px;color:#fff3;white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.85rem}@media (width<=600px){.filter-panel{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding:8px 12px;overflow-x:auto}.filter-panel::-webkit-scrollbar{display:none}.filter-chips{flex-wrap:nowrap}.filter-count{display:none}}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:55vh;display:none}.empty.show{display:flex}.empty-icon{border:1px solid var(--crl-border);width:72px;height:72px;color:var(--crl-muted);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.empty h2{font-family:var(--crl-display);letter-spacing:3px;color:#ffffff59;margin:0;font-size:2rem}.empty p{font-family:var(--crl-mono);letter-spacing:2px;color:var(--crl-muted);text-transform:uppercase;margin:0;font-size:.78rem}.empty-cta{gap:10px;margin-top:4px;display:none}.empty-cta.show{display:flex}.empty-cta a{font-family:var(--crl-mono);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--crl-border);color:#ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:.75rem;text-decoration:none;transition:all .15s;display:inline-flex}.empty-cta a:hover{border-color:var(--crl-border-h);color:var(--crl-white);background:#ffffff0d}.empty-cta a.primary{border-color:rgba(var(--crl-live-rgb),.4);color:var(--crl-live);background:rgba(var(--crl-live-rgb),.06)}.empty-cta a.primary:hover{background:rgba(var(--crl-live-rgb),.12)}[data-theme=light] .empty-cta a{color:#05101599}.gallery{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gallery.count-1{grid-template-columns:1fr}.gallery.count-2{grid-template-columns:repeat(2,1fr)}.gallery.count-3{grid-template-columns:repeat(3,1fr)}.gallery.count-4{grid-template-columns:repeat(2,1fr)}.gallery.count-5,.gallery.count-6,.gallery.count-7{grid-template-columns:repeat(3,1fr)}.gallery.count-8{grid-template-columns:repeat(4,1fr)}.gallery.layout-focus.count-3{grid-template-columns:repeat(2,1fr)}.gallery.layout-focus .stream-card:first-child{grid-column:1/-1}.gallery.layout-col{grid-template-columns:1fr!important}@media (width<=768px){.gallery,.gallery.count-1,.gallery.count-2,.gallery.count-3,.gallery.count-4,.gallery.count-5,.gallery.count-6,.gallery.count-7,.gallery.count-8{grid-template-columns:1fr}}.layout-btns{flex-shrink:0;gap:3px;display:flex}.layout-btn{border:1px solid var(--crl-border);color:#ffffff4d;cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;transition:all .15s;display:flex}.layout-btn.active{border-color:rgba(var(--crl-live-rgb),.4);color:var(--crl-live);background:rgba(var(--crl-live-rgb),.06)}.layout-btn:hover:not(.active){border-color:var(--crl-border-h);color:#ffffffb3}@media (width<=600px){.layout-btns{display:none}}.arc-btn{color:#fff6;font-family:var(--crl-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:padding-box padding-box,linear-gradient(90deg,#d00000,#ffea00,#05ff74,#5fffff) border-box;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 11px;font-size:.72rem;transition:color .15s,box-shadow .15s,background .15s;display:inline-flex}.arc-btn:hover:not(.active){color:#fffc}.arc-btn.active{color:#fff;background:padding-box padding-box,linear-gradient(90deg,#d00000,#ffea00,#05ff74,#5fffff) border-box;box-shadow:0 0 18px #d0000040,0 0 18px #5fffff1a}.arc-btn-stripes{align-items:center;gap:2px;display:flex}.arc-btn-stripes span{border-radius:1px;width:3px;height:11px;display:block}.arc-badge{font-family:var(--crl-mono);letter-spacing:2.5px;text-transform:uppercase;color:#ffffffb3;background:#1e0d1db3;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:10px;width:fit-content;margin-bottom:14px;padding:7px 14px 7px 10px;font-size:.56rem;display:none}.arc-badge.show{display:flex}.arc-badge-stripes{flex-shrink:0;align-items:center;gap:2px;display:flex}.arc-badge-stripes span{border-radius:1px;width:3px;height:14px;display:block}.gallery.arc-active.count-3{grid-template-rows:auto auto;grid-template-columns:repeat(6,1fr)}.gallery.arc-active.count-3 .stream-card:first-child{grid-column:1/4}.gallery.arc-active.count-3 .stream-card:nth-child(2){grid-column:4/7}.gallery.arc-active.count-3 .stream-card:nth-child(3){grid-column:2/6}@media (width<=768px){.gallery.arc-active.count-3,.gallery.arc-active.count-3 .stream-card:first-child,.gallery.arc-active.count-3 .stream-card:nth-child(2),.gallery.arc-active.count-3 .stream-card:nth-child(3){grid-column:auto;grid-template-columns:1fr}}.gallery.arc-active .stream-card:before{content:"";z-index:5;background:linear-gradient(90deg,#d00000 25%,#ffea00 25% 50%,#05ff74 50% 75%,#5fffff 75%);height:3px;position:absolute;top:0;left:0;right:0}.gallery.arc-active .stream-card{border-color:#ffffff1f}.gallery.arc-active .vol-btn.active{color:#5fffff;background:#1e0d1dcc;border:1px solid #5fffff80;box-shadow:0 0 8px #5fffff4d}.stream-card{border:1px solid var(--crl-border);cursor:pointer;color:inherit;background:#000;border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.stream-card:hover{border-color:var(--crl-border-h);transform:translateY(-2px);box-shadow:0 12px 32px #0009}.stream-card.is-featured{border-color:rgba(var(--crl-live-rgb),.2)}.stream-card.is-live{animation:3s infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 #df303000}50%{box-shadow:0 0 0 3px #df30301a}}.thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.thumb video{object-fit:cover;width:100%;height:100%;display:block}.tag-live{z-index:3;background:var(--crl-live);color:#fff;font-family:var(--crl-mono);letter-spacing:1.5px;border-radius:2px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;display:flex;position:absolute;top:10px;left:10px}.tag-host{z-index:3;font-family:var(--crl-mono);letter-spacing:1.5px;color:var(--crl-live);border:1px solid rgba(var(--crl-live-rgb),.3);backdrop-filter:blur(4px);background:#00000080;border-radius:2px;padding:3px 8px;font-size:.72rem;position:absolute;top:10px;right:10px}.tag-viewers{z-index:3;backdrop-filter:blur(4px);font-family:var(--crl-mono);letter-spacing:1px;color:#fffc;background:#0009;border-radius:2px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;display:flex;position:absolute;bottom:10px;right:10px}.play-icon{z-index:2;opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.stream-card:hover .play-icon{opacity:1}.play-icon i{color:#ffffffe6;filter:drop-shadow(0 2px 8px #0009);font-size:2.5rem}.vol-btn{z-index:4;backdrop-filter:blur(4px);color:#ffffff73;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.92rem;transition:color .15s,background .15s,transform .1s;display:flex;position:absolute;bottom:10px;left:10px}.vol-btn:hover{color:var(--crl-white);background:#000c;transform:scale(1.1)}.vol-btn.active{color:var(--crl-live);background:rgba(var(--crl-live-rgb),.18);border:1px solid rgba(var(--crl-live-rgb),.3)}.card-foot{border-top:1px solid var(--crl-border);background:linear-gradient(#0c0c10d9,#060608f2);align-items:center;gap:10px;padding:10px 12px;display:flex}.ava{width:28px;height:28px;font-family:var(--crl-display);color:var(--crl-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;display:flex}.foot-info{flex:1;min-width:0}.ch-name{font-family:var(--crl-mono);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:700;overflow:hidden}.ch-sub{color:var(--crl-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;overflow:hidden}.expand-icon{color:#ffffff40;flex-shrink:0;font-size:.85rem;transition:all .2s}.stream-card:hover .expand-icon{color:var(--crl-live)}.poll-bar{background:var(--crl-border);z-index:55;height:2px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.poll-progress{background:var(--crl-live);transform-origin:0;width:100%;height:100%;transition:transform linear}.filter-all{border:1px solid var(--crl-border);color:#ffffff59;font-family:var(--crl-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;transition:all .15s;display:inline-flex}.filter-all.active{color:var(--crl-white);background:#ffffff0d;border-color:#fff3}.filter-all:hover{color:var(--crl-white);border-color:#fff3}[data-theme=light] .viewers-pill{color:#05101580;background:#00000005}[data-theme=light] .filter-panel{background:#ffffff94}[data-theme=light] .filter-panel-label,[data-theme=light] .filter-count{color:#05101561}[data-theme=light] .filter-chip{color:#05101561;background:#00000008}[data-theme=light] .filter-chip.active{color:#051015e0;background:#0000000d;border-color:#0000001f}[data-theme=light] .filter-chip:hover{color:#051015e6}[data-theme=light] .layout-btn{color:#0510155c}[data-theme=light] .layout-btn:hover:not(.active){color:#051015b8}[data-theme=light] .arc-btn{color:#0510158c}[data-theme=light] .arc-btn:hover:not(.active){color:#051015db}[data-theme=light] .empty h2{color:#0510154d}[data-theme=light] .stream-card{background:#f7fbfd}[data-theme=light] .card-foot{background:linear-gradient(#ffffffe6,#dceef5f5)}[data-theme=light] .expand-icon{color:#05101540}