:root{--bg: #0e0f12;--panel: #14161a;--card: #15181d;--text: #e8eaed;--muted: #a0a7b0;--accent: #d1d5db;--border: #2a2e35}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}.container{max-width:1100px;margin:0 auto;padding:0 16px}.header{background:var(--panel);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:12px;padding:12px 0}.brand{font-weight:700;letter-spacing:.3px;color:var(--text)}.spacer{flex:1}.pill{border:1px solid var(--border);background:#0f1218;border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted)}.link{color:var(--brand-2);text-decoration:none}.link:hover{text-decoration:underline}.btn{background:#2b2f36;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.btn:hover{background:#323740}.btn.secondary{background:#1f242c;color:var(--text)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-toggle{min-width:130px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-toggle.on{background:#2e333b;border-color:#3b4250}.btn-toggle.off{background:#161a1f;border-color:#343a44;color:var(--muted)}.btn-toggle .dot{width:8px;height:8px;border-radius:50%;background:#7a7f87}.btn-toggle.on .dot{background:#d4d7dc}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr}@media (min-width: 900px){.grid.two{grid-template-columns:1fr 1fr}}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.input{background:#0a0f1b;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none;min-width:180px}.input:focus{border-color:var(--brand-2)}.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.video{width:100%;background:#000;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.aside{border-left:1px solid var(--border);padding-left:12px}.chatbox{height:100%;display:flex;flex-direction:column}.chatlog{flex:1;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel)}.chatinput{display:flex;gap:8px;margin-top:8px}.footerbar{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.share{display:inline-flex;gap:8px;align-items:center;background:#0f1218;border:1px solid var(--border);padding:6px 10px;border-radius:999px}.share code{color:var(--muted)}