:root{--primary-color: #1a73e8;--primary-hover: #1557b0;--success-color: #137333;--warning-color: #ea8600;--error-color: #d93025;--background-color: #f8f9fa;--surface-color: #ffffff;--border-color: #dadce0;--text-primary: #202124;--text-secondary: #5f6368;--font-family: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--text-primary);background-color:var(--background-color);margin:0;padding:0}.debug-container{min-height:100vh;display:flex;flex-direction:column}.debug-header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm)}.debug-header h1{margin:0;font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary)}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm)}.debug-main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);max-width:1400px;margin:0 auto;width:100%}.chat-section,.logs-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.section-header h2{margin:0;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.connection-card,.microphone-card,.transcript-card,.status-card,.events-card,.debug-card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.card-header h3{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.success{background-color:var(--success-color)}.status-dot.error{background-color:var(--error-color)}.status-dot.warning{background-color:var(--warning-color)}.status-dot.waiting{background-color:var(--text-secondary)}.btn-primary,.btn-secondary,.btn-small{border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--background-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-small{padding:var(--spacing-sm);font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-row input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.button-group{display:flex;gap:var(--spacing-sm)}.microphone-button{width:120px;height:120px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md);margin:0 auto}.microphone-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.microphone-button:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}.microphone-button.connecting{background:linear-gradient(135deg,var(--warning-color),#c67300);animation:pulse 2s infinite}.microphone-button.connected{background:linear-gradient(135deg,var(--success-color),#0d5a26);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #137333b3}70%{box-shadow:0 0 0 10px #13733300}to{box-shadow:0 0 #13733300}}.mic-icon{font-size:24px}.mic-label{font-size:var(--font-size-sm);font-weight:500}.transcript-area{min-height:150px;max-height:250px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);background-color:var(--background-color)}.transcript-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:var(--text-secondary);text-align:center}.placeholder-icon{font-size:24px;margin-bottom:var(--spacing-sm)}.transcript-item{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--surface-color);border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.transcript-time{color:var(--text-secondary);font-family:monospace;font-size:12px}.transcript-participant{color:var(--primary-color);font-weight:500;font-size:12px;text-transform:uppercase}.transcript-text{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.4}.transcript-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.transcript-time{font-size:var(--font-size-xs);color:var(--text-secondary)}.transcript-participant{font-size:var(--font-size-xs);color:var(--primary-color);font-weight:500}.transcript-text{font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary)}.transcript-item[data-participant=conversation-summary]{border-left:3px solid #f59e0b;background-color:#f59e0b0d}.transcript-item[data-participant=conversation-summary] .transcript-participant{color:#f59e0b}.transcript-item[data-participant=llm-response]{border-left:3px solid #e20bf5;background-color:#f50bd60d}.transcript-item[data-participant=llm-response] .transcript-participant{color:#e20bf5}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--background-color);border-radius:var(--border-radius)}.status-item .label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.status-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.events-log{max-height:250px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);background-color:var(--background-color)}.event-item{display:grid;grid-template-columns:auto auto 1fr;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);font-size:12px}.event-item.system{background-color:#1a73e81a}.event-item.connection,.event-item.transcription{background-color:#1373331a}.event-item.error{background-color:#d930251a}.event-item.waiting{background-color:#9aa0a61a}.event-time{color:var(--text-secondary);font-family:monospace;font-size:12px}.event-type{color:var(--text-secondary);font-weight:500;text-transform:uppercase;font-size:12px}.event-message{color:var(--text-primary)}.debug-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.debug-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.debug-item:last-child{border-bottom:none}.debug-item .label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.debug-item code{background-color:var(--background-color);padding:var(--spacing-sm);border-radius:4px;font-family:monospace;font-size:12px;color:var(--text-primary)}.log-controls{display:flex;gap:var(--spacing-sm)}@media(max-width:768px){.debug-main{grid-template-columns:1fr;padding:var(--spacing-md)}.debug-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.form-row,.status-grid{grid-template-columns:1fr}.button-group{flex-direction:column}}.tts-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:16px;font-size:14px;color:#2e7d32;animation:fadeIn .3s ease-in}.tts-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.tts-text{font-weight:500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.transcript-card .card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.talk-control-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #d9e7fb}.talk-control-copy{display:flex;flex-direction:column;gap:5px}.talk-control-copy strong{color:var(--text-primary);font-size:17px}.talk-control-copy span{color:var(--text-secondary);font-size:13px}.talk-toggle-button{min-width:210px;border:0;border-radius:999px;padding:14px 22px;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #2563eb38;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.talk-toggle-button:hover:not(:disabled){transform:translateY(-1px);background:var(--primary-hover)}.talk-toggle-button[data-active=true]{background:#dc2626;box-shadow:0 8px 20px #dc262633}.talk-toggle-button:disabled{opacity:.65;cursor:wait}.talk-toggle-icon{font-size:18px;line-height:1}