:root{--bg: #FAFAFA;--bg-warm: #F0F0F5;--fg: #1a1a2e;--fg-muted: #64648C;--accent: #4F46E5;--accent-dark: #3730A3;--surface: #ffffff;--surface-hover: #F5F5FF;--border: #E0E0EC;--listening: #4F46E5;--success: #10B981;--link: #4F46E5;--secondary: #F97316;--accent-light: #EEF2FF;--shadow-sm: 0 2px 8px rgba(79, 70, 229, .12);--shadow-md: 0 8px 24px rgba(79, 70, 229, .18);--shadow-lg: 0 16px 48px rgba(79, 70, 229, .22)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:none)and (pointer:coarse){*:focus-visible{outline:none}}html,body{height:100%;overflow:hidden}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--fg);font-weight:500}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .6s ease-out;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(79,70,229,.15),transparent),var(--bg)}.login-screen.hidden{display:none}.logo{margin-bottom:1rem;opacity:1;animation:logoFloat .8s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 20px 40px rgba(79,70,229,.3))}@keyframes logoFloat{0%{transform:translateY(30px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-tagline{font-family:Outfit,sans-serif;color:var(--fg-muted);font-size:1.05rem;font-weight:400;letter-spacing:.02em;margin-bottom:3rem;opacity:0;animation:taglineFade .6s ease-out .3s forwards}@keyframes taglineFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-btn{position:relative;background:var(--fg);color:#fff;border:none;padding:1rem 3.5rem 1rem 1.75rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:100px;box-shadow:0 4px 20px #1a1a2e40;opacity:0;animation:btnAppear .5s ease-out .5s forwards;overflow:hidden}.login-btn:before{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:28px;height:28px;background:var(--accent);border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1)}.login-btn:after{content:"";position:absolute;right:1.55rem;top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid white;border-top:2px solid white;transform:translateY(-50%) rotate(45deg);transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes btnAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1a1a2e59;background:var(--accent)}.login-btn:hover:before{background:#fff;transform:translateY(-50%) scale(1.1)}.login-btn:hover:after{border-color:var(--accent);right:1.45rem}.login-btn:active{transform:translateY(0) scale(.98)}.login-about{margin-top:1.5rem;font-family:Outfit,sans-serif;font-size:.9rem;color:var(--fg-muted);text-decoration:underline;transition:color .2s ease;opacity:0;animation:btnAppear .5s ease-out .5s forwards}.login-about:hover{color:var(--accent)}.voice-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.voice-screen.hidden{display:none}.voice-screen.text-mode:before{content:"";position:fixed;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to bottom,transparent,var(--bg) 70%);pointer-events:none;z-index:40}.clear-chat-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .35rem;font-family:Bricolage Grotesque,sans-serif;font-size:.7rem;font-weight:700;color:var(--fg-muted);background:var(--bg-warm);border:1px solid var(--border);border-radius:10px}.button-container{position:relative;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease}.voice-screen.text-mode .button-container{opacity:0;transform:translate(-30%);pointer-events:none}.main-button{width:200px;height:200px;border-radius:56px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;-webkit-tap-highlight-color:transparent;position:relative;background:linear-gradient(135deg,#5b52f0,#6366f1 40%,#7c3aed);box-shadow:0 10px 40px #6366f173,0 0 60px #a855f733,inset 0 2px #ffffff26}.button-container:before{content:"";position:absolute;width:220px;height:220px;border-radius:64px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,rgba(99,102,241,.2) 50%,transparent 70%);filter:blur(10px);z-index:-1}.main-button:hover{transform:scale(1.06);box-shadow:0 12px 40px #6366f180,0 0 80px #8b5cf659,0 0 0 4px #8b5cf633,inset 0 1px #fff3;animation:gradientShift 3s ease-in-out infinite}.main-button:active{transform:scale(.96)}.main-button svg{width:80px;height:80px;stroke:#fff;stroke-width:2.5;fill:none;transition:all .2s ease}.main-button .stop-icon{display:none}.main-button .spinner-icon{display:none;width:72px;height:72px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.main-button.listening{background:linear-gradient(135deg,#ea580c,#f97316 40%,#fb923c);animation:recordingPulse 1.2s ease-in-out infinite;box-shadow:0 0 #f9731699,0 10px 40px #f9731680,0 0 60px #fb923c4d}.button-container:has(.main-button.listening):before{background:radial-gradient(circle,rgba(251,146,60,.5) 0%,rgba(249,115,22,.25) 50%,transparent 70%)}@keyframes recordingPulse{0%,to{transform:scale(1);box-shadow:0 0 #f9731699,0 10px 40px #f9731680,0 0 60px #fb923c4d}50%{transform:scale(1.04);box-shadow:0 0 0 8px #f9731600,0 12px 50px #f9731699,0 0 80px #fb923c66}}.main-button.listening .mic-icon{display:none}.main-button.listening .stop-icon{display:block}.main-button.processing{opacity:.9;cursor:wait}.main-button.processing .mic-icon,.main-button.processing .stop-icon{display:none}.main-button.processing .spinner-icon{display:block}.main-button.speaking{background:linear-gradient(135deg,#ea580c,#f97316 40%,#fb923c);box-shadow:0 10px 40px #f9731673,0 0 60px #fb923c40}.button-container:has(.main-button.speaking):before{background:radial-gradient(circle,rgba(251,146,60,.4) 0%,rgba(249,115,22,.2) 50%,transparent 70%)}@keyframes spin{to{transform:rotate(360deg)}}.status-text{position:absolute;bottom:-55px;left:50%;transform:translate(-50%);font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;transition:all .3s ease}.status-text.listening,.status-text.speaking{color:var(--secondary)}.current-chat-title{position:absolute;top:-55px;left:50%;transform:translate(-50%);max-width:280px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.hint-text{position:fixed;bottom:100px;left:50%;transform:translate(-50%);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;color:var(--fg-muted);opacity:.7;transition:opacity .3s ease,transform .3s ease}.hint-text.hidden{opacity:0}.hint-text kbd{display:inline-block;padding:.25rem .6rem;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;background:var(--surface);border:2px solid var(--border);border-radius:8px;margin:0 .2rem;box-shadow:var(--shadow-sm)}.top-menu{position:fixed;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;gap:.5rem}.top-menu .settings-menu{position:relative}.top-menu .settings-dropdown{top:100%;bottom:auto;margin-top:.5rem;margin-bottom:0}.top-menu .sidebar-toggle-btn{position:relative}.sidebar-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 .3rem;font-family:Bricolage Grotesque,sans-serif;font-size:.65rem;font-weight:800;color:#fff;background:var(--accent);border-radius:9px;border:2px solid var(--surface)}.bottom-bar{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;width:calc(100% - 3rem);max-width:580px;z-index:50}.bottom-bar-right{display:flex;align-items:center;gap:.5rem;height:44px}.action-btn{display:flex;align-items:center;gap:.5rem;height:44px;padding:0 1rem;background:var(--surface);border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s ease;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--fg-muted);box-shadow:var(--shadow-sm)}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.action-btn.hidden{display:none}#stopBtn{border-color:var(--secondary);color:var(--secondary);background:#f973161a}#stopBtn:hover{background:#f9731633;border-color:var(--secondary);color:var(--secondary)}#cancelBtn{border-color:var(--secondary);color:var(--secondary);background:#f973161a}#cancelBtn:hover{background:#f9731633;border-color:var(--secondary);color:var(--secondary)}#clearChatBtn.confirming{border-color:#ef4444;color:#ef4444;background:#ef44441a}#clearChatBtn.confirming:hover{background:#ef444433}.bottom-bar-right:has(#stopBtn:not(.hidden)) #clearChatBtn,.bottom-bar-right:has(#cancelBtn:not(.hidden)) #clearChatBtn{display:none}.settings-menu{position:relative;z-index:100}.settings-menu.hidden{display:none}.settings-menu-btn{height:44px;padding:0 1rem;border-radius:14px;border:2px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800;color:var(--fg);box-shadow:var(--shadow-sm)}.settings-menu-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-menu-btn:focus{outline:none}.settings-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px) scale(.95);transition:all .25s cubic-bezier(.4,0,.2,1);padding:.5rem}.settings-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.settings-dropdown button{width:100%;padding:.85rem 1rem;background:none;border:none;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:0;color:var(--fg);text-align:left;cursor:pointer;display:flex;align-items:center;gap:.7rem;transition:all .15s ease;border-radius:12px}.settings-dropdown button:hover{background:var(--accent-light);color:var(--accent)}.settings-dropdown button svg{width:18px;height:18px;stroke:var(--fg-muted);stroke-width:2;fill:none}.settings-dropdown .divider{height:2px;background:var(--border)}.modal-small{max-width:340px}.cost-stats{display:flex;flex-direction:column;gap:1rem}.cost-stat{display:flex;justify-content:space-between;align-items:center}.cost-stat-label{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;color:var(--fg-muted)}.cost-stat-value{font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-overlay.hidden{display:none}.modal{background:var(--surface);border-radius:24px;border:2px solid var(--border);width:100%;max-width:460px;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:2px solid var(--border)}.modal-header h3{font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--fg)}.modal-close{background:var(--bg);border:2px solid var(--border);border-radius:10px;width:36px;height:36px;font-size:1.3rem;color:var(--fg-muted);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-body{padding:1.25rem;overflow-y:auto}.voice-list{display:flex;flex-direction:column;gap:.5rem}.voice-item{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;background:var(--bg);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease}.voice-item:hover{background:var(--bg-warm);transform:translate(4px);border-color:var(--border)}.voice-item.selected{border-color:var(--accent);background:var(--accent-light)}.voice-radio{width:18px;height:18px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-item.selected .voice-radio{border-color:var(--accent)}.voice-item.selected .voice-radio:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:50%}.voice-info{flex:1;min-width:0}.voice-name{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-lang{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--fg-muted);margin-top:.15rem}.voice-preview{background:var(--surface);border:2px solid var(--border);color:var(--fg-muted);padding:.5rem .9rem;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.voice-preview:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.voice-cloud-badge,.voice-recommended-badge{font-size:.7rem;font-weight:700;color:var(--fg-muted);background:var(--bg);padding:.2rem .5rem;border-radius:6px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.03em}.voice-recommended-badge{color:var(--success);background:#10b98126}.voice-help{padding:0 .5rem 1rem}.voice-help-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:var(--link);cursor:pointer;padding:0}.voice-help-btn:hover{text-decoration:underline}.voice-help-content{margin-top:.75rem;padding:1rem;background:var(--bg);border-radius:12px;border:2px solid var(--border);font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.6;color:var(--fg-muted)}.voice-help-content.hidden{display:none}.voice-help-content p{margin:0 0 .6rem}.voice-help-content p:last-child{margin-bottom:0}.voice-help-content strong{color:var(--fg);font-weight:700}.current-voice{padding:.9rem 1rem;margin:0 .5rem 1rem;background:var(--bg);border-radius:12px;border:2px solid var(--border);display:flex;align-items:center;gap:.6rem}.current-voice-label{font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em}.current-voice-name{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg)}.cloud-toggle{padding:0 .5rem 1rem;border-bottom:2px solid var(--border);margin-bottom:1rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:1rem}.toggle-label{display:flex;flex-direction:column;gap:.2rem}.toggle-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg)}.toggle-desc{font-family:Outfit,sans-serif;font-size:.85rem;color:var(--fg-muted)}.toggle-row input{display:none}.toggle-switch{width:48px;height:28px;background:var(--border);border-radius:14px;position:relative;transition:background .2s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--surface);border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #00000026}.toggle-row input:checked+.toggle-switch{background:var(--accent)}.toggle-row input:checked+.toggle-switch:after{transform:translate(20px)}.error-toast{position:fixed;bottom:6rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--accent-light);border:3px solid var(--accent);padding:1rem 1.75rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:var(--accent);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200;border-radius:16px;box-shadow:var(--shadow-lg);pointer-events:none}.error-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.conversation-history{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:6rem 1.5rem 12rem;display:flex;flex-direction:column;gap:1.5rem;z-index:1;opacity:0;visibility:hidden;transform:translate(10%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;-webkit-overflow-scrolling:touch}.conversation-history.visible{opacity:1;visibility:visible;transform:translate(0)}.conversation-history::-webkit-scrollbar{width:4px}.conversation-history::-webkit-scrollbar-track{background:transparent}.conversation-history::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-title-header{max-width:720px;width:100%;margin:4rem auto 1rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg);text-align:center;user-select:none;-webkit-user-select:none}.message-group{display:flex;flex-direction:column;gap:1.5rem;max-width:720px;width:100%;margin:0 auto}.message{font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.65;animation:messageIn .3s ease-out;max-width:85%}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{color:var(--fg);background:var(--accent-light);padding:1.1rem 1.4rem;border-radius:20px 20px 6px;border:2px solid var(--accent);align-self:flex-end;margin-left:auto;font-weight:500}.message.assistant{color:var(--fg);align-self:flex-start;margin-right:auto;padding-left:.5rem}.message.assistant h1,.message.assistant h2,.message.assistant h3,.message.assistant h4{font-family:Bricolage Grotesque,sans-serif;font-weight:700;margin:.75em 0 .25em;line-height:1.3}.message.assistant h1:first-child,.message.assistant h2:first-child,.message.assistant h3:first-child{margin-top:0}.message.assistant h1{font-size:1.5em}.message.assistant h2{font-size:1.3em}.message.assistant h3{font-size:1.15em}.message.assistant h4{font-size:1.05em}.message.assistant p{margin:.5em 0}.message.assistant p:first-child{margin-top:0}.message.assistant p:last-child{margin-bottom:0}.message.assistant ul,.message.assistant ol{padding-left:1.5em;margin:.5em 0 .5em .5em}.message.assistant li{margin:.25em 0}.message.assistant code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em;background:var(--bg-warm);padding:.2em .4em;border-radius:6px;border:1px solid var(--border)}.message.assistant pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;background:var(--bg-warm);padding:1em 1.25em;border-radius:12px;border:2px solid var(--border);overflow-x:auto;margin:.75em 0;white-space:pre}.message.assistant pre code{background:none;padding:0;border:none}.message.assistant a{color:var(--link);text-decoration:none;font-weight:600}.message.assistant a:hover{text-decoration:underline}.message.assistant strong{font-weight:700}.message.assistant em{font-style:italic}.message.assistant blockquote{border-left:4px solid var(--accent);margin:.75em 0;color:var(--fg-muted);background:var(--accent-light);padding:.75em 1em .75em 1.25em;border-radius:0 12px 12px 0}.message.assistant hr{border:none;border-top:2px solid var(--border);margin:1.25em 0}.message.assistant .table-wrapper{overflow-x:auto;margin:.75em 0}.message.assistant table{border-collapse:collapse;width:100%;font-size:.95em;min-width:max-content}.message.assistant th,.message.assistant td{border:2px solid var(--border);padding:.6em .9em;text-align:left}.message.assistant th{background:var(--bg-warm);font-weight:700}.message.assistant tr:nth-child(2n){background:#00000005}.message.streaming:after{content:"◊";animation:blink .8s steps(2) infinite;color:var(--secondary);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.text-input-container{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%) translate(10%);width:calc(100% - 3rem);max-width:580px;opacity:0;visibility:hidden;z-index:50;transition:opacity .3s ease,visibility .3s ease,transform .3s ease,bottom .15s ease-out}.text-input-container.visible{transform:translate(-50%) translate(0);opacity:1;visibility:visible}.text-input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:3px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1);padding:8px 8px 8px 0}.text-input-wrapper:focus-within{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 4px var(--accent-light)}.text-input{flex:1;min-height:40px;max-height:160px;padding:10px 0 10px 1.25rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.4;color:var(--fg);background:transparent;border:none;resize:none;outline:none;field-sizing:content;overflow-y:auto;scrollbar-width:none}.text-input::-webkit-scrollbar{display:none}.text-input::placeholder{color:var(--fg-muted);opacity:.7}.text-send-btn{flex-shrink:0;width:46px;height:46px;border-radius:14px;border:none;background:var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.text-send-btn:hover{transform:scale(1.05);background:var(--fg-muted)}.text-send-btn.active{background:var(--accent);box-shadow:var(--shadow-md)}.text-send-btn.active:hover{transform:scale(1.08);background:var(--accent-dark);box-shadow:var(--shadow-lg)}.text-send-btn svg{width:20px;height:20px;stroke:#fff;stroke-width:2.5;fill:none}.text-send-btn .spinner-icon{display:none;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.text-send-btn.loading svg{display:none}.text-send-btn.loading .spinner-icon{display:block}.mode-toggle{display:flex;align-items:center;gap:.3rem;height:44px;padding:0 .35rem;background:var(--surface);border:2px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer}.mode-btn{display:flex;align-items:center;justify-content:center;width:38px;height:32px;border:none;background:transparent;border-radius:10px;pointer-events:none;transition:all .2s ease}.mode-btn svg{width:18px;height:18px;stroke:var(--fg-muted);stroke-width:2;fill:none;transition:stroke .2s ease}.mode-btn:hover svg{stroke:var(--fg)}.mode-btn.active{background:var(--accent)}.mode-btn.active svg{stroke:#fff}.voice-screen.text-mode .hint-text{opacity:0;transform:translate(-50%) translate(-30%);pointer-events:none}.cost-display{z-index:100}@media(max-width:600px){.main-button{width:176px;height:176px;border-radius:48px}.main-button svg{width:72px;height:72px}.hint-text{display:none}.bottom-bar{bottom:1.25rem;width:calc(100% - 2rem)}.cost-display{left:1rem;font-size:.7rem}.text-input-container{bottom:5.5rem;width:calc(100% - 2rem)}.text-input{font-size:16px}.conversation-history{padding:1rem 1rem 10rem}.message{font-size:1rem}}.landscape-warning{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center}.landscape-warning svg{width:64px;height:64px;stroke:var(--accent);stroke-width:1.5;fill:none;animation:rotatePhone 2s ease-in-out infinite}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.landscape-warning p{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;color:var(--fg-muted)}@media screen and (max-width:900px)and (orientation:landscape)and (hover:none)and (pointer:coarse){.landscape-warning{display:flex}.login-screen,.voice-screen{display:none!important}}.hidden{display:none!important}.debug-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.debug-clear-btn{background:var(--bg);border:2px solid var(--border);border-radius:8px;padding:.5rem 1rem;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.debug-clear-btn:hover{border-color:var(--accent);color:var(--accent)}.debug-content{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:1rem;max-height:400px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6}.debug-line{padding:.25rem 0;border-bottom:1px solid var(--border)}.debug-line:last-child{border-bottom:none}.debug-time{color:var(--fg-muted);margin-right:.5rem}.debug-error{color:#ef4444}.debug-warn{color:#f59e0b}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.chat-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--surface);border-right:3px solid var(--border);box-shadow:8px 0 32px #4f46e526;z-index:950;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.chat-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:2px solid var(--border)}.sidebar-header h2{font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--fg);margin:0}.sidebar-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease}.sidebar-close:hover{border-color:var(--accent);background:var(--accent-light)}.sidebar-close svg{width:18px;height:18px;stroke:var(--fg-muted);stroke-width:2;fill:none;transition:stroke .2s ease}.sidebar-close:hover svg{stroke:var(--accent)}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1rem;padding:.9rem 1.25rem;background:linear-gradient(135deg,#5b52f0,#6366f1 40%,#7c3aed);border:none;border-radius:14px;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.02em;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #6366f159}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.new-chat-btn:active{transform:translateY(0) scale(.98)}.new-chat-btn svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5;fill:none}.chat-list{flex:1;overflow-y:auto;padding:.5rem}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.chat-list-empty p{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:var(--fg);margin:0 0 .5rem}.chat-list-empty span{font-family:Outfit,sans-serif;font-size:.9rem;color:var(--fg-muted)}.chat-item{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;margin-bottom:.35rem;background:var(--bg);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.chat-item:hover{background:var(--bg-warm);border-color:var(--border);transform:translate(4px)}.chat-item.active{background:var(--accent-light);border-color:var(--accent)}.chat-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.chat-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-date{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--fg-muted)}.chat-title-input{width:100%;padding:.35rem .5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--fg);background:var(--surface);border:2px solid var(--accent);border-radius:8px;outline:none}.chat-item-actions{display:flex;gap:.35rem;opacity:0;transition:opacity .2s ease}.chat-item:hover .chat-item-actions,.chat-item.active .chat-item-actions{opacity:1}.chat-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.chat-action-btn svg{width:14px;height:14px;stroke:var(--fg-muted);stroke-width:2;fill:none;transition:stroke .15s ease}.chat-action-btn.edit:hover{border-color:var(--accent);background:var(--accent-light)}.chat-action-btn.edit:hover svg{stroke:var(--accent)}.chat-action-btn.delete:hover{border-color:#ef4444;background:#ef44441a}.chat-action-btn.delete:hover svg{stroke:#ef4444}.chat-action-btn.delete.confirm{border-color:#ef4444;background:#ef4444}.chat-action-btn.delete.confirm svg{stroke:#fff}.sidebar-footer{padding:1rem 1.25rem;border-top:2px solid var(--border)}.chat-count{font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;color:var(--fg-muted);letter-spacing:.02em}.sidebar-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.sidebar-toggle-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sidebar-toggle-btn svg{width:20px;height:20px;stroke:var(--fg-muted);stroke-width:2;fill:none;transition:stroke .2s ease}.sidebar-toggle-btn:hover svg{stroke:var(--accent)}@media(max-width:600px){.chat-sidebar{width:100%;max-width:100vw;border-right:none}}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.85rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:var(--fg);cursor:pointer;transition:all .2s ease}.google-signin-btn:hover{border-color:var(--accent);background:var(--accent-light)}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.google-signin-btn .google-icon{width:18px;height:18px;flex-shrink:0}.sync-status{display:flex;flex-direction:column;gap:.4rem}.sync-check-icon{width:16px;height:16px;stroke:var(--success);stroke-width:2;fill:none;flex-shrink:0}.sync-info{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--fg-muted)}.sync-info .syncing{color:var(--accent)}.sync-info .sync-error{color:#ef4444}.sync-info .synced{color:var(--success);display:flex;align-items:center;gap:.4rem}