.transcript-display[data-v-7e4927ba]{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.panel-header[data-v-7e4927ba]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.section-title[data-v-7e4927ba]{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:8px}.section-title[data-v-7e4927ba]:before{content:"💬";font-size:16px}.message-count[data-v-7e4927ba]{font-size:12px;color:var(--color-text-muted);background:var(--color-surface);padding:4px 10px;border-radius:12px;border:1px solid var(--color-border)}.transcript-list[data-v-7e4927ba]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);min-height:300px}.transcript-item[data-v-7e4927ba]{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);animation:slideIn-7e4927ba .3s ease;border:1px solid var(--color-border-light)}.transcript-item.is-me[data-v-7e4927ba]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.transcript-item.is-me .user-label[data-v-7e4927ba]{color:hsla(0,0%,100%,.9)}.transcript-item.is-me .timestamp[data-v-7e4927ba]{color:hsla(0,0%,100%,.7)}.transcript-item.is-me .transcript-text[data-v-7e4927ba]{color:#fff}.transcript-item.pending[data-v-7e4927ba]{opacity:.85;border-style:dashed}.transcript-item.pending .transcript-text[data-v-7e4927ba]{font-style:italic}.transcript-item.pending.is-me[data-v-7e4927ba]{opacity:.9;border-color:hsla(0,0%,100%,.5)}.transcript-header[data-v-7e4927ba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.header-left[data-v-7e4927ba],.header-right[data-v-7e4927ba]{display:flex;align-items:center;gap:8px}.message-index[data-v-7e4927ba]{font-size:11px;font-weight:600;color:var(--color-text-muted);font-family:SF Mono,Monaco,Consolas,monospace;background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border-light)}.is-me .message-index[data-v-7e4927ba]{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.3)}.user-label[data-v-7e4927ba]{font-size:12px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.timestamp[data-v-7e4927ba]{font-size:11px;color:var(--color-text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.pending-indicator[data-v-7e4927ba]{display:flex;gap:3px;align-items:center}.pending-indicator .dot[data-v-7e4927ba]{width:5px;height:5px;background:var(--color-text-muted);border-radius:50%;animation:pendingDot-7e4927ba 1.4s ease-in-out infinite both}.pending-indicator .dot[data-v-7e4927ba]:first-child{animation-delay:-.32s}.pending-indicator .dot[data-v-7e4927ba]:nth-child(2){animation-delay:-.16s}.pending-indicator .dot[data-v-7e4927ba]:nth-child(3){animation-delay:0s}.is-me .pending-indicator .dot[data-v-7e4927ba]{background:hsla(0,0%,100%,.7)}@keyframes pendingDot-7e4927ba{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.transcript-text[data-v-7e4927ba]{font-size:14px;line-height:1.6;color:var(--color-text-primary);word-break:break-word}.empty-state[data-v-7e4927ba]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl)}.empty-state .empty-icon[data-v-7e4927ba]{font-size:40px;margin-bottom:var(--spacing-md);opacity:.6}.empty-state .empty-text[data-v-7e4927ba]{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.empty-state .empty-hint[data-v-7e4927ba]{font-size:13px;color:var(--color-text-muted)}@keyframes slideIn-7e4927ba{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.panel-header[data-v-7e4927ba]{padding:var(--spacing-sm) var(--spacing-md)}.section-title[data-v-7e4927ba]{font-size:14px}.transcript-list[data-v-7e4927ba]{padding:var(--spacing-sm);min-height:200px}.transcript-item[data-v-7e4927ba]{padding:var(--spacing-sm)}.transcript-text[data-v-7e4927ba]{font-size:13px}}.suggestion-card[data-v-24fff1f9]{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;animation:fadeIn-24fff1f9 .4s ease}.panel-header[data-v-24fff1f9]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.section-title[data-v-24fff1f9]{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:8px}.section-title[data-v-24fff1f9]:before{content:"🤖";font-size:16px}.suggestion-meta[data-v-24fff1f9]{display:flex;align-items:center;gap:var(--spacing-md);font-size:11px;color:var(--color-text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.suggestion-meta .meta-item[data-v-24fff1f9]{display:flex;align-items:center;gap:4px}.suggestion-meta .meta-item[data-v-24fff1f9]:before{content:"•";margin-right:4px}.suggestion-meta .meta-item[data-v-24fff1f9]:first-child:before{content:"";margin:0}.card-content[data-v-24fff1f9]{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-section[data-v-24fff1f9]{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.suggestion-section.topic-section[data-v-24fff1f9]{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.suggestion-section.highlight-section[data-v-24fff1f9]{background:linear-gradient(135deg,#ecfeff,#f0fdfa);border-color:var(--color-accent-light);border-width:2px}.suggestion-section.warning-section[data-v-24fff1f9]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.suggestion-title[data-v-24fff1f9]{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:6px}.suggestion-title .title-icon[data-v-24fff1f9]{font-size:14px}.suggestion-text[data-v-24fff1f9]{font-size:14px;line-height:1.7;color:var(--color-text-primary);margin:0;white-space:pre-wrap}.suggestion-text.reply-text[data-v-24fff1f9]{background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.suggestion-list[data-v-24fff1f9]{margin:0;padding-left:0;list-style:none}.suggestion-list li[data-v-24fff1f9]{font-size:13px;line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md);position:relative}.suggestion-list li[data-v-24fff1f9]:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.suggestion-list li[data-v-24fff1f9]:last-child{margin-bottom:0}.suggestion-list.question-list li[data-v-24fff1f9]:before{content:"→";color:var(--color-accent)}.btn-copy[data-v-24fff1f9]{margin-top:var(--spacing-sm);display:inline-flex;align-items:center;gap:6px;background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-copy .copy-icon[data-v-24fff1f9]{font-size:14px}.btn-copy[data-v-24fff1f9]:hover{background:var(--color-primary-dark);box-shadow:0 2px 8px rgba(15,118,110,.25)}.btn-copy[data-v-24fff1f9]:active{transform:scale(.97)}@keyframes fadeIn-24fff1f9{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.panel-header[data-v-24fff1f9]{padding:var(--spacing-sm) var(--spacing-md)}.section-title[data-v-24fff1f9]{font-size:14px}.card-content[data-v-24fff1f9]{padding:var(--spacing-sm);gap:var(--spacing-sm)}.suggestion-section[data-v-24fff1f9]{padding:var(--spacing-sm)}.suggestion-title[data-v-24fff1f9]{font-size:12px}.suggestion-text[data-v-24fff1f9]{font-size:13px}.suggestion-list li[data-v-24fff1f9]{font-size:12px}.btn-copy[data-v-24fff1f9]{width:100%;justify-content:center}}.call-interface[data-v-ac91b084]{width:100%;min-height:100vh;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.control-section[data-v-ac91b084]{width:100%;max-width:600px;margin:0 auto}.control-card[data-v-ac91b084]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.status-bar[data-v-ac91b084]{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.status-bar .status-item[data-v-ac91b084]{display:flex;align-items:center;font-size:14px;color:var(--color-text-secondary)}.status-bar .status-indicator.calling[data-v-ac91b084]{background-color:var(--color-warning);animation:pulse 1s infinite}.status-bar .status-indicator.incoming[data-v-ac91b084]{background-color:var(--color-info);animation:pulse .5s infinite}.my-id-section[data-v-ac91b084]{text-align:center;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.my-id-section .my-id-label[data-v-ac91b084]{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.my-id-section .my-id-display[data-v-ac91b084]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.my-id-section .my-id-value[data-v-ac91b084]{font-size:32px;font-weight:700;letter-spacing:6px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--color-primary)}.my-id-section .btn-copy[data-v-ac91b084]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;font-size:16px;transition:all var(--transition-fast)}.my-id-section .btn-copy[data-v-ac91b084]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.my-id-section .my-id-hint[data-v-ac91b084]{font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-md)}.call-input-section .input-group[data-v-ac91b084]{display:flex;gap:var(--spacing-md);max-width:400px;margin:0 auto}.call-input-section .call-input[data-v-ac91b084]{flex:1;padding:14px 16px;font-size:18px;letter-spacing:3px;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Consolas,monospace;text-transform:uppercase;transition:all var(--transition-fast);background:var(--color-surface)}.call-input-section .call-input[data-v-ac91b084]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(15,118,110,.1)}.call-input-section .call-input[data-v-ac91b084]::-moz-placeholder{letter-spacing:normal;text-transform:none;color:var(--color-text-muted)}.call-input-section .call-input[data-v-ac91b084]::placeholder{letter-spacing:normal;text-transform:none;color:var(--color-text-muted)}.call-input-section .btn-call[data-v-ac91b084]{padding:14px 28px;font-size:15px;font-weight:600}.calling-section[data-v-ac91b084]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg)}.calling-section .calling-animation[data-v-ac91b084]{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.calling-section .calling-animation .pulse-ring[data-v-ac91b084]{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--color-primary);animation:pulse-ring-ac91b084 1.5s infinite}.calling-section .calling-animation .pulse-ring[data-v-ac91b084]:nth-child(2){animation-delay:.5s}.calling-section .calling-animation .pulse-ring[data-v-ac91b084]:nth-child(3){animation-delay:1s}.calling-section .calling-animation .calling-icon[data-v-ac91b084]{font-size:40px;z-index:1}.calling-section .calling-text[data-v-ac91b084]{font-size:16px;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.calling-section .btn-cancel[data-v-ac91b084]{padding:12px 32px}@keyframes pulse-ring-ac91b084{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.controls[data-v-ac91b084]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.controls .in-call-info[data-v-ac91b084]{display:flex;align-items:center;gap:8px;font-size:15px}.controls .in-call-info .partner-label[data-v-ac91b084]{color:var(--color-text-secondary)}.controls .in-call-info .partner-id[data-v-ac91b084]{font-weight:700;color:var(--color-primary);font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:2px}.controls .connection-status[data-v-ac91b084]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:13px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.controls .connection-status .connection-dot[data-v-ac91b084]{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.controls .connection-status.connecting[data-v-ac91b084]{background:#fffbeb;border-color:#fcd34d}.controls .connection-status.connecting .connection-dot[data-v-ac91b084]{background:var(--color-warning);animation:pulse 1s infinite}.controls .connection-status.connected[data-v-ac91b084]{background:#ecfdf5;border-color:#6ee7b7}.controls .connection-status.connected .connection-dot[data-v-ac91b084]{background:var(--color-success)}.controls .connection-status.disconnected[data-v-ac91b084],.controls .connection-status.failed[data-v-ac91b084]{background:#fef2f2;border-color:#fecaca}.controls .connection-status.disconnected .connection-dot[data-v-ac91b084],.controls .connection-status.failed .connection-dot[data-v-ac91b084]{background:var(--color-danger)}.controls .error-banner[data-v-ac91b084]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-danger);font-size:13px;width:100%;max-width:400px}.controls .error-banner .error-icon[data-v-ac91b084]{font-size:16px}.controls .error-banner .error-text[data-v-ac91b084]{flex:1}.controls .control-buttons[data-v-ac91b084]{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;justify-content:center;flex-wrap:wrap}.controls .mic-status[data-v-ac91b084]{display:flex;align-items:center;gap:6px;color:var(--color-success);font-size:13px;padding:8px 16px;background:#ecfdf5;border-radius:20px;border:1px solid #6ee7b7}.controls .mic-status .mic-icon[data-v-ac91b084]{font-size:16px}.controls .btn-end-call[data-v-ac91b084]{padding:12px 32px;font-size:15px}.controls .btn-debug[data-v-ac91b084]{padding:12px 24px;font-size:15px;transition:all .3s ease}.controls .btn-debug[data-v-ac91b084]:hover{opacity:.9;transform:translateY(-1px)}.controls .btn-debug.btn-debug-active[data-v-ac91b084]{background:var(--color-success);color:#fff;box-shadow:0 2px 8px rgba(34,197,94,.3)}.content-area[data-v-ac91b084]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:1400px;width:100%;margin:0 auto;min-height:400px}.content-left[data-v-ac91b084],.content-right[data-v-ac91b084]{display:flex;flex-direction:column}.suggestion-placeholder[data-v-ac91b084]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.suggestion-placeholder .placeholder-icon[data-v-ac91b084]{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.suggestion-placeholder .placeholder-text[data-v-ac91b084]{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.suggestion-placeholder .placeholder-hint[data-v-ac91b084]{font-size:13px;color:var(--color-text-muted)}.incoming-call-overlay[data-v-ac91b084]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.incoming-call-modal[data-v-ac91b084]{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;border:1px solid var(--color-border)}.incoming-call-modal .incoming-call-animation[data-v-ac91b084]{position:relative;width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center}.incoming-call-modal .incoming-call-animation .ring-animation[data-v-ac91b084]{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--color-primary);animation:ring-ac91b084 .5s infinite}.incoming-call-modal .incoming-call-animation .incoming-icon[data-v-ac91b084]{font-size:32px;z-index:1;animation:shake-ac91b084 .5s infinite}.incoming-call-modal .incoming-call-text[data-v-ac91b084]{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.incoming-call-modal .incoming-caller-id[data-v-ac91b084]{font-size:28px;font-weight:700;color:var(--color-text-primary);font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:3px;margin-bottom:var(--spacing-xl)}.incoming-call-modal .incoming-call-actions[data-v-ac91b084]{display:flex;gap:var(--spacing-lg);justify-content:center}.incoming-call-modal .incoming-call-actions button[data-v-ac91b084]{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;height:72px;border:none;border-radius:50%;cursor:pointer;font-size:12px;font-weight:600;transition:transform var(--transition-fast)}.incoming-call-modal .incoming-call-actions button span[data-v-ac91b084]:first-child{font-size:24px}.incoming-call-modal .incoming-call-actions button[data-v-ac91b084]:hover{transform:scale(1.1)}.incoming-call-modal .incoming-call-actions .btn-reject[data-v-ac91b084]{background:var(--color-danger);color:#fff}.incoming-call-modal .incoming-call-actions .btn-accept[data-v-ac91b084]{background:var(--color-success);color:#fff}@keyframes ring-ac91b084{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}@keyframes shake-ac91b084{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}audio[data-v-ac91b084]{display:none}@media(max-width:1024px){.content-area[data-v-ac91b084]{grid-template-columns:3fr 2fr}}@media(max-width:768px){.call-interface[data-v-ac91b084],.control-card[data-v-ac91b084]{padding:var(--spacing-md);gap:var(--spacing-md)}.status-bar[data-v-ac91b084]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.my-id-section[data-v-ac91b084]{padding:var(--spacing-md)}.my-id-section .my-id-value[data-v-ac91b084]{font-size:24px;letter-spacing:4px}.call-input-section .input-group[data-v-ac91b084]{flex-direction:column}.call-input-section .btn-call[data-v-ac91b084]{width:100%}.content-area[data-v-ac91b084]{grid-template-columns:1fr;gap:var(--spacing-md)}.controls .control-buttons[data-v-ac91b084]{flex-direction:column;gap:var(--spacing-md)}.incoming-call-modal[data-v-ac91b084]{margin:var(--spacing-md);padding:var(--spacing-lg)}.incoming-call-modal .incoming-caller-id[data-v-ac91b084]{font-size:24px}.incoming-call-modal .incoming-call-actions button[data-v-ac91b084]{width:64px;height:64px}}@media(max-width:480px){.call-interface[data-v-ac91b084]{padding:var(--spacing-sm)}.my-id-section .my-id-value[data-v-ac91b084]{font-size:20px;letter-spacing:3px}.call-input-section .call-input[data-v-ac91b084]{font-size:16px;padding:12px}}:root{--color-primary:#0f766e;--color-primary-light:#14b8a6;--color-primary-dark:#0d5d56;--color-accent:#0d9488;--color-accent-light:#5eead4;--color-bg:#f8fafc;--color-bg-secondary:#f1f5f9;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.02);--shadow-lg:0 10px 15px rgba(0,0,0,.04),0 4px 6px rgba(0,0,0,.02);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}*{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:var(--color-bg);color:var(--color-text-primary);line-height:1.5}#app,body{min-height:100vh}#app{width:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;transition:all var(--transition-base);font-family:inherit}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px rgba(15,118,110,.25)}.btn-primary:focus-visible{box-shadow:0 0 0 3px rgba(15,118,110,.3)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.25)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);border:1px solid var(--color-border-light)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.connected{background:var(--color-success);box-shadow:0 0 8px rgba(16,185,129,.5)}.status-indicator.disconnected{background:var(--color-danger)}.status-indicator.waiting{background:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-mono{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace}