.webrtc-container[data-v-8a9aaece]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.connection-card[data-v-8a9aaece]{width:100%;text-align:center;border-radius:8px}.connection-title[data-v-8a9aaece]{font-size:24px;margin-bottom:32px;color:rgba(0,0,0,.85)}.connection-content[data-v-8a9aaece]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.record-button[data-v-8a9aaece]{width:70px!important;height:70px!important;background-color:#6366f1!important;border:none!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 12px rgba(99,102,241,.2);box-shadow:0 4px 12px rgba(99,102,241,.2)}.record-button[data-v-8a9aaece]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 16px rgba(99,102,241,.3);box-shadow:0 6px 16px rgba(99,102,241,.3)}.record-button.recording[data-v-8a9aaece]{background-color:#ef4444!important;-webkit-box-shadow:0 4px 12px rgba(239,68,68,.2);box-shadow:0 4px 12px rgba(239,68,68,.2)}.connection-text[data-v-8a9aaece]{font-size:16px;color:rgba(0,0,0,.65);margin:4px 0}.waveform[data-v-8a9aaece]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;height:40px;width:100%}.waveform-bar[data-v-8a9aaece]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:8px;background-color:#6366f1;border-radius:2px;-webkit-transition:height .1s ease;transition:height .1s ease}.container[data-v-8a9aaece]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.left[data-v-8a9aaece]{-webkit-box-flex:1;-ms-flex:1;flex:1}.left[data-v-8a9aaece],.right[data-v-8a9aaece]{padding:20px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.right[data-v-8a9aaece]{width:100%;height:438px;overflow:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.right[data-v-8a9aaece]::-webkit-scrollbar{width:6px}.right[data-v-8a9aaece]::-webkit-scrollbar-track{background:#f1f1f1}.right[data-v-8a9aaece]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-container[data-v-8a9aaece]{width:100%;margin:0 auto;padding:20px;background:#fff}.messages-container[data-v-8a9aaece]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.message-wrapper[data-v-8a9aaece]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.message-wrapper.self[data-v-8a9aaece]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.avatar[data-v-8a9aaece]{width:40px;height:40px;-ms-flex-negative:0;flex-shrink:0}.avatar img[data-v-8a9aaece]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.message[data-v-8a9aaece]{max-width:70%;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4}.other .message[data-v-8a9aaece]{background:#fff;border:1px solid #e5e5e5}.self .message[data-v-8a9aaece]{background:#a7ea8a;color:#000}.message-wrapper+.message-wrapper[data-v-8a9aaece]{margin-top:8px}.chat-container[data-v-8a9aaece]::-webkit-scrollbar{width:6px}.chat-container[data-v-8a9aaece]::-webkit-scrollbar-track{background:#f1f1f1}.chat-container[data-v-8a9aaece]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-container[data-v-8a9aaece]::-webkit-scrollbar-thumb:hover{background:#555}