body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-container.svelte-1n46o8q{max-width:900px;margin:0 auto;padding:1rem}header.svelte-1n46o8q{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #eee}h1.svelte-1n46o8q{margin:0 0 .5rem;color:#333}.status.svelte-1n46o8q{color:#666;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.status.svelte-1n46o8q .online:where(.svelte-1n46o8q){color:#22c55e;font-weight:700}.status.svelte-1n46o8q .offline:where(.svelte-1n46o8q){color:#ef4444;font-weight:700}.user-count.svelte-1n46o8q{color:#888}.my-status.svelte-1n46o8q{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.my-status.online.svelte-1n46o8q{background:#dcfce7;color:#166534}.my-status.offline.svelte-1n46o8q{background:#f3f4f6;color:#6b7280}.join-panel.svelte-1n46o8q{text-align:center;padding:3rem 2rem;background:#f9fafb;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:400px;margin:0 auto}.join-panel.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin-bottom:1rem;color:#333}.error.svelte-1n46o8q{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.admin-hint.svelte-1n46o8q{color:#666;font-size:.9rem;margin-bottom:1rem}.input-group.svelte-1n46o8q{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-group.svelte-1n46o8q input:where(.svelte-1n46o8q){padding:.75rem 1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .2s}.input-group.svelte-1n46o8q input:where(.svelte-1n46o8q):focus{outline:none;border-color:#3b82f6}.button-group.svelte-1n46o8q{display:flex;gap:.5rem;justify-content:center}.button-group.svelte-1n46o8q button:where(.svelte-1n46o8q){padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.button-group.svelte-1n46o8q button[type=submit]:where(.svelte-1n46o8q){background:#3b82f6;color:#fff}.button-group.svelte-1n46o8q button[type=submit]:where(.svelte-1n46o8q):hover:not(:disabled){background:#2563eb}.button-group.svelte-1n46o8q button.secondary:where(.svelte-1n46o8q){background:#e5e7eb;color:#374151}.button-group.svelte-1n46o8q button.secondary:where(.svelte-1n46o8q):hover{background:#d1d5db}.button-group.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled{background:#ccc;cursor:not-allowed}.hint.svelte-1n46o8q{margin-top:1.5rem;font-size:.85rem;color:#9ca3af;line-height:1.5}.chat-layout.svelte-1n46o8q{display:grid;grid-template-columns:1fr 200px;gap:1rem;height:600px}.messages-area.svelte-1n46o8q{display:flex;flex-direction:column;background:#f9fafb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.messages-list.svelte-1n46o8q{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.empty.svelte-1n46o8q{text-align:center;color:#999;padding:3rem}.message.svelte-1n46o8q{max-width:80%;padding:.75rem 1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.message.mine.svelte-1n46o8q{align-self:flex-end;background:#3b82f6;color:#fff}.message.svelte-1n46o8q{max-width:80%;width:fit-content;min-width:120px;padding:.75rem 1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.message.xiaomeng.svelte-1n46o8q{border-left:4px solid #ec4899;background:#fdf2f8}.message.xiaomeng.svelte-1n46o8q .sender:where(.svelte-1n46o8q){color:#be185d;font-weight:700}.message.xiaomeng.svelte-1n46o8q .time:where(.svelte-1n46o8q){color:#9d174d}.message.laoda.svelte-1n46o8q{border-left:4px solid #f59e0b;background:#fffbeb}.message.laoda.svelte-1n46o8q .sender:where(.svelte-1n46o8q){color:#b45309;font-weight:700}.message.laoda.svelte-1n46o8q .time:where(.svelte-1n46o8q){color:#92400e}.message.mine.xiaomeng.svelte-1n46o8q{background:#fce7f3;color:#831843}.message.mine.xiaomeng.svelte-1n46o8q .message-header:where(.svelte-1n46o8q){color:#be185d}.message.mine.laoda.svelte-1n46o8q{background:#fef3c7;color:#78350f}.message.mine.laoda.svelte-1n46o8q .message-header:where(.svelte-1n46o8q){color:#b45309}.message-header.svelte-1n46o8q{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.8rem;opacity:.7}.message.mine.svelte-1n46o8q .message-header:where(.svelte-1n46o8q){color:#ffffffe6}.sender.svelte-1n46o8q{font-weight:600}.time.svelte-1n46o8q{font-size:.75rem}.message-content.svelte-1n46o8q{line-height:1.4;word-break:break-word}.message-input.svelte-1n46o8q{display:flex;padding:1rem;background:#fff;border-top:1px solid #eee;gap:.5rem}.message-input.svelte-1n46o8q input:where(.svelte-1n46o8q){flex:1;padding:.75rem 1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .2s}.message-input.svelte-1n46o8q input:where(.svelte-1n46o8q):focus{outline:none;border-color:#3b82f6}.message-input.svelte-1n46o8q button:where(.svelte-1n46o8q){padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.message-input.svelte-1n46o8q button:where(.svelte-1n46o8q):hover:not(:disabled){background:#2563eb}.message-input.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled{background:#ccc;cursor:not-allowed}.sidebar.svelte-1n46o8q{background:#f9fafb;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.sidebar.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin:0 0 1rem;color:#333;font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.user-list.svelte-1n46o8q{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.user-list.svelte-1n46o8q li:where(.svelte-1n46o8q){padding:.5rem;border-radius:6px;margin-bottom:.25rem;font-size:.9rem}.user-list.svelte-1n46o8q li.me:where(.svelte-1n46o8q){background:#dbeafe;font-weight:600}.user-list.svelte-1n46o8q li.xiaomeng:where(.svelte-1n46o8q){background:#fce7f3;color:#be185d;font-weight:600}.user-list.svelte-1n46o8q li.laoda:where(.svelte-1n46o8q){background:#fef3c7;color:#b45309;font-weight:600}.you-tag.svelte-1n46o8q{font-size:.75rem;color:#666;margin-left:.25rem}.sidebar-actions.svelte-1n46o8q{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;text-align:center}.toggle-btn.svelte-1n46o8q{width:100%;padding:.75rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.toggle-btn.online.svelte-1n46o8q{background:#22c55e;color:#fff}.toggle-btn.online.svelte-1n46o8q:hover{background:#16a34a}.toggle-btn.offline.svelte-1n46o8q{background:#6b7280;color:#fff}.toggle-btn.offline.svelte-1n46o8q:hover{background:#4b5563}.toggle-hint.svelte-1n46o8q{margin-top:.5rem;font-size:.75rem;color:#9ca3af}@media(max-width:700px){.chat-layout.svelte-1n46o8q{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar.svelte-1n46o8q{order:-1;max-height:150px;overflow-y:auto}.user-list.svelte-1n46o8q{display:flex;flex-wrap:wrap;gap:.5rem}.user-list.svelte-1n46o8q li:where(.svelte-1n46o8q){margin-bottom:0}.sidebar-actions.svelte-1n46o8q{display:none}}