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