:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f3f4f6;background:radial-gradient(circle at top,rgba(79,70,229,.35),transparent 35%),linear-gradient(180deg,#08111f,#060b14);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{border:0;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;padding:.85rem 1rem;cursor:pointer;transition:transform .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input{width:100%;margin-top:.45rem;background:#ffffff0a;color:#f3f4f6;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem 1rem;outline:none}input:focus{border-color:#818cf8bf;box-shadow:0 0 0 4px #6366f12e}.shell{width:min(1280px,calc(100vw - 24px));margin:0 auto;padding:24px 0}.join-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.hero h1,.topbar h2,.panel h3{margin:0}.hero h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;letter-spacing:-.04em;max-width:12ch}.subtitle{color:#a3adc2;margin:.6rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#9ca3af;margin:0 0 .75rem}.panel{background:#070d1bbf;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.join-panel{padding:24px;display:grid;gap:16px}.error-banner{margin:0;border-radius:14px;padding:.85rem 1rem;background:#dc26262e;border:1px solid rgba(248,113,113,.35)}.meeting-shell{min-height:100vh;display:grid;gap:18px}.topbar,.footer-panel{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary{background:#ffffff0d}.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.meeting-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px;align-items:start}.video-panel,.sidebar{padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.participant-card{overflow:hidden;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.participant-media{position:relative;aspect-ratio:16 / 10;background:linear-gradient(135deg,#818cf82e,#0ea5e91a)}.participant-video{width:100%;height:100%;object-fit:cover}.participant-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:3rem;font-weight:700;color:#ffffffe6}.participant-meta{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.badges,.participant-pills,.chat-meta{display:flex;flex-wrap:wrap;gap:8px}.badge,.pill{border-radius:999px;padding:.3rem .75rem;background:#818cf82e;border:1px solid rgba(129,140,248,.28);color:#dbe4ff;font-size:.82rem}.badge-muted{background:#ffffff0d;border-color:#ffffff14;color:#cbd5e1}.pill-host{background:#22c55e29;border-color:#4ade804d}.chat-list{min-height:380px;max-height:380px;overflow:auto;display:grid;gap:12px;padding-right:4px}.chat-message{padding:12px;border-radius:16px;background:#ffffff0a}.chat-message p{margin:.5rem 0 0;color:#e5e7eb}.empty-state{color:#94a3b8}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}label{display:block;color:#dbe4ff}.footer-panel{flex-wrap:wrap}@media(max-width:980px){.join-shell,.meeting-grid{grid-template-columns:1fr}.topbar,.footer-panel{align-items:flex-start;flex-direction:column}}