:root{color-scheme:dark;--bg:#090d16;--panel:#121a29;--muted:#9ca9bc;--line:#263247;--accent:#e52d48;--text:#f7f8fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#172033 0,var(--bg) 38rem);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line);background:#090d16eb}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent);font-size:12px}nav a,.back{color:var(--muted)}main{max-width:1120px;margin:auto;padding:44px 20px 80px}.hero{margin-bottom:30px}.eyebrow{color:#ff6b7e;font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}.hero h1,#stream-title{font-size:clamp(2rem,5vw,3.5rem);margin:.1em 0}.hero p{color:var(--muted)}.categories{display:flex;gap:8px;overflow:auto;margin:24px 0}.categories button,.notice button,.player-overlay button,.shootbox button,#pip-button{border:0;border-radius:9px;background:#263247;color:var(--text);padding:10px 15px;font-weight:700;cursor:pointer}.categories .active,.notice button,.player-overlay button,.shootbox button{background:var(--accent)}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.stream-card,.skeleton{min-height:178px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.stream-card{display:flex;flex-direction:column;padding:20px}.stream-card h2{font-size:1.15rem;margin:10px 0 4px}.stream-card p{color:var(--muted);margin:0}.stream-card .watch{margin-top:auto;color:#ff8393;font-weight:800}.badge{width:max-content;border-radius:99px;background:#4b1721;color:#ff9cab;padding:3px 8px;font-size:.72rem;font-weight:800}.skeleton{background:linear-gradient(100deg,var(--panel) 30%,#1d293c 50%,var(--panel) 70%);background-size:300%;animation:pulse 1.4s infinite}@keyframes pulse{to{background-position:-150%}}.notice{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #70303c;border-radius:12px;padding:14px;margin:18px 0;background:#2b141a}.notice[hidden]{display:none}.empty{color:var(--muted);padding:40px 0}.back{display:inline-block;margin-bottom:20px}.player-shell{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:15px;overflow:hidden}.player-shell video{width:100%;height:100%;display:block}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:#00000094;text-align:center;padding:20px}.player-overlay[hidden]{display:none}.direct-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);padding:12px 2px}.shootbox{margin-top:24px;border-top:1px solid var(--line)}#messages{max-height:260px;overflow:auto}.message{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.message time,#chat-status{color:var(--muted);font-size:.85rem}.shootbox form{display:flex;gap:8px;margin-top:12px}.shootbox input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;background:#0c121e;color:var(--text);padding:11px}@media(max-width:600px){main{padding-top:28px}.stream-grid,.message{grid-template-columns:1fr}.message time{display:none}}