:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2ff;background:#0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.app{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,#6366f140,#0ea5e91f);box-shadow:0 24px 80px #00000040}.eyebrow{margin:0 0 8px;color:#93c5fd;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1{margin:0 0 8px;font-size:clamp(28px,5vw,56px)}p{margin:0;color:#cbd5e1}button{border:0;border-radius:999px;padding:12px 18px;color:#fff;background:#334155;cursor:pointer;transition:transform .15s ease,opacity .15s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{background:#4f46e5}.danger{background:#e11d48}.secondary{background:#334155}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px;margin-top:18px}.videoCard{position:relative;min-height:360px;overflow:hidden;border-radius:24px;background:#020617;border:1px solid rgba(255,255,255,.1)}.videoCard.local{min-height:260px}.video{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.badge{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-weight:700}.panel{margin-top:18px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#0f172acc}.chat{height:220px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px}.muted{color:#64748b}.bubble{max-width:72%;width:fit-content;padding:10px 12px;border-radius:16px 16px 16px 4px;background:#1e293b}.bubble.me{align-self:flex-end;border-radius:16px 16px 4px;background:#4f46e5}.messageForm,.moderation{display:flex;gap:10px;margin-top:12px}input,select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:12px 14px;color:#eef2ff;background:#020617;outline:none}@media (max-width: 820px){.hero{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1}.grid{grid-template-columns:1fr}.videoCard,.videoCard.local{min-height:280px}.messageForm,.moderation{flex-direction:column}}