@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.home[data-v-188e6a4f]{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;overflow:hidden}.background-decoration[data-v-188e6a4f]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.circle[data-v-188e6a4f]{position:absolute;border-radius:50%;opacity:.08}.circle-1[data-v-188e6a4f]{width:300px;height:300px;background:linear-gradient(135deg,#f97316,#ef4444);top:-100px;right:-100px;animation:float-188e6a4f 20s ease-in-out infinite}.circle-2[data-v-188e6a4f]{width:200px;height:200px;background:linear-gradient(135deg,#fb923c,#f472b6);bottom:20%;right:15%;animation:float-188e6a4f 25s ease-in-out infinite reverse}.circle-3[data-v-188e6a4f]{width:150px;height:150px;background:linear-gradient(135deg,#fbbf24,#f97316);top:40%;left:-50px;animation:float-188e6a4f 18s ease-in-out infinite}@keyframes float-188e6a4f{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.welcome-card[data-v-188e6a4f]{position:relative;width:90%;max-width:420px;padding:48px 40px;background:#fff;border-radius:24px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f,0 12px 24px #0000000a;text-align:center;animation:slideUp-188e6a4f .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp-188e6a4f{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-area[data-v-188e6a4f]{margin-bottom:24px}.logo-icon[data-v-188e6a4f]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:20px;color:#fff;box-shadow:0 4px 12px #f973164d}.header[data-v-188e6a4f]{margin-bottom:32px}.header h1[data-v-188e6a4f]{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827;letter-spacing:-.5px}.subtitle[data-v-188e6a4f]{margin:0;font-size:15px;color:#6b7280;line-height:1.5}.features[data-v-188e6a4f]{display:flex;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.feature-item[data-v-188e6a4f]{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;font-weight:500}.feature-item[data-v-188e6a4f] .n-icon{color:#f97316}.content[data-v-188e6a4f]{display:flex;flex-direction:column;gap:18px}.gender-section[data-v-188e6a4f]{display:flex;justify-content:center}.gender-options[data-v-188e6a4f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.gender-options[data-v-188e6a4f] .n-radio-button{width:100%}.gender-options[data-v-188e6a4f] .n-radio-button__state-border{display:none}.gender-options[data-v-188e6a4f] .n-radio-button__label{width:100%;height:58px;padding:0 18px;border-radius:16px;background:#fff;color:#6b7280;border:1px solid #E5E7EB;box-shadow:0 10px 24px #0f172a0f;transition:all .2s ease}.gender-options[data-v-188e6a4f] .n-radio-button.n-radio-button--checked .n-radio-button__label{background:linear-gradient(135deg,#f97316,#fb4a3d);color:#fff;border-color:transparent;box-shadow:0 14px 28px #f9731647}.gender-options[data-v-188e6a4f] .n-radio-button:not(.n-radio-button--checked) .n-radio-button__label:hover{border-color:#fdba74;color:#c2410c;transform:translateY(-1px)}.gender-option-label[data-v-188e6a4f]{display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:15px;font-weight:700;letter-spacing:.2px}.start-btn[data-v-188e6a4f]{width:100%;height:52px;font-size:16px;font-weight:600;border-radius:14px;transition:all .2s ease}.start-btn[data-v-188e6a4f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.start-btn[data-v-188e6a4f]:active{transform:translateY(0)}@media(max-width:480px){.welcome-card[data-v-188e6a4f]{width:92%;padding:36px 24px;border-radius:20px}.logo-icon[data-v-188e6a4f]{width:56px;height:56px;border-radius:16px}.header h1[data-v-188e6a4f]{font-size:24px}.subtitle[data-v-188e6a4f]{font-size:14px}.features[data-v-188e6a4f]{gap:16px;margin-bottom:32px}.feature-item[data-v-188e6a4f]{font-size:12px}.start-btn[data-v-188e6a4f]{height:48px;font-size:15px}}.emoji-trigger[data-v-58930eb3]{transition:all .2s ease}.emoji-trigger[data-v-58930eb3]:hover{background:#ffedd5!important;color:#f97316!important}.emoji-picker[data-v-58930eb3]{max-height:320px;overflow-y:auto;padding:12px}.emoji-picker[data-v-58930eb3]::-webkit-scrollbar{width:6px}.emoji-picker[data-v-58930eb3]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.emoji-picker[data-v-58930eb3]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.category[data-v-58930eb3]{margin-bottom:16px}.category[data-v-58930eb3]:last-child{margin-bottom:0}.category-title[data-v-58930eb3]{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:10px;padding-left:4px;text-transform:uppercase;letter-spacing:.5px}.emoji-grid[data-v-58930eb3]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-item[data-v-58930eb3]{font-size:24px;text-align:center;padding:6px 2px;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.emoji-item[data-v-58930eb3]:hover{background:#ffedd5;transform:scale(1.1)}.emoji-item[data-v-58930eb3]:active{transform:scale(.95)}@media(max-width:480px){.emoji-picker[data-v-58930eb3]{max-height:280px;padding:10px}.category[data-v-58930eb3]{margin-bottom:12px}.category-title[data-v-58930eb3]{font-size:11px;margin-bottom:8px}.emoji-grid[data-v-58930eb3]{grid-template-columns:repeat(6,1fr);gap:2px}.emoji-item[data-v-58930eb3]{font-size:20px;padding:4px 2px}}.chat-container[data-v-7f464a91]{height:100vh;display:flex;flex-direction:column;background:#f9fafb}.reconnecting[data-v-7f464a91]{display:flex;align-items:center;justify-content:center;height:100%}.reconnecting-card[data-v-7f464a91]{padding:48px 56px;background:#fff;border-radius:28px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f,0 12px 24px #0000000a;text-align:center}.spinner[data-v-7f464a91]{width:48px;height:48px;margin:0 auto 24px;border:4px solid #F3F4F6;border-top-color:#f97316;border-radius:50%;animation:spin-7f464a91 1s linear infinite}@keyframes spin-7f464a91{to{transform:rotate(360deg)}}.reconnecting-card h2[data-v-7f464a91]{margin:0 0 12px;font-size:22px;font-weight:600;color:#111827}.reconnecting-card p[data-v-7f464a91]{margin:0;font-size:15px;color:#6b7280;line-height:1.5}.matching[data-v-7f464a91]{display:flex;align-items:center;justify-content:center;height:100%}.matching-card[data-v-7f464a91]{position:relative;padding:48px 56px;background:#fff;border-radius:28px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f,0 12px 24px #0000000a;text-align:center}.pulse-ring[data-v-7f464a91]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#f9731633;animation:pulse-7f464a91 2s ease-out infinite}.pulse-ring.delay-1[data-v-7f464a91]{animation-delay:.5s}.pulse-ring.delay-2[data-v-7f464a91]{animation-delay:1s}@keyframes pulse-7f464a91{0%{width:64px;height:64px;opacity:1}to{width:200px;height:200px;opacity:0}}.matching-icon[data-v-7f464a91]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:24px;color:#fff;box-shadow:0 4px 12px #f973164d}.matching-card h2[data-v-7f464a91]{margin:0 0 12px;font-size:22px;font-weight:600;color:#111827}.matching-card p[data-v-7f464a91]{margin:0 0 32px;font-size:15px;color:#6b7280;line-height:1.5}.cancel-btn[data-v-7f464a91]{transition:all .2s ease}.chat[data-v-7f464a91]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-7f464a91]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB;position:relative}.header-left[data-v-7f464a91]{display:flex;align-items:center;gap:12px}.status-indicator[data-v-7f464a91]{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98126}.status-indicator.disconnected[data-v-7f464a91]{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.header-title[data-v-7f464a91]{font-size:15px;font-weight:600;color:#111827}.header-center[data-v-7f464a91]{position:absolute;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:#f97316;white-space:nowrap}.disconnect-btn[data-v-7f464a91]{transition:all .2s ease}.disconnect-btn[data-v-7f464a91]:hover{background:#fee2e2!important;color:#dc2626!important}.peer-profile-card[data-v-7f464a91]{margin:16px 20px 0;padding:14px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:18px;box-shadow:0 1px 2px #1118270a}.profile-identity[data-v-7f464a91]{display:flex;flex-direction:column;gap:8px}.profile-name[data-v-7f464a91]{font-size:15px;font-weight:700;color:#111827}.profile-badges[data-v-7f464a91]{display:flex;flex-wrap:wrap;gap:8px}.profile-badge[data-v-7f464a91]{padding:6px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:12px;font-weight:600}.messages[data-v-7f464a91]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message[data-v-7f464a91]{display:flex;flex-direction:column;align-items:flex-start;animation:messageIn-7f464a91 .3s cubic-bezier(.16,1,.3,1)}@keyframes messageIn-7f464a91{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.self[data-v-7f464a91]{align-items:flex-end}.message-nickname[data-v-7f464a91]{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px;align-self:flex-start}.message.self .message-nickname[data-v-7f464a91]{align-self:flex-end}.bubble[data-v-7f464a91]{max-width:75%;padding:14px 18px;border-radius:18px;background:#f3f4f6;color:#1f2937;word-wrap:break-word;line-height:1.5;font-size:15px}.message.self .bubble[data-v-7f464a91]{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border-bottom-right-radius:6px}.message:not(.self) .bubble[data-v-7f464a91]{border-bottom-left-radius:6px}.message-image[data-v-7f464a91]{max-width:100%;max-height:240px;border-radius:12px;cursor:pointer;transition:opacity .2s ease}.message-image[data-v-7f464a91]:hover{opacity:.85}.input-area[data-v-7f464a91]{display:flex;gap:8px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E5E7EB;align-items:flex-end}.input-wrapper[data-v-7f464a91]{flex:1}.input-wrapper[data-v-7f464a91] .n-input{border-radius:18px}.input-wrapper[data-v-7f464a91] .n-input__textarea-el{padding:10px 14px!important;margin:0!important;line-height:1.5!important;font-size:15px;text-align:left;text-indent:0}.input-wrapper[data-v-7f464a91] .n-input__border,.input-wrapper[data-v-7f464a91] .n-input__state-border{border-radius:18px;border:1px solid #E5E7EB}.input-wrapper[data-v-7f464a91] .n-input__state-border:hover{border-color:#f97316}.input-wrapper[data-v-7f464a91] .n-input--focus .n-input__state-border{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.send-btn[data-v-7f464a91]{width:48px;height:48px;flex-shrink:0;transition:all .2s ease}.send-btn[data-v-7f464a91]:not(:disabled):hover{transform:scale(1.05);box-shadow:0 4px 12px #f9731666}.send-btn[data-v-7f464a91]:active{transform:scale(.95)}.image-btn[data-v-7f464a91]{transition:all .2s ease}.image-btn[data-v-7f464a91]:hover{background:#ffedd5!important;color:#f97316!important}.peer-left-area[data-v-7f464a91]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E5E7EB}.peer-left-message[data-v-7f464a91]{font-size:14px;color:#6b7280}.rematch-input-btn[data-v-7f464a91]{width:100%;height:48px;font-size:15px;font-weight:600;border-radius:12px}.image-viewer-modal[data-v-7f464a91]{width:90%;max-width:800px;padding:0}.image-viewer-modal[data-v-7f464a91] .n-card__content{padding:0}.viewer-image[data-v-7f464a91]{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.leave-confirm-modal[data-v-7f464a91]{width:400px}.leave-confirm-content[data-v-7f464a91]{padding:32px 24px;text-align:center}.leave-confirm-icon[data-v-7f464a91]{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:linear-gradient(135deg,#fee2e2,#fca5a5);border-radius:24px;color:#dc2626}.leave-confirm-content h3[data-v-7f464a91]{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.leave-confirm-content p[data-v-7f464a91]{margin:0 0 28px;font-size:15px;color:#6b7280;line-height:1.5}.leave-confirm-actions[data-v-7f464a91]{display:flex;gap:12px}.leave-confirm-actions .cancel-btn[data-v-7f464a91],.leave-confirm-actions .confirm-btn[data-v-7f464a91]{flex:1;height:44px;border-radius:12px}.empty[data-v-7f464a91]{display:flex;align-items:center;justify-content:center;height:100%}.empty-card[data-v-7f464a91]{padding:48px 56px;background:#fff;border-radius:28px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f,0 12px 24px #0000000a;text-align:center}.empty-icon[data-v-7f464a91]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;background:#f3f4f6;border-radius:24px;color:#9ca3af}.empty-card h2[data-v-7f464a91]{margin:0 0 12px;font-size:22px;font-weight:600;color:#111827}.empty-card p[data-v-7f464a91]{margin:0 0 32px;font-size:15px;color:#6b7280}.rematch-btn[data-v-7f464a91]{width:100%;padding:0 32px;height:52px;font-size:16px;font-weight:600;border-radius:14px;margin-bottom:12px}.home-link[data-v-7f464a91]{font-size:14px;color:#6b7280;transition:color .2s ease}.home-link[data-v-7f464a91]:hover{color:#f97316}@media(max-width:480px){.matching-card[data-v-7f464a91]{padding:36px 24px;border-radius:20px}.matching-icon[data-v-7f464a91]{width:64px;height:64px;border-radius:18px}.matching-card h2[data-v-7f464a91]{font-size:20px}.matching-card p[data-v-7f464a91]{font-size:14px}.chat-header[data-v-7f464a91]{padding:12px 16px}.header-title[data-v-7f464a91]{font-size:14px}.my-nickname-tag[data-v-7f464a91]{font-size:12px;padding:3px 8px}.messages[data-v-7f464a91]{padding:16px;gap:10px}.bubble[data-v-7f464a91]{padding:12px 16px;font-size:14px}.input-area[data-v-7f464a91]{padding:12px 12px calc(12px + env(safe-area-inset-bottom)) 16px;gap:6px}.image-btn[data-v-7f464a91]{font-size:20px}.send-btn[data-v-7f464a91]{width:44px;height:44px}.input-wrapper[data-v-7f464a91] .n-input__textarea-el{padding:8px 12px!important;font-size:14px}.empty-card[data-v-7f464a91]{padding:36px 24px;border-radius:20px}.empty-icon[data-v-7f464a91]{width:64px;height:64px;border-radius:18px}.empty-card h2[data-v-7f464a91]{font-size:20px}.empty-card p[data-v-7f464a91]{font-size:14px}.rematch-btn[data-v-7f464a91]{height:48px;font-size:15px}}.chat-records[data-v-ce39dd31]{min-height:100vh;background:#f9fafb}.container[data-v-ce39dd31]{display:flex;height:100vh;max-width:1600px;margin:0 auto}.sidebar[data-v-ce39dd31]{width:320px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #E5E7EB}.sidebar-header[data-v-ce39dd31]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #E5E7EB}.header-icon[data-v-ce39dd31]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:12px;color:#fff;box-shadow:0 2px 8px #f9731640}.header-title[data-v-ce39dd31]{font-size:16px;font-weight:600;color:#111827}.sidebar-filters[data-v-ce39dd31]{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #E5E7EB}.filter-btn[data-v-ce39dd31]{flex:1;font-size:13px}.room-list[data-v-ce39dd31]{flex:1;overflow-y:auto;padding:8px}.loading-state[data-v-ce39dd31],.empty-state[data-v-ce39dd31]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;color:#9ca3af}.empty-state p[data-v-ce39dd31]{margin:12px 0 0;font-size:14px}.loading-spinner[data-v-ce39dd31]{width:32px;height:32px;border:3px solid #F3F4F6;border-top-color:#f97316;border-radius:50%;animation:spin-ce39dd31 1s linear infinite}@keyframes spin-ce39dd31{to{transform:rotate(360deg)}}.room-item[data-v-ce39dd31]{display:flex;gap:12px;padding:14px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f9fafb}.room-item[data-v-ce39dd31]:hover{background:#fef3c7}.room-item.active[data-v-ce39dd31]{background:linear-gradient(135deg,#fef3c7,#ffedd5);box-shadow:0 2px 8px #f9731626}.room-indicator[data-v-ce39dd31]{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.room-indicator.active[data-v-ce39dd31]{background:#10b981;box-shadow:0 0 0 3px #10b98126}.room-indicator.ended[data-v-ce39dd31]{background:#9ca3af}.room-info[data-v-ce39dd31]{flex:1;min-width:0}.room-header[data-v-ce39dd31]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.room-id[data-v-ce39dd31]{font-size:14px;font-weight:500;color:#111827}.room-time[data-v-ce39dd31]{font-size:12px;color:#9ca3af}.room-meta[data-v-ce39dd31]{display:flex;gap:8px;font-size:12px;color:#6b7280}.message-count[data-v-ce39dd31],.duration[data-v-ce39dd31]{display:inline-flex}.main-content[data-v-ce39dd31]{flex:1;display:flex;flex-direction:column;overflow:hidden}.no-selection[data-v-ce39dd31]{flex:1;display:flex;align-items:center;justify-content:center}.no-selection-content[data-v-ce39dd31]{text-align:center}.no-selection-icon[data-v-ce39dd31]{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;background:#f3f4f6;border-radius:24px;color:#9ca3af}.no-selection-content h2[data-v-ce39dd31]{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.no-selection-content p[data-v-ce39dd31]{margin:0;font-size:14px;color:#6b7280}.chat-detail[data-v-ce39dd31]{flex:1;display:flex;flex-direction:column;overflow:hidden}.detail-header[data-v-ce39dd31]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #E5E7EB}.room-badge[data-v-ce39dd31]{font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:6px 12px;border-radius:8px}.room-status[data-v-ce39dd31]{font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px}.room-status.active[data-v-ce39dd31]{background:#d1fae5;color:#065f46}.room-status.ended[data-v-ce39dd31]{background:#f3f4f6;color:#6b7280}.detail-loading[data-v-ce39dd31]{flex:1;display:flex;align-items:center;justify-content:center}.messages-container[data-v-ce39dd31]{flex:1;overflow-y:auto;padding:24px;background:#f9fafb}.no-messages[data-v-ce39dd31]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af}.no-messages p[data-v-ce39dd31]{margin:12px 0 0;font-size:14px}.messages-list[data-v-ce39dd31]{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.message-item[data-v-ce39dd31]{display:flex;animation:messageIn-ce39dd31 .3s cubic-bezier(.16,1,.3,1)}@keyframes messageIn-ce39dd31{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.self[data-v-ce39dd31]{justify-content:flex-end}.message-bubble[data-v-ce39dd31]{max-width:70%;padding:14px 18px;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0000000d;animation:bubbleIn-ce39dd31 .2s ease}@keyframes bubbleIn-ce39dd31{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.message-item.self .message-bubble[data-v-ce39dd31]{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border-bottom-right-radius:6px}.message-item:not(.self) .message-bubble[data-v-ce39dd31]{border-bottom-left-radius:6px}.message-text[data-v-ce39dd31]{word-wrap:break-word;line-height:1.5;font-size:15px}.message-image[data-v-ce39dd31]{max-width:100%;max-height:300px;border-radius:12px;cursor:pointer;transition:opacity .2s ease}.message-image[data-v-ce39dd31]:hover{opacity:.85}.message-time[data-v-ce39dd31]{font-size:11px;opacity:.7;margin-top:6px}.image-viewer-modal[data-v-ce39dd31]{width:90%;max-width:900px;padding:0}.image-viewer-modal[data-v-ce39dd31] .n-card__content{padding:0}.viewer-image[data-v-ce39dd31]{width:100%;height:auto;max-height:85vh;object-fit:contain;display:block}@media(max-width:1024px){.sidebar[data-v-ce39dd31]{width:280px}.sidebar-header[data-v-ce39dd31]{padding:16px}.sidebar-filters[data-v-ce39dd31]{padding:10px 16px}}@media(max-width:768px){.container[data-v-ce39dd31]{flex-direction:column}.sidebar[data-v-ce39dd31]{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid #E5E7EB}.sidebar-filters[data-v-ce39dd31]{flex-wrap:wrap}.filter-btn[data-v-ce39dd31]{flex:none}.room-item[data-v-ce39dd31]{padding:12px}.messages-container[data-v-ce39dd31]{padding:16px}.messages-list[data-v-ce39dd31]{gap:12px}.message-bubble[data-v-ce39dd31]{max-width:80%;padding:12px 16px}.message-text[data-v-ce39dd31]{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;background:#f9fafb}@media(max-width:480px){*{-webkit-tap-highlight-color:transparent}#app{height:100dvh;height:-webkit-fill-available}}