.container.svelte-16zkgrb{max-width:800px;margin:0 auto;padding:20px}.notice.svelte-16zkgrb{margin-bottom:20px;padding:10px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404}.connection-status.svelte-16zkgrb{margin-bottom:20px;padding:10px;background-color:#f0f0f0;border-radius:4px}.connection-controls.svelte-16zkgrb{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.join-form.svelte-16zkgrb{display:flex;gap:10px}.room-info.svelte-16zkgrb{margin-bottom:20px;padding:10px;background-color:#e0e0e0;border-radius:4px}.chat-container.svelte-16zkgrb{border:1px solid #ccc;border-radius:4px;overflow:hidden}.messages.svelte-16zkgrb{height:400px;overflow-y:auto;padding:20px;background-color:#fff}.message.svelte-16zkgrb{margin-bottom:10px;padding:8px;background-color:#f0f0f0;border-radius:4px}.input-area.svelte-16zkgrb{display:flex;padding:10px;background-color:#f0f0f0;gap:10px}input.svelte-16zkgrb{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}button.svelte-16zkgrb{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button.svelte-16zkgrb:hover{background-color:#0056b3}