:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;--muted:#94a3b8;background-color:#020617;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#0ea5e933,#0000 55%),radial-gradient(circle at 20% 20%,#7c3aed33,#0000 35%),#020617;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,p{margin:0}a{color:inherit}input,button{font:inherit}.app-shell{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h1{margin:.25rem 0;font-size:clamp(1.8rem,3vw,2.4rem)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-size:.75rem}.status-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.9rem;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.status-idle{color:#64748b;border-color:#64748b4d}.status-connecting,.status-reconnecting{color:#a16207;border-color:#a1620759}.status-connected{color:#059669;border-color:#0596694d}.status-error{color:#dc2626;border-color:#dc262659}.panel{background:#0f172a66;border:1px solid #94a3b833;border-radius:1rem;padding:1.5rem}.session-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.field-group{flex-direction:column;gap:.3rem;display:flex}.field-group label{color:var(--muted);font-size:.85rem}.field-group input{color:inherit;background:#0f172a99;border:1px solid #94a3b866;border-radius:.65rem;padding:.75rem 1rem}.field-group input:focus-visible{border-color:#0000;outline:2px solid #5eead4cc}.actions{align-items:flex-end;gap:.75rem;display:flex}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:.65rem;flex-shrink:0;padding:.75rem 1.5rem;font-weight:600}button:disabled{cursor:not-allowed;opacity:.6}.ghost{background:0 0;border:1px solid #94a3b866}.form-error{color:#f87171;margin-top:.75rem}.error-text{color:#f87171;margin-top:.25rem;font-size:.8rem}.input-error{outline-color:#f8717199;border-color:#f87171!important}.server-error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:.65rem;padding:.75rem 1rem;font-size:.9rem}.chat-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chat-panel,.participants-panel{background:#0f172a80;border:1px solid #94a3b833;border-radius:1rem;flex-direction:column;min-height:540px;display:flex}.chat-panel__header,.participants-panel header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.muted{color:var(--muted)}.chat-panel__body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.empty-state{text-align:center;color:var(--muted)}.message{background:#0f172acc;border:1px solid #94a3b81a;border-radius:.85rem;padding:.75rem 1rem}.message.me{background:#0f766e33;border-color:#5eead4cc}.message header{color:var(--muted);justify-content:space-between;margin-bottom:.35rem;font-size:.85rem;display:flex}.composer{border-top:1px solid #94a3b833;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.composer input{color:inherit;background:#0f172a99;border:1px solid #94a3b84d;border-radius:999px;flex:1;padding:.85rem 1.2rem}.participants-panel ul{flex-direction:column;flex:1;gap:.85rem;margin:0;padding:1.25rem 1.5rem;list-style:none;display:flex}.participants-panel li{align-items:center;gap:.75rem;display:flex}.presence{border-radius:50%;width:.75rem;height:.75rem}.presence.online{background:#22c55e;box-shadow:0 0 12px #22c55e66}.presence.away{background:#eab308}@media (width<=960px){.chat-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:1.25rem}.page-header{flex-direction:column}.session-form{grid-template-columns:1fr}.actions{justify-content:flex-start}}