@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.home[data-v-b337ce48]{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;overflow:hidden}.background-decoration[data-v-b337ce48]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.circle[data-v-b337ce48]{position:absolute;border-radius:50%;opacity:.08}.circle-1[data-v-b337ce48]{width:300px;height:300px;background:linear-gradient(135deg,#f97316,#ef4444);top:-100px;right:-100px;animation:float-b337ce48 20s ease-in-out infinite}.circle-2[data-v-b337ce48]{width:200px;height:200px;background:linear-gradient(135deg,#fb923c,#f472b6);bottom:20%;right:15%;animation:float-b337ce48 25s ease-in-out infinite reverse}.circle-3[data-v-b337ce48]{width:150px;height:150px;background:linear-gradient(135deg,#fbbf24,#f97316);top:40%;left:-50px;animation:float-b337ce48 18s ease-in-out infinite}@keyframes float-b337ce48{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.welcome-card[data-v-b337ce48]{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-b337ce48 .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp-b337ce48{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-area[data-v-b337ce48]{margin-bottom:24px}.logo-icon[data-v-b337ce48]{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-b337ce48]{margin-bottom:32px}.header h1[data-v-b337ce48]{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827;letter-spacing:-.5px}.subtitle[data-v-b337ce48]{margin:0;font-size:15px;color:#6b7280;line-height:1.5}.features[data-v-b337ce48]{display:flex;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.feature-item[data-v-b337ce48]{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;font-weight:500}.feature-item[data-v-b337ce48] .n-icon{color:#f97316}.content[data-v-b337ce48]{display:flex;flex-direction:column;gap:16px}.start-btn[data-v-b337ce48]{width:100%;height:52px;font-size:16px;font-weight:600;border-radius:14px;transition:all .2s ease}.start-btn[data-v-b337ce48]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.start-btn[data-v-b337ce48]:active{transform:translateY(0)}@media(max-width:480px){.welcome-card[data-v-b337ce48]{width:92%;padding:36px 24px;border-radius:20px}.logo-icon[data-v-b337ce48]{width:56px;height:56px;border-radius:16px}.header h1[data-v-b337ce48]{font-size:24px}.subtitle[data-v-b337ce48]{font-size:14px}.features[data-v-b337ce48]{gap:16px;margin-bottom:32px}.feature-item[data-v-b337ce48]{font-size:12px}.start-btn[data-v-b337ce48]{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-da672e80]{height:100vh;display:flex;flex-direction:column;background:#f9fafb}.reconnecting[data-v-da672e80]{display:flex;align-items:center;justify-content:center;height:100%}.reconnecting-card[data-v-da672e80]{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-da672e80]{width:48px;height:48px;margin:0 auto 24px;border:4px solid #F3F4F6;border-top-color:#f97316;border-radius:50%;animation:spin-da672e80 1s linear infinite}@keyframes spin-da672e80{to{transform:rotate(360deg)}}.reconnecting-card h2[data-v-da672e80]{margin:0 0 12px;font-size:22px;font-weight:600;color:#111827}.reconnecting-card p[data-v-da672e80]{margin:0;font-size:15px;color:#6b7280;line-height:1.5}.matching[data-v-da672e80]{display:flex;align-items:center;justify-content:center;height:100%}.matching-card[data-v-da672e80]{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-da672e80]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#f9731633;animation:pulse-da672e80 2s ease-out infinite}.pulse-ring.delay-1[data-v-da672e80]{animation-delay:.5s}.pulse-ring.delay-2[data-v-da672e80]{animation-delay:1s}@keyframes pulse-da672e80{0%{width:64px;height:64px;opacity:1}to{width:200px;height:200px;opacity:0}}.matching-icon[data-v-da672e80]{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-da672e80]{margin:0 0 12px;font-size:22px;font-weight:600;color:#111827}.matching-card p[data-v-da672e80]{margin:0 0 32px;font-size:15px;color:#6b7280;line-height:1.5}.cancel-btn[data-v-da672e80]{transition:all .2s ease}.chat[data-v-da672e80]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-da672e80]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.header-left[data-v-da672e80]{display:flex;align-items:center;gap:12px}.status-indicator[data-v-da672e80]{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98126}.my-nickname-tag[data-v-da672e80]{padding:4px 10px;font-size:13px;font-weight:600;color:#6b7280;background:#f3f4f6;border-radius:12px;margin-left:8px}.status-indicator.disconnected[data-v-da672e80]{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.header-title[data-v-da672e80]{font-size:15px;font-weight:600;color:#111827}.disconnect-btn[data-v-da672e80]{transition:all .2s ease}.disconnect-btn[data-v-da672e80]:hover{background:#fee2e2!important;color:#dc2626!important}.messages[data-v-da672e80]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message[data-v-da672e80]{display:flex;flex-direction:column;align-items:flex-start;animation:messageIn-da672e80 .3s cubic-bezier(.16,1,.3,1)}@keyframes messageIn-da672e80{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.self[data-v-da672e80]{align-items:flex-end}.message-nickname[data-v-da672e80]{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px;align-self:flex-start}.message.self .message-nickname[data-v-da672e80]{align-self:flex-end}.bubble[data-v-da672e80]{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-da672e80]{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border-bottom-right-radius:6px}.message:not(.self) .bubble[data-v-da672e80]{border-bottom-left-radius:6px}.message-image[data-v-da672e80]{max-width:100%;max-height:240px;border-radius:12px;cursor:pointer;transition:opacity .2s ease}.message-image[data-v-da672e80]:hover{opacity:.85}.input-area[data-v-da672e80]{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-da672e80]{flex:1}.input-wrapper[data-v-da672e80] .n-input{border-radius:18px}.input-wrapper[data-v-da672e80] .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-da672e80] .n-input__border,.input-wrapper[data-v-da672e80] .n-input__state-border{border-radius:18px;border:1px solid #E5E7EB}.input-wrapper[data-v-da672e80] .n-input__state-border:hover{border-color:#f97316}.input-wrapper[data-v-da672e80] .n-input--focus .n-input__state-border{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.send-btn[data-v-da672e80]{width:48px;height:48px;flex-shrink:0;transition:all .2s ease}.send-btn[data-v-da672e80]:not(:disabled):hover{transform:scale(1.05);box-shadow:0 4px 12px #f9731666}.send-btn[data-v-da672e80]:active{transform:scale(.95)}.image-btn[data-v-da672e80]{transition:all .2s ease}.image-btn[data-v-da672e80]:hover{background:#ffedd5!important;color:#f97316!important}.peer-left-area[data-v-da672e80]{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-da672e80]{font-size:14px;color:#6b7280}.rematch-input-btn[data-v-da672e80]{width:100%;height:48px;font-size:15px;font-weight:600;border-radius:12px}.image-viewer-modal[data-v-da672e80]{width:90%;max-width:800px;padding:0}.image-viewer-modal[data-v-da672e80] .n-card__content{padding:0}.viewer-image[data-v-da672e80]{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.leave-confirm-modal[data-v-da672e80]{width:400px}.leave-confirm-content[data-v-da672e80]{padding:32px 24px;text-align:center}.leave-confirm-icon[data-v-da672e80]{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-da672e80]{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.leave-confirm-content p[data-v-da672e80]{margin:0 0 28px;font-size:15px;color:#6b7280;line-height:1.5}.leave-confirm-actions[data-v-da672e80]{display:flex;gap:12px}.leave-confirm-actions .cancel-btn[data-v-da672e80],.leave-confirm-actions .confirm-btn[data-v-da672e80]{flex:1;height:44px;border-radius:12px}.empty[data-v-da672e80]{display:flex;align-items:center;justify-content:center;height:100%}.empty-card[data-v-da672e80]{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-da672e80]{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-da672e80]{margin:0 0 12px;font-size:22px;font-weight:600;color:#111827}.empty-card p[data-v-da672e80]{margin:0 0 32px;font-size:15px;color:#6b7280}.rematch-btn[data-v-da672e80]{width:100%;padding:0 32px;height:52px;font-size:16px;font-weight:600;border-radius:14px;margin-bottom:12px}.home-link[data-v-da672e80]{font-size:14px;color:#6b7280;transition:color .2s ease}.home-link[data-v-da672e80]:hover{color:#f97316}@media(max-width:480px){.matching-card[data-v-da672e80]{padding:36px 24px;border-radius:20px}.matching-icon[data-v-da672e80]{width:64px;height:64px;border-radius:18px}.matching-card h2[data-v-da672e80]{font-size:20px}.matching-card p[data-v-da672e80]{font-size:14px}.chat-header[data-v-da672e80]{padding:12px 16px}.header-title[data-v-da672e80]{font-size:14px}.my-nickname-tag[data-v-da672e80]{font-size:12px;padding:3px 8px}.messages[data-v-da672e80]{padding:16px;gap:10px}.bubble[data-v-da672e80]{padding:12px 16px;font-size:14px}.input-area[data-v-da672e80]{padding:12px 12px calc(12px + env(safe-area-inset-bottom)) 16px;gap:6px}.image-btn[data-v-da672e80]{font-size:20px}.send-btn[data-v-da672e80]{width:44px;height:44px}.input-wrapper[data-v-da672e80] .n-input__textarea-el{padding:8px 12px!important;font-size:14px}.empty-card[data-v-da672e80]{padding:36px 24px;border-radius:20px}.empty-icon[data-v-da672e80]{width:64px;height:64px;border-radius:18px}.empty-card h2[data-v-da672e80]{font-size:20px}.empty-card p[data-v-da672e80]{font-size:14px}.rematch-btn[data-v-da672e80]{height:48px;font-size:15px}}.chat-records[data-v-206b343b]{min-height:100vh;background:#f9fafb}.container[data-v-206b343b]{display:flex;height:100vh;max-width:1600px;margin:0 auto}.sidebar[data-v-206b343b]{width:320px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #E5E7EB}.sidebar-header[data-v-206b343b]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #E5E7EB}.header-icon[data-v-206b343b]{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-206b343b]{font-size:16px;font-weight:600;color:#111827}.sidebar-filters[data-v-206b343b]{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #E5E7EB}.filter-btn[data-v-206b343b]{flex:1;font-size:13px}.room-list[data-v-206b343b]{flex:1;overflow-y:auto;padding:8px}.loading-state[data-v-206b343b],.empty-state[data-v-206b343b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;color:#9ca3af}.empty-state p[data-v-206b343b]{margin:12px 0 0;font-size:14px}.loading-spinner[data-v-206b343b]{width:32px;height:32px;border:3px solid #F3F4F6;border-top-color:#f97316;border-radius:50%;animation:spin-206b343b 1s linear infinite}@keyframes spin-206b343b{to{transform:rotate(360deg)}}.room-item[data-v-206b343b]{display:flex;gap:12px;padding:14px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f9fafb}.room-item[data-v-206b343b]:hover{background:#fef3c7}.room-item.active[data-v-206b343b]{background:linear-gradient(135deg,#fef3c7,#ffedd5);box-shadow:0 2px 8px #f9731626}.room-indicator[data-v-206b343b]{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.room-indicator.active[data-v-206b343b]{background:#10b981;box-shadow:0 0 0 3px #10b98126}.room-indicator.ended[data-v-206b343b]{background:#9ca3af}.room-info[data-v-206b343b]{flex:1;min-width:0}.room-header[data-v-206b343b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.room-id[data-v-206b343b]{font-size:14px;font-weight:500;color:#111827}.room-time[data-v-206b343b]{font-size:12px;color:#9ca3af}.room-meta[data-v-206b343b]{display:flex;gap:8px;font-size:12px;color:#6b7280}.message-count[data-v-206b343b],.duration[data-v-206b343b]{display:inline-flex}.main-content[data-v-206b343b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.no-selection[data-v-206b343b]{flex:1;display:flex;align-items:center;justify-content:center}.no-selection-content[data-v-206b343b]{text-align:center}.no-selection-icon[data-v-206b343b]{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-206b343b]{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.no-selection-content p[data-v-206b343b]{margin:0;font-size:14px;color:#6b7280}.chat-detail[data-v-206b343b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.detail-header[data-v-206b343b]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #E5E7EB}.room-badge[data-v-206b343b]{font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:6px 12px;border-radius:8px}.room-status[data-v-206b343b]{font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px}.room-status.active[data-v-206b343b]{background:#d1fae5;color:#065f46}.room-status.ended[data-v-206b343b]{background:#f3f4f6;color:#6b7280}.detail-loading[data-v-206b343b]{flex:1;display:flex;align-items:center;justify-content:center}.messages-container[data-v-206b343b]{flex:1;overflow-y:auto;padding:24px;background:#f9fafb}.no-messages[data-v-206b343b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af}.no-messages p[data-v-206b343b]{margin:12px 0 0;font-size:14px}.messages-list[data-v-206b343b]{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.message-item[data-v-206b343b]{display:flex;animation:messageIn-206b343b .3s cubic-bezier(.16,1,.3,1)}@keyframes messageIn-206b343b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.self[data-v-206b343b]{justify-content:flex-end}.message-bubble[data-v-206b343b]{max-width:70%;padding:14px 18px;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0000000d;animation:bubbleIn-206b343b .2s ease}@keyframes bubbleIn-206b343b{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.message-item.self .message-bubble[data-v-206b343b]{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border-bottom-right-radius:6px}.message-item:not(.self) .message-bubble[data-v-206b343b]{border-bottom-left-radius:6px}.message-text[data-v-206b343b]{word-wrap:break-word;line-height:1.5;font-size:15px}.message-image[data-v-206b343b]{max-width:100%;max-height:300px;border-radius:12px;cursor:pointer;transition:opacity .2s ease}.message-image[data-v-206b343b]:hover{opacity:.85}.message-time[data-v-206b343b]{font-size:11px;opacity:.7;margin-top:6px}.image-viewer-modal[data-v-206b343b]{width:90%;max-width:900px;padding:0}.image-viewer-modal[data-v-206b343b] .n-card__content{padding:0}.viewer-image[data-v-206b343b]{width:100%;height:auto;max-height:85vh;object-fit:contain;display:block}@media(max-width:1024px){.sidebar[data-v-206b343b]{width:280px}.sidebar-header[data-v-206b343b]{padding:16px}.sidebar-filters[data-v-206b343b]{padding:10px 16px}}@media(max-width:768px){.container[data-v-206b343b]{flex-direction:column}.sidebar[data-v-206b343b]{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid #E5E7EB}.sidebar-filters[data-v-206b343b]{flex-wrap:wrap}.filter-btn[data-v-206b343b]{flex:none}.room-item[data-v-206b343b]{padding:12px}.messages-container[data-v-206b343b]{padding:16px}.messages-list[data-v-206b343b]{gap:12px}.message-bubble[data-v-206b343b]{max-width:80%;padding:12px 16px}.message-text[data-v-206b343b]{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}}