.transcript-display[data-v-976c3c3c]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-976c3c3c]{font-size:18px;font-weight:600;color:#1f2937;margin:0}.transcript-list[data-v-976c3c3c]{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:8px}.transcript-list[data-v-976c3c3c]::-webkit-scrollbar{width:6px}.transcript-list[data-v-976c3c3c]::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.transcript-list[data-v-976c3c3c]::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.transcript-list[data-v-976c3c3c]::-webkit-scrollbar-thumb:hover{background:#6b7280}.transcript-item[data-v-976c3c3c]{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);animation:slideIn-976c3c3c .3s ease}.transcript-item.is-me[data-v-976c3c3c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transcript-item.is-me .user-label[data-v-976c3c3c]{color:#fff;opacity:.9}.transcript-item.is-me .timestamp[data-v-976c3c3c]{color:#fff;opacity:.7}.transcript-item.pending[data-v-976c3c3c]{opacity:.8;border:2px dashed #d1d5db;box-shadow:none}.transcript-item.pending .transcript-text[data-v-976c3c3c]{font-style:italic}.transcript-item.pending.is-me[data-v-976c3c3c]{border-color:hsla(0,0%,100%,.5)}.transcript-header[data-v-976c3c3c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-label[data-v-976c3c3c]{font-size:12px;font-weight:600;color:#667eea;text-transform:uppercase}.timestamp[data-v-976c3c3c]{font-size:11px;color:#9ca3af}.pending-indicator[data-v-976c3c3c]{display:flex;gap:3px;align-items:center}.pending-indicator .dot[data-v-976c3c3c]{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:pendingDot-976c3c3c 1.4s ease-in-out infinite both}.pending-indicator .dot[data-v-976c3c3c]:first-child{animation-delay:-.32s}.pending-indicator .dot[data-v-976c3c3c]:nth-child(2){animation-delay:-.16s}.pending-indicator .dot[data-v-976c3c3c]:nth-child(3){animation-delay:0s}.is-me .pending-indicator .dot[data-v-976c3c3c]{background:hsla(0,0%,100%,.7)}@keyframes pendingDot-976c3c3c{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.transcript-text[data-v-976c3c3c]{font-size:15px;line-height:1.5;color:#374151}.is-me .transcript-text[data-v-976c3c3c]{color:#fff}.empty-state[data-v-976c3c3c]{text-align:center;color:#9ca3af;font-size:14px;padding:40px 20px}@keyframes slideIn-976c3c3c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.transcript-list[data-v-976c3c3c]{max-height:300px}.transcript-item[data-v-976c3c3c]{padding:10px}.transcript-text[data-v-976c3c3c]{font-size:14px}}.suggestion-card[data-v-168be245]{display:flex;flex-direction:column;gap:12px;margin-top:24px;animation:fadeIn-168be245 .5s ease}.section-title[data-v-168be245]{font-size:18px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.section-title[data-v-168be245]:before{content:"🤖";font-size:20px}.card-content[data-v-168be245]{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:20px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px}.suggestion-section[data-v-168be245]{background:#fff;padding:16px;border-radius:8px}.suggestion-section.highlight[data-v-168be245]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.suggestion-section.warning[data-v-168be245]{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444}.suggestion-title[data-v-168be245]{font-size:14px;font-weight:700;color:#1f2937;margin:0 0 12px 0}.suggestion-text[data-v-168be245]{font-size:15px;line-height:1.6;color:#374151;margin:0;white-space:pre-wrap}.suggestion-list[data-v-168be245]{margin:0;padding-left:20px}.suggestion-list li[data-v-168be245]{font-size:14px;line-height:1.6;color:#374151;margin-bottom:8px}.suggestion-list li[data-v-168be245]:last-child{margin-bottom:0}.btn-copy[data-v-168be245]{margin-top:12px;background:#fff;color:#10b981;border:2px solid #10b981;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-copy[data-v-168be245]:hover{background:#10b981;color:#fff}.btn-copy[data-v-168be245]:active{transform:scale(.95)}@keyframes fadeIn-168be245{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.card-content[data-v-168be245]{padding:16px}.suggestion-section[data-v-168be245]{padding:12px}.suggestion-title[data-v-168be245]{font-size:13px}.suggestion-text[data-v-168be245]{font-size:14px}.suggestion-list li[data-v-168be245]{font-size:13px}}.call-interface[data-v-78e04c12]{width:100%;max-width:800px;padding:20px}.main-card[data-v-78e04c12]{min-height:400px;display:flex;flex-direction:column;gap:24px}.status-bar[data-v-78e04c12]{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.status-bar .status-item[data-v-78e04c12]{display:flex;align-items:center;font-size:14px;color:#6b7280}.status-bar .status-indicator.calling[data-v-78e04c12]{background-color:#f59e0b;animation:pulse-78e04c12 1s infinite}.status-bar .status-indicator.incoming[data-v-78e04c12]{background-color:#3b82f6;animation:pulse-78e04c12 .5s infinite}.my-id-section[data-v-78e04c12]{text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.my-id-section .my-id-label[data-v-78e04c12]{font-size:14px;opacity:.9;margin-bottom:8px}.my-id-section .my-id-display[data-v-78e04c12]{display:flex;align-items:center;justify-content:center;gap:12px}.my-id-section .my-id-value[data-v-78e04c12]{font-size:32px;font-weight:700;letter-spacing:4px;font-family:Monaco,Consolas,monospace}.my-id-section .btn-copy[data-v-78e04c12]{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:18px;transition:background .2s}.my-id-section .btn-copy[data-v-78e04c12]:hover{background:hsla(0,0%,100%,.3)}.my-id-section .my-id-hint[data-v-78e04c12]{font-size:12px;opacity:.8;margin-top:12px}.call-input-section .input-group[data-v-78e04c12]{display:flex;gap:12px;max-width:400px;margin:0 auto}.call-input-section .call-input[data-v-78e04c12]{flex:1;padding:14px 16px;font-size:18px;letter-spacing:2px;text-align:center;border:2px solid #e5e7eb;border-radius:10px;font-family:Monaco,Consolas,monospace;text-transform:uppercase;transition:border-color .2s}.call-input-section .call-input[data-v-78e04c12]:focus{outline:none;border-color:#667eea}.call-input-section .call-input[data-v-78e04c12]::-moz-placeholder{letter-spacing:normal;text-transform:none}.call-input-section .call-input[data-v-78e04c12]::placeholder{letter-spacing:normal;text-transform:none}.call-input-section .btn-call[data-v-78e04c12]{padding:14px 28px;font-size:16px;font-weight:600}.calling-section[data-v-78e04c12]{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.calling-section .calling-animation[data-v-78e04c12]{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.calling-section .calling-animation .pulse-ring[data-v-78e04c12]{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #667eea;animation:pulse-ring-78e04c12 1.5s infinite}.calling-section .calling-animation .pulse-ring[data-v-78e04c12]:nth-child(2){animation-delay:.5s}.calling-section .calling-animation .pulse-ring[data-v-78e04c12]:nth-child(3){animation-delay:1s}.calling-section .calling-animation .calling-icon[data-v-78e04c12]{font-size:40px;z-index:1}.calling-section .calling-text[data-v-78e04c12]{font-size:18px;color:#374151;margin-bottom:24px}.calling-section .btn-cancel[data-v-78e04c12]{padding:12px 32px}@keyframes pulse-ring-78e04c12{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.controls[data-v-78e04c12]{display:flex;flex-direction:column;align-items:center;gap:16px}.controls .in-call-info[data-v-78e04c12]{display:flex;align-items:center;gap:8px;font-size:16px}.controls .in-call-info .partner-label[data-v-78e04c12]{color:#6b7280}.controls .in-call-info .partner-id[data-v-78e04c12]{font-weight:700;color:#374151;font-family:Monaco,Consolas,monospace;letter-spacing:2px}.controls .btn-large[data-v-78e04c12]{width:100%;max-width:300px;padding:16px 32px;font-size:18px}.controls .mic-status[data-v-78e04c12]{display:flex;align-items:center;gap:8px;color:#059669;font-size:14px}.controls .mic-status .mic-icon[data-v-78e04c12]{font-size:20px}.incoming-call-overlay[data-v-78e04c12]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.incoming-call-modal[data-v-78e04c12]{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp-78e04c12 .3s ease-out}.incoming-call-modal .incoming-call-animation[data-v-78e04c12]{position:relative;width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.incoming-call-modal .incoming-call-animation .ring-animation[data-v-78e04c12]{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid #3b82f6;animation:ring-78e04c12 .5s infinite}.incoming-call-modal .incoming-call-animation .incoming-icon[data-v-78e04c12]{font-size:36px;z-index:1;animation:shake-78e04c12 .5s infinite}.incoming-call-modal .incoming-call-text[data-v-78e04c12]{font-size:16px;color:#6b7280;margin-bottom:8px}.incoming-call-modal .incoming-caller-id[data-v-78e04c12]{font-size:28px;font-weight:700;color:#1f2937;font-family:Monaco,Consolas,monospace;letter-spacing:3px;margin-bottom:32px}.incoming-call-modal .incoming-call-actions[data-v-78e04c12]{display:flex;gap:24px;justify-content:center}.incoming-call-modal .incoming-call-actions button[data-v-78e04c12]{display:flex;flex-direction:column;align-items:center;gap:8px;width:80px;height:80px;border:none;border-radius:50%;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s}.incoming-call-modal .incoming-call-actions button span[data-v-78e04c12]:first-child{font-size:24px}.incoming-call-modal .incoming-call-actions button[data-v-78e04c12]:hover{transform:scale(1.1)}.incoming-call-modal .incoming-call-actions .btn-reject[data-v-78e04c12]{background:#ef4444;color:#fff}.incoming-call-modal .incoming-call-actions .btn-accept[data-v-78e04c12]{background:#22c55e;color:#fff}@keyframes slideUp-78e04c12{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ring-78e04c12{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}@keyframes shake-78e04c12{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes pulse-78e04c12{0%,to{opacity:1}50%{opacity:.5}}audio[data-v-78e04c12]{display:none}@media(max-width:768px){.call-interface[data-v-78e04c12]{padding:12px}.main-card[data-v-78e04c12]{padding:16px}.status-bar[data-v-78e04c12]{flex-direction:column;align-items:flex-start;gap:8px}.my-id-section .my-id-value[data-v-78e04c12]{font-size:24px}.call-input-section .input-group[data-v-78e04c12]{flex-direction:column}.call-input-section .btn-call[data-v-78e04c12]{width:100%}.incoming-call-modal[data-v-78e04c12]{margin:20px;padding:30px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2)}#app,body{min-height:100vh}#app{width:100%;display:flex;justify-content:center;align-items:center}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600}.btn-danger:hover:not(:disabled){box-shadow:0 5px 15px rgba(245,87,108,.4)}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.status-indicator.connected{background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.6)}.status-indicator.disconnected{background:#f87171}.status-indicator.waiting{background:#fbbf24;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}