:root{--dark:#333;--dark-sec:#666;--border:#e0e0e0;--primary:#3a86ff;--font1:"Inter",sans-serif;--logo:black;--hover:#e6f0ffb3;--close:white}[data-theme=dark]{--primary:#3a86ff;--font1:"Inter",sans-serif;--logo:white;--hover:#f7f7f720;--close:black;--dark:#a1a1a1!important;--dark-sec:#b2b2b2!important;--border:#a1a1a1!important}.theme-toggle{width:100%}.theme-btn{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.theme-btn:hover{background-color:var(--hover);transform:scale(.98)}.theme-btn svg{stroke-width:2.15px;min-width:22px;max-width:22px;fill:none!important}.logo{border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.logo img{object-fit:cover;border-radius:8px;width:32px;height:32px}.logo span{letter-spacing:-1px;font-size:25px;font-weight:700;font-family:var(--font1);color:var(--logo)!important}.logo:hover{background-color:var(--hover);cursor:pointer;transform:scale(.98)}.navItems{width:100%;max-height:72vh;margin-top:16px;overflow:scroll}.navItems div{flex-direction:column;gap:6px;width:100%;padding:8px 0;display:flex}.navItems div a{color:var(--sidebar-text);border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.navItems div a span{white-space:nowrap}.closeNav{z-index:5;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:20%;right:-31px;transform:translateY(-20%);box-shadow:0 2px 8px #00000014;background-color:var(--close)!important;border:1px solid var(--border)!important}.language-selector{width:100%;position:relative;overflow:auto}.language-btn{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.language-btn:hover{background-color:var(--hover);transform:scale(.98)}.language-btn svg{stroke-width:2.15px;min-width:22px;max-width:22px;fill:none!important}.language-btn .dropdown-arrow{transition:transform .3s}.language-btn .dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{z-index:10;background:#fff;border-radius:8px;height:150px;margin-top:4px;padding:8px 0;position:relative;top:100%;left:0;right:0;overflow:auto;box-shadow:0 4px 12px #0000001a}.language-dropdown::-webkit-scrollbar{display:none}.lang-option{text-align:left;cursor:pointer;width:100%;color:var(--dark);background:0 0;border:none;padding:8px 16px;font-size:14px;transition:background-color .2s}.lang-option:hover{background-color:var(--hover)}.lang-option.active{color:var(--primary,#3a86ff);background-color:#e6f0ffb3;font-weight:600}.Sidebar_Teeai{overflow:visible}.ml-auto{margin-left:auto}.closeNav span svg{align-items:center;display:flex}.closeNav svg{height:20px;fill:none!important;width:20px!important}.topSd{justify-content:flex-start;align-items:center;width:100%;margin-top:8px;padding:4px 0;display:flex;position:relative}.topSd button{cursor:pointer;background-color:#0000;border:0;padding:0}.navItems div a svg{stroke-width:2.15px;min-width:22px;max-width:22px;fill:none!important}.navItems hr{background-color:var(--border);opacity:.6;border:0;width:100%;height:1px;margin:8px 0}.navItems div a:hover{background-color:var(--hover);transform:scale(.98)}.navItems div a.active{color:var(--primary,#3a86ff);background-color:#e6f0ffb3;font-weight:600}.navItems div a.active svg{color:var(--primary,#3a86ff);stroke-width:2px}@media screen and (max-width:900px){.navItems{max-height:60vh}}.language-selector{overflow:visible}.language-dropdown.popup-mode{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;min-width:200px;max-width:250px;margin-top:0;animation:.2s ease-out popupFadeIn;position:fixed;top:auto;left:70px;right:auto;transform:translateY(-50%)}[data-theme=dark] .language-dropdown.popup-mode{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#333333f2}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-50%)scale(.95)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media screen and (max-width:900px){.language-dropdown.popup-mode{min-width:180px;left:60px}}
:root{--primary-blue:#5b9ae8;--primary-purple:#d181ff;--primary-mint:#6dd3b3;--primary-green:#6ceb89;--primary-orange:#ffbe71;--primary-pink:#ff7e88;--nav-bg-color:#fffffff2;--nav-bg-color-2:#ffffff1b;--nav-text-color:#5f6c7b;--nav-text-color-2:#47515c;--nav-active-color:var(--primary-blue);--nav-hover-color:#f0f5ff;--nav-shadow:0 4px 20px #00000014;--dropdown-bg-color:#fffffffa;--dropdown-shadow:0 -5px 25px #0000001a;--border-radius-large:20px 20px 0 0;--border-radius-small:12px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}[data-theme=dark]{--primary-blue:#5b9ae8;--primary-purple:#d181ff;--primary-mint:#6dd3b3;--primary-green:#6ceb89;--primary-orange:#ffbe71;--primary-pink:#ff7e88;--nav-bg-color:#1f1f1ff2;--nav-bg-color-2:#1f1f1ff2;--nav-text-color:#fff;--nav-text-color-2:#fff;--nav-active-color:var(--primary-blue);--nav-hover-color:#2d2d2d;--nav-shadow:0 4px 20px #00000014;--dropdown-bg-color:#1f1f1ffa;--dropdown-shadow:0 -5px 25px #0000001a;--border-radius-large:20px 20px 0 0;--border-radius-small:12px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.topBar{background-color:var(--nav-bg-color-2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);width:max-content;box-shadow:var(--nav-shadow);border:1px solid var(--nav-bg-color);justify-content:center;align-items:center;padding:10px;display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0!important}.logo-container{align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:-1px;color:var(--nav-text-color);font-size:20px;font-weight:700;font-family:var(--font1)}.logo-top{border-radius:10px;width:30px}.mobile-nav-container{z-index:1000;width:100%;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav{background-color:var(--nav-bg-color);color:var(--nav-text-color);border-radius:var(--border-radius-large);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-family);border:1px solid #fffc;justify-content:space-around;align-items:center;padding:10px;display:flex}.nav-item{cursor:pointer;color:inherit;border-radius:16px;flex-direction:column;align-items:center;padding:8px 12px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{background-color:var(--nav-hover-color);color:var(--primary-blue)}.nav-item span{text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:12px;font-weight:400;overflow:hidden}.language-dropdown-container{position:relative}.language-option{text-align:left;width:100%;color:var(--nav-text-color);cursor:pointer;background:0 0;border:none;align-items:center;padding:10px 15px;font-size:14px;transition:background-color .2s;display:flex}.language-option:hover{background-color:var(--nav-hover-color)}.language-option.active{color:#4a90e2;background-color:#4a90e21a;font-weight:600}.dropdown-toggle{position:relative}.dropdown-menu{background-color:var(--dropdown-bg-color);border-radius:var(--border-radius-large);box-shadow:var(--dropdown-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fffc;min-width:220px;margin-bottom:15px;padding:14px;animation:.25s slideUp;position:absolute;bottom:100%;right:-20px;z-index:2!important}.dropdown-item{color:var(--nav-text-color);border-radius:var(--border-radius-small);align-items:center;margin-bottom:8px;padding:8px 16px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:first-child:hover{color:var(--primary-blue);background-color:#5b9ae81a}.dropdown-item:nth-child(2):hover{color:var(--primary-purple);background-color:#d181ff1a}.dropdown-item:nth-child(3):hover{color:var(--primary-mint);background-color:#6dd3b31a}.dropdown-item:nth-child(4):hover{color:var(--primary-green);background-color:#6ceb891a}.dropdown-item:nth-child(5):hover{color:var(--primary-pink);background-color:#ff7e881a}.dropdown-item span{margin-left:12px;font-size:15px;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu:after{content:"";background-color:var(--dropdown-bg-color);border-bottom:1px solid #fffc;border-right:1px solid #fffc;width:16px;height:16px;position:absolute;bottom:-8px;right:30px;transform:rotate(45deg)}@media (max-width:400px){.mobile-nav{padding:5px 8px}.nav-item{padding:6px 8px}.nav-item span{font-size:12px}}
:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-gradient:linear-gradient(135deg,#6366f1,#4f46e5);--inactive-gradient:linear-gradient(135deg,#64748b,#475569);--message-bg:#fffffff2;--message-text:#1f2937;--message-border:#cbd5e180;--shadow-light:0 2px 10px #6366f126;--shadow-strong:0 4px 15px #4f46e540;--wave-color:#6366f1b3;--wave-glow:#6366f1cc;--ambient-glow:#6366f114;--ambient-shadow:#6366f11f;--button-text:#f8fafc;--ring-color:#6366f126;--animation-spring:cubic-bezier(.34,1.56,.64,1);--animation-smooth:cubic-bezier(.65,0,.35,1)}[data-theme=dark]{--primary-color:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--primary-gradient:linear-gradient(135deg,#818cf8,#6366f1);--inactive-gradient:linear-gradient(135deg,#3f3f46,#27272a);--message-bg:#1e293bf2;--message-text:#e2e8f0;--message-border:#47556980;--shadow-light:0 2px 10px #6366f133;--shadow-strong:0 4px 15px #818cf84d;--wave-color:#a5b4fcb3;--wave-glow:#a5b4fccc;--ambient-glow:#818cf81a;--ambient-shadow:#818cf82e;--button-text:#f8fafc;--ring-color:#818cf833}.voice-assistant svg{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none!important;display:block!important}.voice-assistant{z-index:1000;pointer-events:none;width:max-content;height:max-content;transition:all .5s var(--animation-spring);filter:drop-shadow(0 4px 6px #0000001a);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px}.voice-container{pointer-events:all;transition:all .4s var(--animation-spring);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.voice-assistant:before{content:"";background:radial-gradient(circle,var(--ambient-glow)0%,transparent 70%);width:78px;height:78px;box-shadow:0 0 25px var(--ambient-shadow);opacity:.6;transition:all .6s var(--animation-smooth);border-radius:50%;animation:6s ease-in-out infinite alternate ambient-pulse;position:absolute}.recording .voice-assistant:before{background:radial-gradient(circle,var(--ambient-glow)0%,transparent 75%);box-shadow:0 0 35px var(--ambient-shadow);opacity:1;animation:3s ease-in-out infinite alternate ambient-pulse-active}@keyframes ambient-pulse{0%{opacity:.4;transform:scale(.98)}to{opacity:.6;transform:scale(1.02)}}@keyframes ambient-pulse-active{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.voice-btn{cursor:pointer;width:58px;height:58px;transition:all .4s var(--animation-spring);z-index:5;box-shadow:var(--shadow-light);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.start-btn{background:var(--inactive-gradient);animation:4s ease-in-out infinite gentle-float}.start-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:200%;height:100%;animation:8s infinite shine;position:absolute;top:0;left:-50%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%,to{left:100%}}.start-btn svg{color:var(--button-text);opacity:.9;transition:all .3s var(--animation-spring)}.start-btn:hover{box-shadow:var(--shadow-strong);transform:scale(1.05)}.start-btn:hover svg{opacity:1;transform:scale(1.1)}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stop-btn{background:var(--primary-gradient);box-shadow:0 0 20px #6366f166,inset 0 2px 3px #fff3}[data-theme=dark] .stop-btn{box-shadow:0 0 20px #818cf880,inset 0 2px 3px #fff3}.stop-btn svg{color:#fff;filter:drop-shadow(0 1px 2px #0000001a)}.stop-btn:before{content:"";border:2px solid #ffffff80;border-radius:50%;width:120%;height:120%;animation:2.5s cubic-bezier(.4,0,.2,1) infinite pulse-out;position:absolute}@keyframes pulse-out{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}.stop-btn .inner-pulse{width:70%;height:70%;animation:inner-pulse 1.5s alternate infinite var(--animation-smooth);background:#ffffff26;border-radius:50%;position:absolute}@keyframes inner-pulse{0%{opacity:.2;transform:scale(.9)}to{opacity:.4;transform:scale(1.05)}}.visualization-ring{border:1.5px solid var(--ring-color);pointer-events:none;z-index:2;width:82px;height:82px;transition:all .4s var(--animation-smooth);opacity:.4;border-radius:50%;position:absolute}.recording .visualization-ring{opacity:.7;animation:ring-pulse 3s infinite alternate var(--animation-smooth)}@keyframes ring-pulse{0%{opacity:.5;transform:scale(.98)}to{opacity:.8;transform:scale(1.02)}}.wave-bars{z-index:1;pointer-events:none;opacity:.2;width:95px;height:95px;transition:opacity .3s;position:absolute}.recording .wave-bars{opacity:1}.wave-bar{background:var(--wave-color);transform-origin:bottom;border-radius:1px;width:2px;height:4px;transition:height .1s ease-in-out,box-shadow .2s;position:absolute;bottom:50%;left:50%}.wave-bar:first-child{transform:translate(-50%)rotate(0)translateY(-25px)}.wave-bar:nth-child(2){transform:translate(-50%)rotate(20deg)translateY(-25px)}.wave-bar:nth-child(3){transform:translate(-50%)rotate(40deg)translateY(-25px)}.wave-bar:nth-child(4){transform:translate(-50%)rotate(60deg)translateY(-25px)}.wave-bar:nth-child(5){transform:translate(-50%)rotate(80deg)translateY(-25px)}.wave-bar:nth-child(6){transform:translate(-50%)rotate(100deg)translateY(-25px)}.wave-bar:nth-child(7){transform:translate(-50%)rotate(120deg)translateY(-25px)}.wave-bar:nth-child(8){transform:translate(-50%)rotate(140deg)translateY(-25px)}.wave-bar:nth-child(9){transform:translate(-50%)rotate(160deg)translateY(-25px)}.wave-bar:nth-child(10){transform:translate(-50%)rotate(180deg)translateY(-25px)}.wave-bar:nth-child(11){transform:translate(-50%)rotate(200deg)translateY(-25px)}.wave-bar:nth-child(12){transform:translate(-50%)rotate(220deg)translateY(-25px)}.wave-bar:nth-child(13){transform:translate(-50%)rotate(240deg)translateY(-25px)}.wave-bar:nth-child(14){transform:translate(-50%)rotate(260deg)translateY(-25px)}.wave-bar:nth-child(15){transform:translate(-50%)rotate(280deg)translateY(-25px)}.wave-bar:nth-child(16){transform:translate(-50%)rotate(300deg)translateY(-25px)}.wave-bar:nth-child(17){transform:translate(-50%)rotate(320deg)translateY(-25px)}.wave-bar:nth-child(18){transform:translate(-50%)rotate(340deg)translateY(-25px)}.message-container{pointer-events:none;width:auto;max-width:200px;transition:all .4s var(--animation-spring);opacity:0;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:50%;right:70px;transform:translateY(-50%)}.recording .message-container,.playing .message-container,.connected .message-container{opacity:1;right:75px}.status-message{background:var(--message-bg);color:var(--message-text);border:1px solid var(--message-border);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:100%;padding:6px 12px;font-size:13px;font-weight:450;line-height:1.4;animation:3s infinite subtle-float;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.status-message:after{content:"";border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--message-bg);filter:drop-shadow(1px 0 0 var(--message-border));position:absolute;top:50%;right:-5px;transform:translateY(-50%)}@keyframes subtle-float{0%,to{transform:translate(0)}50%{transform:translate(-2px)}}.control-buttons{opacity:0;transition:all .3s var(--animation-spring);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:75px;transform:translateY(10px)}.recording .control-buttons,.playing .control-buttons,.connected .control-buttons{opacity:1;pointer-events:all;transform:translateY(0)}.minimize-btn{background:var(--message-bg);border:1px solid var(--message-border);cursor:pointer;width:28px;height:28px;transition:all .3s var(--animation-spring);color:var(--message-text);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000001a}.minimize-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.minimize-btn:active{transform:scale(.95)}.minimize-btn svg{width:16px;height:16px;stroke:var(--message-text);stroke-width:2.5px}.close-btn{background:var(--message-bg);border:1px solid var(--message-border);cursor:pointer;width:28px;height:28px;transition:all .3s var(--animation-spring);color:var(--message-text);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000001a}.close-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.close-btn:active{transform:scale(.95)}.close-btn svg{width:16px;height:16px;stroke:var(--message-text);stroke-width:2.5px}.recording .voice-container,.playing .voice-container{transform:scale(1.05)}.voice-assistant.minimized{filter:none;bottom:20px;right:20px}.minimized .voice-container{transform:scale(.85)}.minimized .voice-btn{box-shadow:var(--shadow-light)}.minimized .message-container,.minimized .control-buttons,.minimized .visualization-ring,.minimized .wave-bars{display:none}.voice-btn:active{transition:transform .1s;transform:scale(.96)}.voice-btn:focus,.minimize-btn:focus,.close-btn:focus{outline:none;box-shadow:0 0 0 3px #6366f14d,0 2px 6px #0000001a}[data-theme=dark] .voice-btn:focus,[data-theme=dark] .minimize-btn:focus,[data-theme=dark] .close-btn:focus{box-shadow:0 0 0 3px #818cf866,0 2px 6px #0003}.wave-bar{box-shadow:0 0 2px var(--wave-color)}.recording .wave-bar{box-shadow:0 0 5px var(--wave-glow)}@media screen and (max-width:768px){.voice-assistant{bottom:16px;right:16px}.voice-btn{width:52px;height:52px}.message-container{max-width:160px;right:65px}.status-message{padding:5px 10px;font-size:12px}.control-buttons{bottom:65px}.minimize-btn,.close-btn{width:24px;height:24px}.minimize-btn svg,.close-btn svg{width:14px;height:14px}.wave-bars{width:80px;height:80px}.visualization-ring{width:72px;height:72px}.voice-container{position:absolute;bottom:100px;right:8px}.wave-bar:first-child{transform:translate(-50%)rotate(0)translateY(-22px)}.wave-bar:nth-child(2){transform:translate(-50%)rotate(20deg)translateY(-22px)}.wave-bar:nth-child(3){transform:translate(-50%)rotate(40deg)translateY(-22px)}.wave-bar:nth-child(4){transform:translate(-50%)rotate(60deg)translateY(-22px)}.wave-bar:nth-child(5){transform:translate(-50%)rotate(80deg)translateY(-22px)}.wave-bar:nth-child(6){transform:translate(-50%)rotate(100deg)translateY(-22px)}.wave-bar:nth-child(7){transform:translate(-50%)rotate(120deg)translateY(-22px)}.wave-bar:nth-child(8){transform:translate(-50%)rotate(140deg)translateY(-22px)}.wave-bar:nth-child(9){transform:translate(-50%)rotate(160deg)translateY(-22px)}.wave-bar:nth-child(10){transform:translate(-50%)rotate(180deg)translateY(-22px)}.wave-bar:nth-child(11){transform:translate(-50%)rotate(200deg)translateY(-22px)}.wave-bar:nth-child(12){transform:translate(-50%)rotate(220deg)translateY(-22px)}.wave-bar:nth-child(13){transform:translate(-50%)rotate(240deg)translateY(-22px)}.wave-bar:nth-child(14){transform:translate(-50%)rotate(260deg)translateY(-22px)}.wave-bar:nth-child(15){transform:translate(-50%)rotate(280deg)translateY(-22px)}.wave-bar:nth-child(16){transform:translate(-50%)rotate(300deg)translateY(-22px)}.wave-bar:nth-child(17){transform:translate(-50%)rotate(320deg)translateY(-22px)}.wave-bar:nth-child(18){transform:translate(-50%)rotate(340deg)translateY(-22px)}}