:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}body{margin:0;background:#0b0f17;color:#e7eefc}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1c2740}.brand{font-weight:700;letter-spacing:.2px}.joinRow{display:flex;gap:8px;align-items:center}.joinRow input{background:#0f1626;border:1px solid #223155;color:#e7eefc;padding:10px;border-radius:10px;outline:none;width:180px}.joinRow button{background:#2a5bd7;border:0;color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}.joinRow .danger{background:#d74b4b}.pill{padding:8px 10px;background:#0f1626;border:1px solid #223155;border-radius:999px}.main{flex:1;display:grid;grid-template-columns:1fr 340px;gap:12px;padding:12px}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-content:start}.tile{position:relative;background:#0f1626;border:1px solid #223155;border-radius:16px;overflow:hidden;min-height:180px}.tile video{width:100%;height:100%;object-fit:cover;display:block}.label{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:#0000008c;font-size:12px}.chat{display:flex;flex-direction:column;background:#0f1626;border:1px solid #223155;border-radius:16px;overflow:hidden}.chatHeader{padding:12px;font-weight:700;border-bottom:1px solid #223155}.chatBody{flex:1;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}.muted{opacity:.7}.msg .meta{display:flex;justify-content:space-between;opacity:.85;font-size:12px;margin-bottom:4px}.msg .from{font-weight:700}.msg .text{background:#0b0f17;border:1px solid #223155;padding:8px 10px;border-radius:12px}.chatForm{display:flex;gap:8px;padding:12px;border-top:1px solid #223155}.chatForm input{flex:1;background:#0b0f17;border:1px solid #223155;color:#e7eefc;padding:10px;border-radius:10px;outline:none}.chatForm button{background:#2a5bd7;border:0;color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}.footer{padding:10px 16px;border-top:1px solid #1c2740;color:#b8c7ea;font-size:12px}.footer code{background:#0f1626;padding:3px 6px;border-radius:8px;border:1px solid #223155}