.voice-button-container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.voice-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;height:40px;margin-left:8px;position:relative;transition:all .3s ease;width:40px}.voice-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.voice-button:active:not(:disabled){transform:scale(.95)}.voice-button.recording{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#ff4757,#c44569);box-shadow:0 2px 8px #ff475766}.voice-button.connecting,.voice-button.processing{background:linear-gradient(135deg,#ffa502,#ff6348);cursor:not-allowed}.voice-button:disabled{opacity:.6}.mic-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:20px;width:20px}.recording-dot{background:#ff4757;height:8px;right:-2px;top:-2px;width:8px}.connecting-spinner{align-items:center;display:flex;justify-content:center}.spinner-ring{border:2px solid #ffffff4d;height:20px;width:20px}.processing-spinner .spinner-ring{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.voice-error-tooltip{animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30f2;border-radius:8px;bottom:100%;color:#fff;font-size:12px;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.voice-error-tooltip,.voice-error-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.voice-error-tooltip:after{border:6px solid #0000;border-top-color:#ff3b30f2;content:"";top:100%}.error-icon{margin-right:4px}.error-close{font-size:16px;height:16px;margin-left:8px;width:16px}.demo-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.voice-button{height:36px;margin-left:6px;width:36px}.mic-icon{height:18px;width:18px}}.demo-test-button{background:linear-gradient(135deg,#ffa502,#ff6348);border:none;border-radius:20px;box-shadow:0 2px 8px #ffa5024d;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin-top:8px;padding:8px 16px;transition:all .3s ease}.demo-test-button:hover:not(:disabled){box-shadow:0 4px 12px #ffa50266;transform:scale(1.05)}.demo-test-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.model-selector-container{display:inline-block;position:relative;z-index:10000}.model-selector-trigger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 20px #667eea4d;cursor:pointer;display:flex;min-width:200px;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.model-selector-trigger:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;will-change:left}.model-selector-trigger:hover:before{left:100%}.model-selector-trigger:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.model-selector-trigger.open{border-radius:12px 12px 0 0;box-shadow:0 8px 20px #667eea66}.model-selector-trigger.disabled{cursor:not-allowed;opacity:.6;transform:none!important}.trigger-content{align-items:center;color:#fff;display:flex;width:100%}.trigger-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.trigger-label{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.trigger-value{font-size:14px;font-weight:600;margin-top:1px}.trigger-arrow{align-items:center;display:flex;height:20px;justify-content:center;opacity:.8;transition:transform .3s ease;width:20px}.model-selector-trigger.open .trigger-arrow{transform:rotate(180deg)}.model-dropdown{background:#fff;border:1px solid #667eea33;border-radius:0 0 16px 16px;border-top:none;box-shadow:0 20px 40px #00000026;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:10001}.models-list{max-height:300px;overflow-y:auto;padding:8px}.model-option{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;margin:6px 0;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,border-color}.model-option:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;will-change:left}.model-option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#667eea4d;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.model-option.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.model-info{display:flex;flex:1 1;flex-direction:column}.model-name{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;justify-content:space-between}.voice-icon{color:#3b82f6;opacity:.8}.selected-check{animation:checkBounce .3s ease;color:#3b82f6}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.model-selector-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.models-list::-webkit-scrollbar{width:4px}.models-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.models-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.models-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width:768px) and (max-width:1023px){.model-selector-trigger{min-width:180px;padding:8px 12px}.trigger-label{font-size:10px}.trigger-value{font-size:13px}.model-dropdown{left:0;width:100%}.model-option{padding:12px}.model-name{font-size:13px}}@media (min-width:481px) and (max-width:767px){.model-selector-trigger{min-width:160px;padding:6px 10px}.trigger-label{font-size:10px}.trigger-value{font-size:12px}.model-dropdown{left:0;width:100%}.model-option{padding:10px}.model-name{font-size:12px}}@media (max-width:480px){.model-selector-trigger{min-width:140px;padding:5px 8px}.trigger-label{font-size:9px}.trigger-value{font-size:11px}.model-dropdown{border-radius:0 0 12px 12px;left:0;width:100%}.model-option{border-radius:12px;margin:3px 0;padding:8px}.model-name{font-size:11px}.selected-check,.voice-icon{height:14px;width:14px}}@media (prefers-color-scheme:dark){.model-dropdown{border-color:#667eea4d}.model-dropdown,.model-option{background:#1e293b}.model-option:hover{background:linear-gradient(135deg,#334155,#475569)}.model-option.selected{background:linear-gradient(135deg,#1e40af,#3b82f6)}.model-name{color:#f1f5f9}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f0fdfa,#e6fffa);min-height:100vh}#root,body{align-items:center;display:flex;justify-content:center;margin:0!important;padding:0!important}#root{height:100vh;width:100%}.chat-container{background:#fff;border:1px solid #14b8a61a;border-radius:20px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:90vh;margin:2rem!important;max-width:56rem;overflow:hidden;position:relative;width:calc(100% - 4rem);z-index:1}@media (min-width:1200px){.chat-container{height:85vh;margin:3rem!important;max-width:70rem;width:calc(100% - 6rem)}}@media (min-width:1024px) and (max-width:1199px){.chat-container{height:88vh;margin:2.5rem!important;max-width:64rem;width:calc(100% - 5rem)}}.chat-container:before{background:linear-gradient(135deg,#14b8a605,#0d948805);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.chat-container>*{position:relative;z-index:1}.chat-header{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;overflow:visible;padding:1.5rem 2rem;position:relative;z-index:2}@media (min-width:1200px){.chat-header{padding:2rem 3rem}}@media (min-width:1024px) and (max-width:1199px){.chat-header{padding:1.75rem 2.5rem}}.chat-header:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;position:relative;z-index:3}.header-controls{align-items:center;display:flex;gap:1rem}.voice-mode-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#78dbff33,#ff77c633);border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.voice-mode-btn:hover{background:linear-gradient(135deg,#78dbff4d,#ff77c64d);box-shadow:0 4px 12px #78dbff4d;transform:translateY(-2px)}.header-content h1{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0;text-shadow:0 2px 4px #0000001a}@media (min-width:1200px){.header-content{gap:2rem}.header-content h1{font-size:2rem}}@media (min-width:1024px) and (max-width:1199px){.header-content{gap:1.75rem}.header-content h1{font-size:1.875rem}}.chat-body{background:linear-gradient(180deg,#f8fffe 0,#f0fdfa);flex:1 1;overflow-y:auto;padding:2rem 1.5rem;position:relative;z-index:1}@media (min-width:1200px){.chat-body{padding:2.5rem 3rem}}@media (min-width:1024px) and (max-width:1199px){.chat-body{padding:2.25rem 2.5rem}}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#0000}.chat-body::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#14b8a680}.message-row{align-items:flex-end;display:flex;margin-bottom:1.5rem}.message-row.user{flex-direction:row-reverse}.avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 12px #14b8a640;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:42px;justify-content:center;margin:0 12px 4px;width:42px}.message-row.user .avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f140}.message-bubble{word-wrap:break-word;background:#fff;border:1px solid #14b8a61a;border-radius:20px 20px 20px 6px;box-shadow:0 4px 16px #00000014;color:#1f2937;font-size:.95rem;line-height:1.6;max-width:70%;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.message-bubble:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-1px)}.user .message-bubble{background:linear-gradient(135deg,#14b8a6,#0d9488);border:1px solid #fff3;border-radius:20px 6px 20px 20px;box-shadow:0 4px 16px #14b8a640;color:#fff}.user .message-bubble ul{list-style-type:disc;margin:1rem 0;padding-left:2rem}.user .message-bubble li{line-height:1.5;margin-bottom:.5rem;padding-left:.5rem}.user .message-bubble:hover{box-shadow:0 6px 20px #14b8a659}.timestamp{color:#9ca3af;display:block;font-size:.75rem;font-weight:500;margin-top:.5rem;text-align:right}.user .timestamp{color:#fffc}.message-meta{gap:12px;justify-content:space-between;margin-top:.75rem}.audio-button,.message-meta{align-items:center;display:flex}.audio-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;height:32px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:32px}.audio-button:hover:not(:disabled){box-shadow:0 6px 16px #6366f166;transform:scale(1.1)}.audio-button:active:not(:disabled){transform:scale(.95)}.audio-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.audio-button.playing{animation:audioPlaying 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}.audio-button.error{background:linear-gradient(135deg,#f59e0b,#d97706)}.audio-button.bot-speaking{animation:audioPlaying 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.audio-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}.quick-replies{background:#f8fafc;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow:hidden;padding:.6rem 1rem}.quick-replies button{background:#fff;border:1px solid #14b8a633;border-radius:25px;box-shadow:0 2px 8px #0000000d;color:#14b8a6;cursor:pointer;flex:1 1 auto;font-size:.9rem;font-weight:500;max-width:300px;min-width:200px;overflow:hidden;padding:.75rem 1.25rem;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.quick-replies button:hover{background:#14b8a6;box-shadow:0 4px 12px #14b8a640;color:#fff;transform:translateY(-2px)}.chat-input-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #14b8a61a;padding:1.5rem 2rem}.chat-input-bar,.input-controls{align-items:center;display:flex;gap:1rem}@media (min-width:1200px){.chat-input-bar{gap:1.25rem;padding:2rem 3rem}.input-controls{gap:1.25rem}}@media (min-width:1024px) and (max-width:1199px){.chat-input-bar{gap:1.125rem;padding:1.75rem 2.5rem}.input-controls{gap:1.125rem}}.chat-input-bar input{background:#f8fffe;border:2px solid #14b8a61a;border-radius:25px;color:#1f2937;flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.chat-input-bar input:focus{background:#fff;border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a;transform:translateY(-1px)}.chat-input-bar input::placeholder{color:#9ca3af}.voice-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:48px}.voice-button:hover:not(:disabled){box-shadow:0 6px 16px #6366f166;transform:scale(1.05)}.voice-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat-input-bar button:not(.voice-button){background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:25px;box-shadow:0 4px 12px #14b8a64d;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;min-width:80px;padding:1rem 2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.chat-input-bar button:not(.voice-button):hover:not(:disabled){box-shadow:0 6px 16px #14b8a666;transform:translateY(-2px)}.chat-input-bar button:not(.voice-button):disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center;padding:12px 0}.loading-dots span{animation:loadingBounce 1s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;display:inline-block;height:10px;width:10px}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes audioPlaying{0%,to{box-shadow:0 4px 12px #ef44444d}50%{box-shadow:0 8px 24px #ef444499}}.code-block{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:1rem 0;overflow:hidden}.code-block-header{background:#2d3748;color:#e2e8f0;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}@media (max-width:768px){.code-block{border-radius:8px;margin:.75rem 0}.code-block-header{font-size:.75rem;padding:.375rem .75rem}}@media (max-width:480px){.code-block{border-radius:6px;margin:.5rem 0}.code-block-header{font-size:.7rem;padding:.25rem .5rem}}.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble h4,.message-bubble h5,.message-bubble h6{line-height:1.3;margin:1rem 0 .5rem}.message-bubble h1{font-size:1.5rem}.message-bubble h2{font-size:1.3rem}.message-bubble h3{font-size:1.2rem}.message-bubble h4{font-size:1.1rem}.message-bubble h5{font-size:1rem}.message-bubble h6{font-size:.9rem}.message-bubble p{line-height:1.6;margin:.75rem 0}.message-bubble ol,.message-bubble ul{margin:.75rem 0;padding-left:1.5rem}.message-bubble li{line-height:1.5;margin:.25rem 0}.message-bubble blockquote{background:#14b8a60d;border-left:4px solid #14b8a6;border-radius:0 8px 8px 0;margin:1rem 0;padding:.75rem 1rem}.message-bubble table{border-collapse:collapse;font-size:.9rem;margin:1rem 0;width:100%}.message-bubble td,.message-bubble th{border:1px solid #14b8a633;padding:.5rem;text-align:left}.message-bubble th{background:#14b8a61a;font-weight:600}@media (max-width:768px){.message-bubble h1{font-size:1.3rem}.message-bubble h2{font-size:1.2rem}.message-bubble h3{font-size:1.1rem}.message-bubble h4{font-size:1rem}.message-bubble h5{font-size:.95rem}.message-bubble h6{font-size:.9rem}.message-bubble p{margin:.5rem 0}.message-bubble ol,.message-bubble ul{padding-left:1.25rem}.message-bubble blockquote{margin:.75rem 0;padding:.5rem .75rem}.message-bubble table{font-size:.8rem}.message-bubble td,.message-bubble th{padding:.375rem}}@media (max-width:480px){.message-bubble h1{font-size:1.2rem}.message-bubble h2{font-size:1.1rem}.message-bubble h3{font-size:1rem}.message-bubble h4{font-size:.95rem}.message-bubble h5{font-size:.9rem}.message-bubble h6{font-size:.85rem}.message-bubble ol,.message-bubble ul{padding-left:1rem}.message-bubble blockquote{border-radius:0 6px 6px 0;margin:.5rem 0;padding:.5rem}.message-bubble table{display:block;font-size:.75rem;overflow-x:auto;white-space:nowrap}.message-bubble td,.message-bubble th{padding:.25rem}}@media (min-width:768px) and (max-width:1023px){.chat-container{border-radius:16px;height:95vh;margin:1rem!important;max-width:calc(100% - 2rem);width:calc(100% - 2rem)}.chat-header{padding:1.5rem 2rem}.header-content{gap:1.25rem}.header-content h1{font-size:1.625rem}.chat-body{padding:1.75rem 1.5rem}.message-bubble{font-size:.95rem;max-width:75%;padding:1rem 1.25rem}.avatar{font-size:15px;height:40px;margin:0 12px 4px;width:40px}.chat-input-bar{gap:1rem;padding:1.5rem 2rem}.input-controls{gap:1rem}.chat-input-bar input{font-size:1rem;padding:1rem 1.5rem}.chat-input-bar button:not(.voice-button){font-size:.95rem;min-width:75px;padding:1rem 1.75rem}.voice-button{height:46px;width:46px}.quick-replies{gap:10px;max-height:100px;overflow:hidden;padding:1rem 2rem}.quick-replies button{font-size:.9rem;max-width:250px;min-width:180px;padding:.75rem 1.25rem}.audio-button{height:30px;width:30px}.audio-spinner{height:15px;width:15px}}@media (min-width:481px) and (max-width:767px){.chat-container{border-radius:12px;height:100vh;margin:.5rem!important;max-width:calc(100% - 1rem);width:calc(100% - 1rem)}.chat-header{padding:1.25rem 1.5rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.header-content h1{font-size:1.5rem;text-align:center}.chat-body{padding:1.5rem 1rem}.message-bubble{font-size:1rem;max-width:85%;padding:.875rem 1rem}.avatar{font-size:14px;height:36px;margin:0 10px 4px;width:36px}.chat-input-bar{gap:.75rem;padding:1.25rem 1.5rem}.input-controls{gap:.75rem}.chat-input-bar input{font-size:16px;padding:.875rem 1.25rem}.chat-input-bar button:not(.voice-button){font-size:.9rem;min-width:70px;padding:.875rem 1.5rem}.voice-button{height:44px;width:44px}.quick-replies{flex-wrap:nowrap;gap:8px;max-height:50px;overflow:hidden;padding:.75rem 1.5rem}.quick-replies button{flex:1 1;font-size:.8rem;max-width:none;min-width:0;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.audio-button{height:28px;width:28px}.audio-spinner{height:14px;width:14px}}@media (max-width:480px){.chat-container{border-radius:12px;height:calc(100vh - 1rem);margin:.5rem!important;max-width:calc(100% - 1rem);width:calc(100% - 1rem)}.chat-header{padding:1rem}.header-content{align-items:center;flex-direction:column;gap:.75rem}.header-content h1{font-size:1.3rem;text-align:center}.chat-body{padding:1rem .75rem}.message-row{margin-bottom:1.25rem}.message-bubble{font-size:.95rem;max-width:90%;padding:.75rem 1rem}.chat-input-bar{flex-wrap:wrap;gap:.5rem;padding:1rem}.input-controls{gap:.5rem}.chat-input-bar input{flex:1 1 200px;font-size:16px;min-width:0;padding:.75rem 1rem}.chat-input-bar button:not(.voice-button){flex:0 0 auto;font-size:.875rem;min-width:60px;padding:.75rem 1.25rem}.voice-button{flex:0 0 auto;height:40px;width:40px}.avatar{font-size:12px;height:32px;margin:0 8px 4px;width:32px}.audio-button{height:26px;width:26px}.quick-replies{flex-wrap:nowrap;gap:6px;max-height:45px;overflow:hidden;padding:.5rem 1rem}.quick-replies button{flex:1 1;font-size:.75rem;max-width:none;min-width:0;overflow:hidden;padding:.4rem .6rem;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:320px){.chat-container{border-radius:8px;height:calc(100vh - .5rem);margin:.25rem!important;max-width:calc(100% - .5rem);width:calc(100% - .5rem)}.header-content h1{font-size:1.2rem}.message-bubble{font-size:.9rem;max-width:95%;padding:.625rem .875rem}.chat-input-bar{align-items:stretch;flex-direction:column;gap:.375rem;padding:.875rem}.chat-input-bar input{flex:none;font-size:16px;margin-bottom:.5rem;padding:.625rem .875rem}.chat-input-bar .input-controls{display:flex;gap:.375rem;justify-content:space-between}.voice-button{height:36px;width:36px}.chat-input-bar button:not(.voice-button){flex:1 1;min-width:50px;padding:.625rem 1rem}.quick-replies{flex-wrap:nowrap;gap:4px;max-height:40px;overflow:hidden;padding:.4rem .875rem}.quick-replies button{flex:1 1;font-size:.7rem;max-width:none;min-width:0;overflow:hidden;padding:.3rem .5rem;text-overflow:ellipsis;white-space:nowrap}}.login-container{align-items:center;background:#e6fffa;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:20px}.login-box{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px 30px;width:100%}.login-box h2{color:#333;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column}.login-form input{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:15px;padding:12px 15px}.login-form input[type=password]{margin-bottom:20px}.login-form button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 0;transition:all .3s ease}.login-form button,.login-form button:hover{background-color:#14b8a6}.error-message{color:red;margin-top:15px;text-align:center}@media (min-width:768px) and (max-width:1023px){.login-container{padding:30px}.login-box{max-width:450px;padding:45px 35px}.login-box h2{font-size:1.75rem;margin-bottom:35px}.login-form input{font-size:16px;padding:14px 16px}.login-form button{font-size:16px;padding:14px 0}}@media (min-width:481px) and (max-width:767px){.login-container{padding:20px}.login-box{max-width:100%;padding:35px 25px}.login-box h2{font-size:1.5rem;margin-bottom:30px}.login-form input{font-size:16px;padding:12px 15px}.login-form button{font-size:16px;padding:12px 0}}@media (max-width:480px){.login-container{padding:15px}.login-box{border-radius:8px;padding:30px 20px}.login-box h2{font-size:1.3rem;margin-bottom:25px}.login-form input{font-size:16px;margin-bottom:12px;padding:12px 15px}.login-form input[type=password]{margin-bottom:18px}.login-form button{font-size:16px;padding:12px 0}.error-message{font-size:14px;margin-top:12px}}.voice-only-container{--header-height-desktop:72px;--header-height-mobile:96px;--header-height:var(--header-height-mobile);background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%),linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-y:auto;position:relative;width:100%}.voice-only-container:before{animation:particleFloat 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#78dbff33,#0000),radial-gradient(1px 1px at 90px 40px,#ff77c64d,#0000),radial-gradient(1px 1px at 130px 80px,#7877c633,#0000);background-repeat:repeat;background-size:200px 200px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes particleFloat{0%{transform:translateY(0) translateX(0)}33%{transform:translateY(-100px) translateX(50px)}66%{transform:translateY(-200px) translateX(-50px)}to{transform:translateY(-300px) translateX(0)}}.voice-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#78dbff1a,#ff77c61a);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem 3rem;position:relative;z-index:2}.header-left h1{-webkit-text-fill-color:#0000;animation:textGradient 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#fff,#78dbff,#ff77c6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2rem;font-weight:800;margin:0}.header-left p{color:#ffffffb3;font-size:1rem;margin:.5rem 0 0}.header-right{align-items:center;display:flex;gap:1rem}.back-btn,.settings-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.back-btn:hover,.settings-btn:hover{background:linear-gradient(135deg,#78dbff33,#ff77c633);box-shadow:0 0 20px #78dbff4d;transform:scale(1.1)}.settings-panel{animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f0f23f2,#1a1a2ef2);border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 50px #0000004d;padding:1.5rem;position:absolute;right:3rem;top:100%;z-index:10}.settings-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.close-settings{background:linear-gradient(135deg,#78dbff,#ff77c6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.close-settings:hover{box-shadow:0 4px 12px #78dbff66;transform:translateY(-2px)}.voice-main{flex:1 1;justify-content:center;min-height:calc(100vh - 200px);padding:2rem;position:relative;z-index:1}.voice-ball-container,.voice-main{align-items:center;display:flex;flex-direction:column}.voice-ball-container{gap:2rem;margin-bottom:3rem}.voice-ball{align-items:center;display:flex;height:200px;justify-content:center;position:relative;transition:all .5s ease;width:200px}.ball-core{animation:corePulse 2s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff,#78dbff,#ff77c6);border-radius:50%;box-shadow:0 0 30px #78dbff99,0 0 60px #ff77c666,inset 0 0 20px #ffffff4d;height:80px;position:relative;width:80px;z-index:3}.ball-rings{z-index:2}.ball-rings,.ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring{animation:ringExpand 3s ease-in-out infinite;border:2px solid #78dbff4d;border-radius:50%}.ring-1{animation-delay:0s;height:120px;width:120px}.ring-2{animation-delay:1s;height:160px;width:160px}.ring-3{animation-delay:2s;height:200px;width:200px}.ball-particles{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.particle{animation:particleOrbit 4s linear infinite;background:#78dbffcc;border-radius:50%;height:4px;position:absolute;width:4px}.particle-1{animation-delay:0s}.particle-2{animation-delay:.5s}.particle-3{animation-delay:1s}.particle-4{animation-delay:1.5s}.particle-5{animation-delay:2s}.particle-6{animation-delay:2.5s}.particle-7{animation-delay:3s}.particle-8{animation-delay:3.5s}.voice-ball.idle .ball-core{animation:corePulse 2s ease-in-out infinite}.voice-ball.listening .ball-core{animation:listeningPulse .8s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff,#4ade80,#22c55e);box-shadow:0 0 40px #4ade80cc,0 0 80px #22c55e99,inset 0 0 20px #fff6}.voice-ball.speaking .ball-core{animation:speakingPulse .6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff,#f59e0b,#d97706);box-shadow:0 0 50px #f59e0bcc,0 0 100px #d9770699,inset 0 0 20px #fff6}.voice-ball.processing .ball-core{animation:processingSpin 1s linear infinite;background:radial-gradient(circle at 30% 30%,#fff,#8b5cf6,#7c3aed);box-shadow:0 0 40px #8b5cf6cc,0 0 80px #7c3aed99,inset 0 0 20px #fff6}.voice-status{color:#fffc;font-size:1.2rem;font-weight:500;margin:2rem 0;min-height:1.5rem;opacity:1;text-align:center;transition:all .3s ease}.voice-status:empty{margin:0;min-height:0;opacity:0}.current-transcript{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #78dbff33;border-radius:12px;color:#78dbffe6;font-size:1rem;margin-bottom:2rem;max-width:400px;padding:1rem;text-align:center}.voice-controls{gap:1.5rem;margin-bottom:1rem;z-index:10}.voice-controls,.voice-mic-btn{align-items:center;display:flex;justify-content:center;position:relative}.voice-mic-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border:none;border-radius:50%;box-shadow:0 8px 32px #6366f166,0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;height:60px;transition:all .3s ease;width:60px}.voice-mic-btn:hover:not(:disabled){box-shadow:0 12px 40px #6366f199,0 0 0 1px #fff3;transform:scale(1.1)}.voice-mic-btn:active:not(:disabled){transform:scale(.95)}.voice-mic-btn.recording{animation:recordingPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);box-shadow:0 8px 32px #ef444499,0 0 0 1px #ffffff1a}.voice-mic-btn.processing{background:linear-gradient(135deg,#f59e0be6,#d97706e6);cursor:not-allowed}.voice-mic-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.recording-dot{animation:blink 1s infinite;background:#ef4444;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}.processing-spinner{align-items:center;display:flex;justify-content:center}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.voice-error{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444f2;border:1px solid #fff3;border-radius:12px;bottom:2rem;font-size:.9rem;gap:.5rem;left:50%;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:10}.error-close,.voice-error{align-items:center;color:#fff;display:flex}.error-close{background:none;border:none;cursor:pointer;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.error-close:hover{opacity:.8}.conversation-history{bottom:1rem;display:flex;flex-direction:column;left:1rem;max-height:40vh;position:fixed;right:1rem;z-index:5}.conversation-history details{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23cc;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;flex-direction:column;max-height:100%;padding:1rem}.conversation-history summary{border-radius:8px;cursor:pointer;flex-shrink:0;font-weight:600;padding:.5rem;transition:background .3s ease}.conversation-history summary:hover{background:#ffffff1a}.history-content{border-top:1px solid #ffffff1a;flex:1 1;margin-top:1rem;max-height:150px;overflow-y:auto;padding-top:1rem}.history-content::-webkit-scrollbar{width:6px}.history-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.history-content::-webkit-scrollbar-thumb{background:#78dbff80;border-radius:3px}.history-content::-webkit-scrollbar-thumb:hover{background:#78dbffb3}.history-message{word-wrap:break-word;border-bottom:1px solid #ffffff0d;font-size:.9rem;line-height:1.4;padding:.5rem 0}.history-message:last-child{border-bottom:none}@keyframes textGradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes corePulse{0%,to{box-shadow:0 0 30px #78dbff99,0 0 60px #ff77c666,inset 0 0 20px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 40px #78dbffcc,0 0 80px #ff77c699,inset 0 0 25px #fff6;transform:scale(1.05)}}@keyframes listeningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes speakingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes processingSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes ringExpand{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes particleOrbit{0%{opacity:0;transform:rotate(0deg) translateX(100px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(1turn) translateX(100px) rotate(-1turn)}}@keyframes recordingPulse{0%,to{box-shadow:0 8px 32px #ef444499,0 0 0 1px #ffffff1a;transform:scale(1)}50%{box-shadow:0 12px 40px #ef4444cc,0 0 0 2px #fff3;transform:scale(1.05)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.continuous-mode-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55ee6,#16a34ae6);border:none;border-radius:50%;box-shadow:0 6px 24px #22c55e66,0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.continuous-mode-btn:hover:not(:disabled){box-shadow:0 8px 32px #22c55e99,0 0 0 1px #fff3;transform:scale(1.1)}.continuous-mode-btn:active:not(:disabled){transform:scale(.95)}.continuous-mode-btn.active{animation:continuousPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);box-shadow:0 6px 24px #ef444499,0 0 0 1px #ffffff1a}.continuous-mode-btn.active:hover:not(:disabled){box-shadow:0 8px 32px #ef4444cc,0 0 0 1px #fff3}.continuous-mode-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.continuous-indicator{animation:blink 1s infinite;background:#ef4444;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}@keyframes continuousPulse{0%,to{box-shadow:0 6px 24px #ef444499,0 0 0 1px #ffffff1a;transform:scale(1)}50%{box-shadow:0 8px 32px #ef4444cc,0 0 0 2px #fff3;transform:scale(1.05)}}.stop-ai-btn{align-items:center;animation:stopPulse 1.5s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:none;border-radius:50%;box-shadow:0 6px 24px #ef444466,0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.stop-ai-btn:hover:not(:disabled){box-shadow:0 8px 32px #ef444499,0 0 0 1px #fff3;transform:scale(1.1)}.stop-ai-btn:active:not(:disabled){transform:scale(.95)}@keyframes stopPulse{0%,to{box-shadow:0 6px 24px #ef444466,0 0 0 1px #ffffff1a}50%{box-shadow:0 8px 32px #ef4444cc,0 0 0 2px #ffffff4d}}.stop-continuous-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0be6,#d97706e6);border:none;border-radius:50%;box-shadow:0 6px 24px #f59e0b66,0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.stop-continuous-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.stop-continuous-btn:hover:not(:disabled){box-shadow:0 8px 32px #f59e0b99,0 0 0 1px #fff3;transform:scale(1.1)}.stop-continuous-btn:hover:not(:disabled):before{transform:translateX(100%)}.stop-continuous-btn:active:not(:disabled){transform:scale(.95)}.audio-visualizer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #78dbff33;border-radius:16px;gap:1.5rem;margin-bottom:2rem;margin-top:2rem;max-width:400px;padding:1.5rem}.audio-level-indicator,.audio-visualizer{align-items:center;display:flex;flex-direction:column;width:100%}.audio-level-indicator{gap:.5rem}.level-label{color:#78dbffe6;font-size:.9rem;font-weight:500}.level-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.level-fill{background:linear-gradient(90deg,#22c55ecc,#78dbffcc 50%,#ef4444cc);border-radius:4px;box-shadow:0 0 10px #78dbff80;height:100%;transition:width .05s linear}.level-value{color:#fffc;font-size:.8rem;font-weight:600;min-width:30px;text-align:center}.frequency-bars{align-items:end;background:#0003;border-radius:8px;display:flex;gap:2px;height:60px;justify-content:center;padding:.5rem;width:100%}.frequency-bar{background:linear-gradient(0deg,#78dbff99 0,#ff77c6cc);border-radius:2px;box-shadow:0 0 4px #78dbff66;min-height:2px;transition:height .05s linear;width:8px}@media (max-width:1440px) and (min-width:1025px){.voice-header{padding:1.5rem 2.5rem}.header-left h1{font-size:1.8rem}.voice-main{min-height:calc(100vh - 180px);padding:1.5rem}.voice-ball{height:180px;width:180px}.ball-core{height:70px;width:70px}.ring-1{height:110px;width:110px}.ring-2{height:140px;width:140px}.ring-3{height:180px;width:180px}.voice-mic-btn{height:65px;width:65px}.continuous-mode-btn,.stop-ai-btn{height:60px;width:60px}.audio-visualizer{gap:1.25rem;max-width:380px;padding:1.25rem}.frequency-bars{gap:1.5px;height:55px}.frequency-bar{width:7px}.conversation-history{left:2rem;max-height:40vh;right:2rem}.history-content{max-height:150px}}@media (max-width:1024px) and (min-width:769px){.voice-header{padding:1.5rem 2.5rem}.header-left h1{font-size:1.8rem}.voice-main{min-height:calc(100vh - 180px);padding:1.5rem}.voice-ball{height:180px;width:180px}.ball-core{height:70px;width:70px}.ring-1{height:110px;width:110px}.ring-2{height:140px;width:140px}.ring-3{height:180px;width:180px}.voice-mic-btn{height:65px;width:65px}.continuous-mode-btn,.stop-ai-btn{height:60px;width:60px}.audio-visualizer{gap:1.25rem;max-width:380px;padding:1.25rem}.frequency-bars{gap:1.5px;height:55px}.frequency-bar{width:7px}.conversation-history{left:2rem;max-height:40vh;right:2rem}.history-content{max-height:150px}}@media (max-width:768px){.voice-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;z-index:100}.header-left h1{font-size:1.5rem}.voice-only-container{padding-top:100px}.voice-main{-webkit-overflow-scrolling:touch;min-height:calc(100vh - 180px);overflow-y:auto;padding:1rem 1rem 2rem}.voice-ball{height:130px;width:130px}.ball-core{height:55px;width:55px}.ring-1{height:80px;width:80px}.ring-2{height:105px;width:105px}.ring-3{height:130px;width:130px}.voice-mic-btn{height:60px;width:60px}.continuous-mode-btn,.stop-ai-btn,.stop-continuous-btn{height:50px;width:50px}.voice-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f23f2;border-radius:0;border-top:1px solid #ffffff1a;bottom:0;left:0;margin:0;padding:1rem;position:fixed;right:0;z-index:20}.settings-panel{left:2rem;right:2rem}.audio-visualizer{gap:1rem;max-width:350px;padding:1rem}.frequency-bars{gap:1px;height:50px}.frequency-bar{width:6px}.conversation-history{margin:0;position:fixed;right:1rem;top:1rem;z-index:15}.conversation-history details{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.conversation-history details:hover{background:#78dbff33;box-shadow:0 0 20px #78dbff4d;transform:scale(1.1)}.conversation-history summary{align-items:center;border-radius:50%;color:#78dbffe6;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:100%;justify-content:center;list-style:none;padding:0;transition:background .3s ease;width:100%}.conversation-history summary:before{content:"💬";font-size:1.2rem}.conversation-history summary::-webkit-details-marker{display:none}.history-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;font-size:.85rem;max-height:250px;overflow-y:auto;padding:1rem;position:absolute;right:0;top:60px;width:300px;z-index:20}}@media (max-width:480px){.voice-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:1rem;left:0;padding:1rem 1.5rem;position:fixed;right:0;text-align:center;top:0;z-index:100}.header-left h1{font-size:1.3rem}.header-left p{font-size:.8rem}.header-right{justify-content:center}.voice-only-container{padding-top:120px}.voice-main{-webkit-overflow-scrolling:touch;min-height:calc(100vh - 220px);overflow-y:auto;padding:.75rem .75rem 2rem}.voice-ball{height:100px;width:100px}.ball-core{height:40px;width:40px}.ring-1{height:60px;width:60px}.ring-2{height:80px;width:80px}.ring-3{height:100px;width:100px}.voice-mic-btn{height:50px;width:50px}.continuous-mode-btn,.stop-ai-btn,.stop-continuous-btn{height:45px;width:45px}.voice-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f23f2;border-radius:0;border-top:1px solid #ffffff1a;bottom:0;gap:1.5rem;left:0;margin:0;padding:1rem;position:fixed;right:0;z-index:20}.current-transcript{font-size:.85rem;max-width:280px;padding:.75rem}.audio-visualizer{gap:.8rem;margin-top:1rem;max-width:280px;padding:.8rem}.level-label{font-size:.75rem}.level-bar{height:6px}.level-value{font-size:.65rem}.frequency-bars{gap:1px;height:35px}.frequency-bar{width:3px}.conversation-history{margin:0;position:fixed;right:1rem;top:1rem;z-index:15}.conversation-history details{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.conversation-history details:hover{background:#78dbff33;box-shadow:0 0 20px #78dbff4d;transform:scale(1.1)}.conversation-history summary{align-items:center;border-radius:50%;color:#78dbffe6;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:100%;justify-content:center;list-style:none;padding:0;transition:background .3s ease;width:100%}.conversation-history summary:before{content:"💬";font-size:1.2rem}.conversation-history summary::-webkit-details-marker{display:none}.history-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;font-size:.8rem;max-height:200px;overflow-y:auto;padding:1rem;position:absolute;right:0;top:60px;width:280px;z-index:20}.history-message{border-bottom:1px solid #ffffff0d;font-size:.8rem;padding:.4rem 0}.history-message:last-child{border-bottom:none}}.sensitivity-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.sensitivity-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #78dbff4d;border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 0 1px #78dbff1a,inset 0 1px 0 #ffffff1a;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.sensitivity-modal-header{align-items:center;border-bottom:1px solid #78dbff33;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.sensitivity-modal-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-modal{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:.5rem;transition:all .3s ease}.close-modal:hover{background:#78dbff1a;color:#fff}.sensitivity-modal-content{display:flex;flex-direction:column;gap:2rem}.sensitivity-control{display:flex;flex-direction:column;gap:.5rem}.sensitivity-control label{color:#e2e8f0;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.sensitivity-slider{-webkit-appearance:none;appearance:none;background:#78dbff33;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#78dbff,#ff77c6);border-radius:50%;box-shadow:0 0 10px #78dbff80;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.sensitivity-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #78dbffcc;transform:scale(1.1)}.sensitivity-slider::-moz-range-thumb{background:linear-gradient(135deg,#78dbff,#ff77c6);border:none;border-radius:50%;box-shadow:0 0 10px #78dbff80;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.sensitivity-slider::-moz-range-thumb:hover{box-shadow:0 0 15px #78dbffcc;transform:scale(1.1)}.sensitivity-help{color:#94a3b8;font-size:.8rem;font-style:italic;margin-top:.25rem}.sensitivity-actions{border-top:1px solid #78dbff33;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.reset-sensitivity,.save-sensitivity{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.reset-sensitivity{background:#5eead41a;border:1px solid #5eead44d;color:#5eead4}.reset-sensitivity:hover{background:#5eead433;box-shadow:0 5px 15px #5eead44d;transform:translateY(-2px)}.save-sensitivity{background:linear-gradient(135deg,#78dbff,#ff77c6);border:1px solid #78dbff4d;color:#fff}.save-sensitivity:hover{box-shadow:0 5px 15px #78dbff66;transform:translateY(-2px)}.settings-actions{border-bottom:1px solid #78dbff33;border-top:1px solid #78dbff33;margin:1.5rem 0;padding:1rem 0}.sensitivity-settings-btn{align-items:center;background:#5eead41a;border:1px solid #5eead44d;border-radius:12px;color:#5eead4;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.sensitivity-settings-btn:hover{background:#5eead433;box-shadow:0 5px 15px #5eead44d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.sensitivity-modal{border-radius:16px;margin:.5rem;max-height:90vh;max-width:none;padding:1.5rem;width:calc(100% - 1rem)}.sensitivity-modal-header{margin-bottom:1.5rem;padding-bottom:.75rem}.sensitivity-modal-header h3{font-size:1.3rem}.sensitivity-modal-content{gap:1.5rem}.sensitivity-control{gap:.75rem}.sensitivity-control label{font-size:.9rem;margin-bottom:.5rem}.sensitivity-slider{height:10px}.sensitivity-slider::-webkit-slider-thumb{height:24px;width:24px}.sensitivity-slider::-moz-range-thumb{height:24px;width:24px}.sensitivity-help{font-size:.75rem;line-height:1.3}.sensitivity-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem}.reset-sensitivity,.save-sensitivity{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.sensitivity-modal{border-radius:12px;margin:.25rem;max-height:95vh;padding:1rem;width:calc(100% - .5rem)}.sensitivity-modal-header{margin-bottom:1rem;padding-bottom:.5rem}.sensitivity-modal-header h3{font-size:1.2rem}.sensitivity-modal-content{gap:1.25rem}.sensitivity-control{gap:.5rem}.sensitivity-control label{font-size:.85rem}.sensitivity-help{font-size:.7rem}.sensitivity-actions{gap:.5rem;margin-top:1rem}.reset-sensitivity,.save-sensitivity{font-size:.9rem;padding:.875rem 1.25rem}}@media (min-width:1024px){.conversation-history{bottom:1rem;left:auto;margin:0;max-height:60vh;position:fixed;right:1rem;top:auto;width:340px;z-index:5}.conversation-history details{max-height:100%}.history-content{max-height:calc(60vh - 70px);overflow-y:auto}}@media (max-width:768px){.conversation-history{bottom:.75rem;left:.75rem;position:fixed}}@media (min-width:1025px){.voice-only-container{--header-height:var(--header-height-desktop);padding-top:var(--header-height)}.voice-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;height:var(--header-height);left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:100}.header-left h1{font-size:1.25rem;line-height:1}.header-left p{font-size:.9rem}.voice-main{-webkit-overflow-scrolling:touch;height:calc(100vh - var(--header-height));overflow-y:auto;padding:1.5rem 2rem}.conversation-history{z-index:110}.settings-panel{z-index:120}}@media (max-width:1023px){.voice-only-container{--header-height:var(--header-height-mobile);padding-top:0}.voice-header{height:auto;padding:1rem 1.5rem;position:relative}.header-left h1{font-size:1.4rem}.header-left p{font-size:.85rem}.voice-main{height:auto;overflow:visible;padding:1rem}}@media (max-width:480px){.header-left h1{font-size:1.2rem}.header-left p{font-size:.78rem}.back-btn,.settings-btn{height:40px;width:40px}:root{--header-height-mobile:72px}}
/*# sourceMappingURL=main.0f4bfc4b.css.map*/