:root{color:#e5ecff;font-synthesis:none;text-rendering:optimizelegibility;background:#09111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#67e8f92e,#0000 32rem),radial-gradient(circle at 100% 100%,#c4b5fd24,#0000 34rem),#09111f;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.room-shell{grid-template-columns:minmax(0,.9fr) minmax(340px,1fr);align-items:center;gap:32px;width:min(960px,100vw - 32px);min-height:100vh;margin:0 auto;padding:56px 0;display:grid}.hero h1{letter-spacing:-.08em;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.9}.eyebrow,.label{color:#8ea3c9;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.summary{color:#a8b7d8;max-width:31rem;margin:24px 0 0;font-size:1.05rem;line-height:1.7}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b833;border-radius:28px;padding:24px;box-shadow:0 24px 80px #0000005c}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel h2{letter-spacing:-.04em;margin:6px 0 0;font-size:1.7rem}.status{color:#cbd5e1;background:#0f172acc;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.status span{background:#facc15;border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #facc15cc}.status.connected span{background:#22c55e;box-shadow:0 0 18px #22c55ecc}.status.disconnected span{background:#fb7185;box-shadow:0 0 18px #fb7185cc}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.stats div{background:#1e293bb8;border-radius:20px;padding:16px}.stats strong{font-size:1.8rem;line-height:1;display:block}.stats span{color:#94a3b8;margin-top:8px;font-size:.86rem;display:block}.roster{gap:10px;min-height:188px;margin:0;padding:0;list-style:none;display:grid}.user-card,.empty{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;padding:14px}.user-card{align-items:center;gap:12px;display:flex}.user-card.self{background:#0891b224;border-color:#67e8f97a}.swatch{background:var(--user-color);width:42px;height:42px;box-shadow:0 0 24px color-mix(in srgb, var(--user-color) 45%, transparent);border-radius:50%;flex:none}.user-card strong,.user-card small{display:block}.user-card small,.empty{color:#9aa9c7}.user-card small{margin-top:3px}@media (width<=760px){.room-shell{grid-template-columns:1fr;align-items:start;padding:32px 0}}