.config-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.config-modal{background:var(--bg-primary);border-radius:1rem;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 25px 50px #00000080}.config-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:1rem 1rem 0 0}.config-header h2{margin:0;font-size:1.25rem;color:var(--text-color)}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--error-color)}.config-content{display:flex;flex:1;overflow:hidden}.config-nav{width:180px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:.5rem;overflow-y:auto;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;background:transparent;color:var(--text-muted);border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:right}.nav-item:hover{background:#ffffff0d;color:var(--text-color)}.nav-item.active{background:var(--primary-color);color:#fff}.nav-icon{font-size:1.1rem}.nav-label{font-size:.875rem;white-space:nowrap}.config-body{flex:1;overflow-y:auto;padding:1.5rem}.config-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.config-section h4{margin:1.5rem 0 .75rem;font-size:.95rem;color:var(--text-muted)}.config-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.config-field{margin-bottom:.75rem}.config-field:last-child{margin-bottom:0}.config-field label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.config-value{font-size:.95rem;color:var(--text-color);line-height:1.5}.config-value.highlight{color:var(--primary-color);font-weight:600;font-size:1.1rem}.config-value.code{font-family:monospace;background:#0000004d;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.config-value.status.active{color:var(--success-color)}.config-value.status.inactive{color:var(--error-color)}.config-value.speech-bubble{background:#4f46e51a;border:1px solid rgba(79,70,229,.3);padding:.75rem;border-radius:.5rem;font-style:italic}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.config-tags{display:flex;flex-wrap:wrap;gap:.5rem}.config-tag{background:#4f46e533;color:var(--primary-color);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.config-note{margin-top:.75rem;padding:.5rem .75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;font-size:.875rem;color:var(--warning-color)}.config-list{display:flex;flex-direction:column;gap:.75rem}.service-card{border-right:3px solid var(--primary-color)}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.service-header h4{margin:0;font-size:1rem;color:var(--text-color)}.service-price{background:var(--success-color);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.service-desc{margin:0;font-size:.875rem;color:var(--text-muted)}.service-duration{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.vehicle-card h4{margin:0 0 .75rem;color:var(--primary-color)}.vehicle-details{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.faq-card{background:var(--bg-secondary)}.faq-question{font-weight:600;color:var(--text-color);margin-bottom:.5rem;display:flex;gap:.5rem}.faq-answer{color:var(--text-muted);font-size:.9rem;display:flex;gap:.5rem}.faq-icon{color:var(--primary-color);font-weight:700}.promo-card{border-right:3px solid var(--success-color)}.promo-card h4{margin:0 0 .5rem;color:var(--success-color)}.promo-card p{margin:0;font-size:.9rem;color:var(--text-muted)}.promo-code{margin-top:.5rem;padding:.25rem .5rem;background:#10b9811a;border-radius:.25rem;display:inline-block;font-size:.85rem}.promo-code span{color:var(--text-muted)}.endpoints-list{display:flex;flex-direction:column;gap:.5rem}.endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:.25rem}.endpoint-name{font-size:.875rem;color:var(--text-muted);text-transform:capitalize}.endpoint-path{font-family:monospace;font-size:.85rem;color:var(--success-color);background:#10b9811a;padding:.25rem .5rem;border-radius:.25rem}.config-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 1rem 1rem}.footer-note{font-size:.8rem;color:var(--text-muted)}.footer-version{font-size:.75rem;color:var(--text-muted);font-family:monospace}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-loading p{color:var(--text-muted);margin:0}.config-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;text-align:center}.config-error span{font-size:3rem}.config-error p{color:var(--error-color);margin:0}.config-error button{padding:.5rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer}@media (max-width: 768px){.config-modal{max-height:95vh}.config-content{flex-direction:column}.config-nav{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:.5rem;display:flex;gap:.25rem}.nav-item{flex-direction:column;padding:.5rem;min-width:70px;text-align:center}.nav-label{font-size:.7rem}.config-grid,.vehicle-details{grid-template-columns:1fr}.service-header{flex-direction:column;gap:.5rem}}.voice-chat-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.background-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);z-index:-2}.background-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(79,70,229,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(16,185,129,.1) 0%,transparent 50%);animation:gradientMove 20s ease infinite}@keyframes gradientMove{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,-5%) rotate(5deg)}}.voice-chat-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 25px 50px -12px #00000080}.card-header{width:100%;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:16px}.avatar-ring{position:relative}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.avatar.listening{background:linear-gradient(135deg,#10b981,#059669)}.avatar.speaking{background:linear-gradient(135deg,#7c3aed,#4f46e5);animation:avatarPulse 1s ease-in-out infinite}.avatar.connecting{background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-icon{font-size:28px}.avatar-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(16,185,129,.5);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.logo-text h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.logo-text p{font-size:.85rem;color:#fff9;margin:0}.settings-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settings-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(45deg)}.settings-btn svg{width:20px;height:20px}.status-badge{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#fffc;transition:all .3s ease}.status-badge.idle{border-color:#ffffff1a}.status-badge.connecting{border-color:#f59e0b80;background:#f59e0b1a}.status-badge.listening{border-color:#10b98180;background:#10b9811a;box-shadow:0 0 30px #10b98133}.status-badge.speaking{border-color:#7c3aed80;background:#7c3aed1a;box-shadow:0 0 30px #7c3aed33}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-badge.idle .status-dot{background:#ffffff4d}.status-badge.connecting .status-dot{background:#f59e0b;animation:blink 1s infinite}.status-badge.listening .status-dot{background:#10b981;animation:softPulse 2s infinite}.status-badge.speaking .status-dot{background:#7c3aed;animation:activePulse .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes softPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes activePulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.session-time{padding-right:10px;border-right:1px solid rgba(255,255,255,.2);margin-right:auto;font-family:SF Mono,Monaco,monospace;font-size:.85rem;color:#fff9}.visualizer-section{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#0003;overflow:hidden}.audio-canvas{width:100%;height:100%}.action-section{display:flex;flex-direction:column;align-items:center;gap:16px}.main-button{position:relative;width:100px;height:100px;border-radius:50%;border:none;cursor:pointer;outline:none;transition:all .3s ease}.button-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);transition:all .3s ease}.main-button:hover .button-bg{transform:scale(1.05);box-shadow:0 20px 40px #4f46e566}.main-button:active .button-bg{transform:scale(.95)}.main-button.listening .button-bg,.main-button.connected .button-bg{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px #10b9814d}.main-button.speaking .button-bg{background:linear-gradient(135deg,#7c3aed,#4f46e5);animation:buttonBreathing 1s ease-in-out infinite}.main-button.connecting .button-bg{background:linear-gradient(135deg,#f59e0b,#d97706);animation:buttonPulse 1s ease-in-out infinite}@keyframes buttonBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes buttonPulse{0%,to{opacity:1}50%{opacity:.7}}.button-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.button-icon{width:40px;height:40px;color:#fff}.button-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(79,70,229,.4);animation:ringPulse 2s ease-out infinite}.button-ring.ring-2{top:-16px;right:-16px;bottom:-16px;left:-16px;animation-delay:.5s}.main-button.listening .button-ring,.main-button.connected .button-ring{border-color:#10b98166}.main-button.speaking .button-ring{border-color:#7c3aed66}@keyframes ringPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}.main-button:disabled{cursor:not-allowed}.action-label{font-size:.9rem;color:#ffffff80;margin:0}.error-box{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:.85rem;width:100%}.error-icon{width:20px;height:20px;flex-shrink:0}.tips-box{width:100%;display:flex;flex-direction:column;gap:8px;padding:16px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px}.tip{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#ffffffb3}.tip-icon{font-size:1rem}.conversation-section{width:100%;background:#0003;border-radius:16px;padding:16px}.conversation-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;color:#ffffff80}.conv-icon{width:16px;height:16px}.messages-list{display:flex;flex-direction:column;gap:10px;max-height:180px;overflow-y:auto;padding-left:4px}.message{display:flex;gap:10px;padding:10px;border-radius:10px;background:#ffffff08;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{font-size:1.2rem;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.message-text{font-size:.9rem;color:#ffffffe6;word-wrap:break-word}.message.assistant .message-text{color:#a78bfa}.message.system .message-text{color:#ffffff80;font-style:italic}.message-time{font-size:.75rem;color:#ffffff4d}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.instructions-section{width:100%;text-align:center;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px}.instructions-section h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 20px}.steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;align-items:center;gap:16px}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.step-text{font-size:.9rem;color:#ffffffb3;text-align:right}.footer-links{margin-top:24px;display:flex;align-items:center;gap:12px;font-size:.85rem}.footer-link{color:#ffffff80;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.footer-link:hover{color:#fff}.footer-divider{color:#fff3}.footer-powered{color:#ffffff4d}@media (max-width: 480px){.voice-chat-container{padding:16px}.voice-chat-card{padding:24px;gap:20px}.avatar{width:48px;height:48px}.avatar-icon{font-size:24px}.logo-text h1{font-size:1.25rem}.main-button{width:88px;height:88px}.button-icon{width:36px;height:36px}.status-badge{font-size:.85rem;padding:8px 16px}.visualizer-section{height:60px}.step{gap:12px}.step-number{width:28px;height:28px;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center}}.demo-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-color)}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-content h1{font-size:1.5rem;margin:0;color:var(--text-color)}.header-content p{font-size:.875rem;margin:.25rem 0 0;color:var(--text-muted)}.back-link{color:var(--primary-color);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s}.back-link:hover{background:#4f46e51a}.demo-layout{display:flex;flex:1;gap:0;overflow:hidden}.config-panel{width:380px;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;flex-shrink:0}.config-panel h2{font-size:1.25rem;margin:0 0 1rem;color:var(--text-color)}.config-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.config-tabs .tab{flex:1;padding:.75rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .2s}.config-tabs .tab:hover{border-color:var(--primary-color)}.config-tabs .tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.config-section{display:flex;flex-direction:column;gap:1.25rem}.config-group{display:flex;flex-direction:column;gap:.5rem}.config-group>label{font-size:.875rem;font-weight:500;color:var(--text-color)}.config-group select,.config-group textarea{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-size:.875rem}.config-group select:focus,.config-group textarea:focus{outline:none;border-color:var(--primary-color)}.config-group select:disabled,.config-group textarea:disabled{opacity:.5;cursor:not-allowed}.config-group textarea{resize:vertical;min-height:80px;font-family:inherit}.config-group input[type=range]{width:100%;accent-color:var(--primary-color)}.config-group input[type=range]:disabled{opacity:.5}.help-text{font-size:.75rem;color:var(--text-muted);line-height:1.4}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.voice-option{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s}.voice-option:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-2px)}.voice-option.selected{border-color:var(--primary-color);background:#4f46e51a}.voice-option:disabled{opacity:.5;cursor:not-allowed}.voice-name{font-weight:600;font-size:.875rem;color:var(--text-color)}.voice-gender{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.voice-desc{font-size:.625rem;color:var(--text-muted);text-align:center;margin-top:.25rem}.config-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.config-summary h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .75rem}.summary-items{display:flex;flex-wrap:wrap;gap:.5rem}.summary-items span{padding:.25rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9999px;font-size:.75rem;color:var(--text-color)}.demo-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem;overflow-y:auto}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .3s}.status-badge.idle{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted)}.status-badge.connecting{background:#f59e0b1a;border:1px solid var(--warning-color);color:var(--warning-color);animation:pulse-status 1.5s infinite}.status-badge.listening{background:#10b9811a;border:1px solid var(--success-color);color:var(--success-color)}.status-badge.speaking{background:#4f46e51a;border:1px solid var(--primary-color);color:var(--primary-color)}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.status-icon{font-size:1rem}.visualizer{height:80px;display:flex;align-items:center;justify-content:center}.visualizer .wave{display:flex;align-items:center;gap:6px;height:100%}.visualizer .wave span{display:block;width:8px;height:24px;background:var(--success-color);border-radius:4px;transition:background .3s}.visualizer .wave.listening span{animation:wave-listen 1.2s ease-in-out infinite}.visualizer .wave.listening span:nth-child(1){animation-delay:0s}.visualizer .wave.listening span:nth-child(2){animation-delay:.1s}.visualizer .wave.listening span:nth-child(3){animation-delay:.2s}.visualizer .wave.listening span:nth-child(4){animation-delay:.3s}.visualizer .wave.listening span:nth-child(5){animation-delay:.4s}.visualizer .wave.listening span:nth-child(6){animation-delay:.5s}.visualizer .wave.listening span:nth-child(7){animation-delay:.6s}@keyframes wave-listen{0%,to{height:16px;opacity:.5}50%{height:32px;opacity:1}}.visualizer .wave.speaking span{background:linear-gradient(to top,var(--primary-color),#7c3aed);animation:wave-speak .4s ease-in-out infinite}.visualizer .wave.speaking span:nth-child(1){animation-delay:0s}.visualizer .wave.speaking span:nth-child(2){animation-delay:.08s}.visualizer .wave.speaking span:nth-child(3){animation-delay:.04s}.visualizer .wave.speaking span:nth-child(4){animation-delay:.12s}.visualizer .wave.speaking span:nth-child(5){animation-delay:.06s}.visualizer .wave.speaking span:nth-child(6){animation-delay:.1s}.visualizer .wave.speaking span:nth-child(7){animation-delay:.02s}@keyframes wave-speak{0%,to{height:12px}50%{height:60px}}.demo-button{position:relative;width:140px;height:140px;border-radius:50%;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);cursor:pointer;transition:all .3s;box-shadow:0 10px 40px #4f46e566}.demo-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 50px #4f46e580}.demo-button:active:not(:disabled){transform:scale(.95)}.demo-button.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 40px #10b98166}.demo-button.active.speaking{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 40px #4f46e566}.demo-button.connecting{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 40px #f59e0b66;animation:pulse-btn 1s infinite}@keyframes pulse-btn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.demo-button:disabled{opacity:.7;cursor:not-allowed}.button-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.demo-button .icon{width:56px;height:56px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-button.active .icon{fill:#fff;stroke:none}.demo-button .pulse-ring{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:2px solid rgba(79,70,229,.5);animation:pulse-ring 2s ease-out infinite;pointer-events:none}.demo-button.active .pulse-ring{border-color:#10b98180}.demo-button.active.speaking .pulse-ring{border-color:#4f46e580}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.button-hint{font-size:.875rem;color:var(--text-muted);margin:0}.error-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid var(--error-color);border-radius:.5rem;color:var(--error-color);font-size:.875rem;max-width:400px}.transcript-panel{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.transcript-header h3{font-size:.875rem;margin:0;color:var(--text-color)}.transcript-header button{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .2s}.transcript-header button:hover{border-color:var(--error-color);color:var(--error-color)}.transcript-messages{max-height:250px;overflow-y:auto;padding:1rem 1.5rem}.message{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.message:last-child{border-bottom:none}.msg-time{font-size:.625rem;color:var(--text-muted);white-space:nowrap}.msg-icon{font-size:.875rem}.msg-text{font-size:.875rem;flex:1}.message.system .msg-text{color:var(--text-muted);font-style:italic}.message.assistant .msg-text{color:var(--primary-color)}.message.user .msg-text{color:var(--success-color)}.demo-instructions{text-align:right;max-width:500px;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem}.demo-instructions h3{font-size:1.125rem;margin:0 0 1rem;color:var(--text-color)}.demo-instructions ol{list-style:none;padding:0;margin:0 0 1.5rem}.demo-instructions ol li{padding:.5rem 0;font-size:.875rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.demo-instructions ol li:last-child{border-bottom:none}.feature-list{padding-top:1rem;border-top:1px solid var(--border-color)}.feature-list h4{font-size:.875rem;margin:0 0 .75rem;color:var(--text-muted)}.feature-list ul{list-style:none;padding:0;margin:0}.feature-list ul li{font-size:.75rem;color:var(--text-muted);padding:.25rem 0}.feature-list ul li strong{color:var(--text-color)}.demo-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.demo-footer p{margin:0;font-size:.75rem;color:var(--text-muted)}.footer-links{display:flex;gap:1rem}.footer-links a{font-size:.75rem;color:var(--primary-color);text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (max-width: 900px){.demo-layout{flex-direction:column-reverse}.config-panel{width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--border-color)}.voice-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.demo-header{flex-direction:column;gap:.5rem;text-align:center}.demo-main{padding:1rem}.demo-button{width:120px;height:120px}.demo-button .icon{width:48px;height:48px}.voice-grid{grid-template-columns:repeat(2,1fr)}.config-panel{padding:1rem}.demo-footer{flex-direction:column;gap:.5rem;text-align:center}}.config-panel::-webkit-scrollbar,.transcript-messages::-webkit-scrollbar{width:6px}.config-panel::-webkit-scrollbar-track,.transcript-messages::-webkit-scrollbar-track{background:transparent}.config-panel::-webkit-scrollbar-thumb,.transcript-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-header p{color:var(--text-muted);font-size:1.1rem}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:600px}.app-footer{margin-top:2rem;padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.demo-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .2s}.demo-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-color: #0f172a;--bg-secondary: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--border-color: #334155}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;direction:rtl}#root{min-height:100vh;display:flex;flex-direction:column}