.wrapper.svelte-1ylbinu{display:flex;align-items:center;justify-content:center;height:100dvh}.card.svelte-1ylbinu{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 3rem;width:min(400px,90vw);display:flex;flex-direction:column;gap:1rem}h1.svelte-1ylbinu{font-size:1.6rem;font-weight:700;color:var(--accent)}.subtitle.svelte-1ylbinu{color:var(--text-muted);font-size:.9rem}form.svelte-1ylbinu{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}input.svelte-1ylbinu{width:100%}button.svelte-1ylbinu{width:100%;padding:.7rem;font-size:1rem}.message-list.svelte-vrn44r{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.empty.svelte-vrn44r{color:var(--text-muted);text-align:center;margin:auto;font-size:.9rem}.message.svelte-vrn44r{display:flex;flex-direction:column;max-width:70%;align-self:flex-start}.message.own.svelte-vrn44r{align-self:flex-end}.meta.svelte-vrn44r{display:flex;gap:.5rem;align-items:baseline;margin-bottom:.2rem;padding:0 .4rem}.message.own.svelte-vrn44r .meta:where(.svelte-vrn44r){flex-direction:row-reverse}.sender.svelte-vrn44r{font-size:.78rem;font-weight:600;color:var(--accent)}.time.svelte-vrn44r{font-size:.72rem;color:var(--text-muted)}.bubble.svelte-vrn44r{background:var(--surface-alt);padding:.5rem .85rem;border-radius:12px 12px 12px 3px;line-height:1.45;word-break:break-word}.message.own.svelte-vrn44r .bubble:where(.svelte-vrn44r){background:var(--accent);border-bottom-left-radius:12px;border-bottom-right-radius:3px}.message.pending.svelte-vrn44r{opacity:.6}@keyframes svelte-vrn44r-own-confirm{0%{opacity:.6}to{opacity:1}}.message.svelte-vrn44r:not(.pending):not(.failed){animation:svelte-vrn44r-own-confirm .1s ease-out forwards}.message.failed.svelte-vrn44r .bubble:where(.svelte-vrn44r){background:#ff4d4d22;border:1px solid #ff4d4d66;color:#ff6b6b}.message.own.failed.svelte-vrn44r .bubble:where(.svelte-vrn44r){background:#ff4d4d33;border:1px solid #ff4d4d88}.error-label.svelte-vrn44r{font-size:.72rem;color:#ff6b6b;padding:.15rem .4rem 0;align-self:flex-end}.input-bar.svelte-1ln5o33{display:flex;gap:.6rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}input.svelte-1ln5o33{flex:1}.online-users.svelte-1ahp1l9{padding:1rem .75rem}.heading.svelte-1ahp1l9{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.dot.svelte-1ahp1l9{width:8px;height:8px;border-radius:50%;background:#3ddc84;flex-shrink:0}ul.svelte-1ahp1l9{list-style:none;display:flex;flex-direction:column;gap:.4rem}li.svelte-1ahp1l9{display:flex;align-items:center;gap:.5rem;font-size:.88rem;padding:.3rem .4rem;border-radius:var(--radius)}li.you.svelte-1ahp1l9{background:var(--surface-alt)}.avatar.svelte-1ahp1l9{width:26px;height:26px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.name.svelte-1ahp1l9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}em.svelte-1ahp1l9{font-style:normal;color:var(--text-muted);font-size:.8em}.room-list.svelte-yus9j9{padding:1rem .75rem .5rem;border-bottom:1px solid var(--border)}.heading.svelte-yus9j9{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem}ul.svelte-yus9j9{list-style:none;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}li.svelte-yus9j9{display:flex}li.svelte-yus9j9 button:where(.svelte-yus9j9){display:flex;align-items:center;gap:.35rem;width:100%;font-size:.88rem;padding:.3rem .4rem;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);background:transparent;border:none;text-align:left}li.svelte-yus9j9 button:where(.svelte-yus9j9):hover{background:var(--surface-alt);color:var(--text)}li.svelte-yus9j9 button.active:where(.svelte-yus9j9){background:var(--surface-alt);color:var(--text);font-weight:600}li.empty.svelte-yus9j9{font-size:.8rem;padding:.3rem .4rem;color:var(--text-muted)}.hash.svelte-yus9j9{color:var(--text-muted);flex-shrink:0}.name.svelte-yus9j9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-room.svelte-yus9j9{display:flex;gap:.4rem}.new-room.svelte-yus9j9 input:where(.svelte-yus9j9){flex:1;font-size:.82rem;padding:.3rem .5rem}.new-room.svelte-yus9j9 button:where(.svelte-yus9j9){padding:.3rem .6rem;font-size:1rem;line-height:1;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;color:#fff}.new-room.svelte-yus9j9 button:where(.svelte-yus9j9):disabled{opacity:.4;cursor:not-allowed}.error.svelte-yus9j9{font-size:.78rem;color:#ff6b6b;margin-top:.3rem}.room.svelte-1eqz6cr{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topbar.svelte-1eqz6cr{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.room-name.svelte-1eqz6cr{font-weight:700;font-size:1rem;color:var(--text)}.you-label.svelte-1eqz6cr{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.leave-btn.svelte-1eqz6cr{font-size:.75rem;padding:.2rem .5rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;line-height:1.2}.leave-btn.svelte-1eqz6cr:hover{background:var(--surface-alt);color:var(--text)}.no-room.svelte-1eqz6cr{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.95rem;margin:auto;padding:2rem;text-align:center}.body.svelte-1eqz6cr{display:flex;flex:1;overflow:hidden}.sidebar.svelte-1eqz6cr{width:200px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.chat-main.svelte-1eqz6cr{flex:1;display:flex;flex-direction:column;overflow:hidden}.connecting.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;height:100dvh;color:var(--text-muted);font-size:1.1rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface-alt: #0f3460;--accent: #e94560;--text: #eaeaea;--text-muted: #888;--border: #2a2a4a;--radius: 6px;font-family:system-ui,-apple-system,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}body{height:100dvh;overflow:hidden}#app{height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1.2rem;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{opacity:.85}input[type=text]{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;padding:.5rem .8rem;outline:none;transition:border-color .15s}input[type=text]:focus{border-color:var(--accent)}.error{color:var(--accent);font-size:.85rem;margin-top:.4rem}