:root{--grain: 55}html,body{overflow-x:hidden}body{background:var(--ink);font-size:15px;line-height:1.5;min-height:100vh}@keyframes logo-ring{to{stroke-dashoffset:-126}}@keyframes logo-ping{0%{transform:scale(1);opacity:1}55%{transform:scale(2.6);opacity:0}56%{transform:scale(1);opacity:0}to{transform:scale(1);opacity:1}}.drawer-overlay{display:none;position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px)}.drawer-overlay.open{display:block}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:201;width:260px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-close{width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:.15s}.drawer-close:hover{color:var(--white);border-color:var(--border-h)}.drawer-body{flex:1;overflow-y:auto;scrollbar-width:none;padding:12px 0}.drawer-body::-webkit-scrollbar{display:none}.aside-label{font-family:var(--mono);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);padding:0 20px 8px;margin-top:4px}.aside-divider{border:none;border-top:1px solid var(--border);margin:10px 0}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 20px;font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:#e8f6ff8c;transition:.15s}.nav-link i{width:14px;text-align:center;font-size:.75rem;color:var(--muted)}.nav-link:hover{color:var(--white);background:#00bfff0d}.nav-link:hover i{color:var(--accent)}.channel-row{display:flex;align-items:center;gap:10px;padding:8px 20px;cursor:pointer;transition:background .15s;position:relative;color:inherit;text-decoration:none}.channel-row:hover{background:#00bfff0a}.ch-row-ava{width:30px;height:30px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:14px;color:#000;overflow:hidden}.ch-row-ava img{width:100%;height:100%;object-fit:cover;display:block}.channel-row.is-live .ch-row-ava{box-shadow:0 0 0 2px var(--live),0 0 8px #e8c84a40}.ch-row-info{flex:1;min-width:0}.ch-row-name{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ch-row-status{font-size:11px;color:var(--muted);margin-top:1px}.ch-row-status.live{color:var(--live)}.ch-row-viewers{font-family:var(--mono);font-size:10px;color:var(--muted);flex-shrink:0}.live-pip{width:6px;height:6px;border-radius:50%;background:var(--live);flex-shrink:0;box-shadow:0 0 8px #e8c84ab3}.sidebar-show-all{display:block;width:100%;padding:8px 20px;background:transparent;border:none;color:#e8f6ff59;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-align:left;transition:.15s}.sidebar-show-all:hover{color:var(--accent)}.drawer-tools{display:flex;align-items:center;gap:8px}.rdot{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0}.rdot:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:logo-ping 1.8s ease-in-out infinite}.nav-menu-btn{display:none;width:34px;height:34px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;align-items:center;justify-content:center;font-size:.9rem;transition:.15s;flex-shrink:0}.nav-menu-btn:hover{border-color:var(--border-h);color:var(--white)}@media(max-width:820px){.nav-menu-btn{display:flex}}.theme-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;letter-spacing:0;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:.15s;flex-shrink:0}.theme-btn:hover{color:var(--white);border-color:var(--border-h)}[data-theme=light] .nav-link{color:#05101599}[data-theme=light] .nav-link:hover{color:#0c1a20;background:#0000000d}[data-theme=light] .nav-link:hover i{color:var(--accent)}[data-theme=light] .sidebar-show-all{color:#05101559}[data-theme=light] .sidebar-show-all:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:48px 32px 28px;margin-top:0;background:var(--panel);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(0,191,255,.06),transparent);pointer-events:none}.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:900px){.foot-top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:520px){.foot-top{grid-template-columns:1fr}}.foot-brand{display:flex;align-items:center;gap:8px;margin-bottom:14px}.foot-brand-logo{height:28px;width:auto;opacity:.75}.foot-brand-word{fill:#e8f6ff}.foot-brand-ring-outer{stroke:#e8f6ff}[data-theme=light] .foot-brand-word{fill:#0c1a20}[data-theme=light] .foot-brand-ring-outer{stroke:#0c1a20}.foot-tagline{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#ffffff40;text-transform:uppercase;line-height:1.8}[data-theme=light] .foot-tagline{color:#00000057}.foot-col-title{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:14px;font-weight:700}[data-theme=light] .foot-col-title{color:#0c1a20}.foot-col-links{display:flex;flex-direction:column;gap:9px}.foot-col-links>div{display:flex;flex-direction:column;gap:9px}.foot-col-links a{font-size:.85rem;color:#fff6;transition:.15s;text-decoration:none}.foot-col-links a:hover{color:var(--white)}[data-theme=light] .foot-col-links a{color:#0006}[data-theme=light] .foot-col-links a:hover{color:#000000d9}.foot-chev{margin-left:auto;font-size:10px;color:var(--muted);transition:transform .25s;display:none}@media(max-width:520px){.foot-chev{display:block}.foot-col-title{cursor:pointer;user-select:none;margin-bottom:0;padding:12px 0;border-bottom:1px solid var(--border)}.foot-col-title[aria-expanded=true]{color:var(--accent);border-color:transparent}.foot-col-title[aria-expanded=true] .foot-chev{transform:rotate(180deg);color:var(--accent)}.foot-top>div:not(:first-child){border-top:1px solid var(--border)}.foot-col-links{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;overflow:hidden;gap:0}.foot-col-links.open{grid-template-rows:1fr}.foot-col-links>div{overflow:hidden}.foot-col-links.open>div{padding:14px 0}}.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border)}.foot-copy{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#ffffff2e;text-transform:uppercase}[data-theme=light] .foot-copy{color:#00000057}.foot-credits{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:18px;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff2e}[data-theme=light] .foot-credits{color:#00000038}.foot-credits-icon{display:inline-block;animation:crl-bounce 2.2s ease-in-out infinite}.foot-credits-icon--ai{animation-delay:.7s}@keyframes crl-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.foot-credits-sep{opacity:.4}.foot-credits-link{color:#ffffff47;text-decoration:none;transition:color .2s}.foot-credits-link:hover{color:var(--accent)}[data-theme=light] .foot-credits-link{color:#00000052}[data-theme=light] .foot-credits-link:hover{color:var(--accent)}.foot-socials{display:flex;align-items:center;gap:4px}.foot-social{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:#ffffff59;font-size:.85rem;transition:.15s;text-decoration:none}.foot-social:hover{border-color:var(--border-h);color:var(--white)}[data-theme=light] .foot-social{color:#0000006b}[data-theme=light] .foot-social:hover{color:#0c1a20}.foot-version{font-family:var(--mono);font-size:9px;color:#ffffff26}[data-theme=light] .foot-version{color:#00000047}[data-theme=light] .site-footer{background:#e8edf0}