@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-deep: #0c0a09;--color-bg-elevated: #1c1917;--color-bg-card: #292524;--color-accent: #f97316;--color-accent-light: #fb923c;--color-accent-dim: #c2410c;--color-accent-glow: rgba(249, 115, 22, .15);--color-accent-subtle: rgba(249, 115, 22, .08);--color-text-primary: #e7e5e4;--color-text-secondary: #a8a29e;--color-text-dim: #78716c;--color-error: #ef4444;--color-success: #22c55e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}html{touch-action:manipulation}body{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-accent);color:var(--color-bg-deep)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.text-mono{font-family:var(--font-mono)}.text-sans{font-family:var(--font-sans)}.chat-message{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);margin-bottom:var(--space-sm);border-radius:12px;background:transparent;position:relative}@media(min-width:768px){.chat-message{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}}.chat-message.user{background:var(--color-accent-subtle)}.chat-message.assistant{background:transparent}.message-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.message-role{font-weight:500;letter-spacing:.02em;text-transform:lowercase;font-size:.8rem}.chat-message.user .message-role{color:var(--color-accent)}.chat-message.assistant .message-role{color:var(--color-text-secondary)}.chat-message.user .message-content{color:#f5f5f4}.chat-message.user .message-content strong{color:#fafaf9}.message-time{font-size:.7rem;opacity:.6}.message-content{color:var(--color-text-primary);line-height:1.7}.message-content.typing{min-height:24px}.message-content p{margin:0;font-size:.95rem;font-weight:300;letter-spacing:.01em}.markdown-content{font-size:.95rem;font-weight:300;letter-spacing:.01em}.markdown-content p{margin:0 0 .75em}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--color-text-primary);margin:1em 0 .5em;font-weight:600;line-height:1.3}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content h1{font-size:1.4em}.markdown-content h2{font-size:1.2em}.markdown-content h3{font-size:1.05em}.markdown-content h4{font-size:1em;opacity:.9}.markdown-content strong{font-weight:600;color:var(--color-text-primary)}.markdown-content em{font-style:italic;opacity:.9}.markdown-content code{font-family:var(--font-mono);background:var(--color-bg-deep);padding:.15em .4em;border-radius:4px;font-size:.85em;color:var(--color-accent-light)}.markdown-content pre{background:var(--color-bg-deep);border:1px solid rgba(249,115,22,.1);border-radius:8px;padding:var(--space-sm) var(--space-md);overflow-x:auto;margin:.75em 0}.markdown-content pre code{background:none;padding:0;font-size:.85em;color:var(--color-text-primary)}.markdown-content ul,.markdown-content ol{margin:.5em 0;padding-left:1.5em}.markdown-content li{margin:.25em 0}.markdown-content li::marker{color:var(--color-accent)}.markdown-content blockquote{border-left:3px solid var(--color-accent);margin:.75em 0;padding-left:var(--space-md);opacity:.85;font-style:italic}.markdown-content a{color:var(--color-accent-light);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--duration-fast)}.markdown-content a:hover{border-bottom-color:var(--color-accent-light)}.markdown-content hr{border:none;border-top:1px solid rgba(249,115,22,.15);margin:1em 0}.message-image{margin-bottom:var(--space-sm);border-radius:8px;overflow:hidden;border:1px solid rgba(249,115,22,.15);background:var(--color-bg-deep)}.message-image img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.image-filename{display:block;padding:var(--space-xs) var(--space-sm);font-size:.7rem;color:var(--color-text-secondary);background:#f973160d;border-top:1px solid rgba(249,115,22,.1)}.message-pdf{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--color-accent)}.message-pdf svg{flex-shrink:0}.pdf-filename{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-primary);word-break:break-all}.typing-indicator{display:flex;gap:4px;font-size:1.5rem;color:var(--color-accent);font-weight:700;height:24px;align-items:center}.chat-message:hover{transition:background var(--duration-fast) var(--ease-smooth)}.chat-message.user:hover{background:#f973161f}.chat-message.assistant:hover{background:#ffffff05}.tool-calls-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tool-call-block{border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;font-size:.85rem}.tool-call-block.running{border-color:#f973164d}.tool-call-block.completed{border-color:#ffffff0f}.tool-call-block.error{border-color:#ef444466}.tool-call-header{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:var(--color-bg-elevated);border:none;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:inherit;text-align:left}.tool-call-header:hover{background:var(--color-bg-card)}.tool-status-icon{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tool-status-running{background:var(--color-accent);animation:pulse-tool 1.5s infinite}.tool-status-done{background:var(--color-success)}.tool-status-error{background:var(--color-error)}@keyframes pulse-tool{0%,to{opacity:.4}50%{opacity:1}}.tool-call-name{flex:1}.tool-call-duration{color:var(--color-text-dim);font-size:.8rem;opacity:.6}.tool-call-chevron{transition:transform .15s;color:var(--color-text-dim);font-size:.75rem;opacity:.5}.tool-call-chevron.expanded{transform:rotate(90deg)}.tool-call-details{overflow:hidden}.tool-call-section{padding:6px 10px;border-top:1px solid rgba(255,255,255,.06)}.tool-call-section-label{display:block;font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;opacity:.6}.tool-call-json{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;margin:0;max-height:200px;overflow-y:auto}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--color-accent);margin-left:2px;vertical-align:text-bottom;animation:blink-cursor .8s infinite;will-change:opacity}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.message-content.streaming .markdown-content p:last-child{display:inline}.tool-progress{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:var(--color-accent-subtle);border-left:2px solid var(--color-accent);margin:0 8px;border-radius:8px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tool-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:var(--color-text-secondary)}.tool-spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-label{flex:1;color:var(--color-text-primary)}.tool-duration{font-size:11px;color:var(--color-text-dim);min-width:24px;text-align:right}.chat-history{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;position:relative}@media(min-width:768px){.chat-history{padding:var(--space-md) var(--space-lg)}}.messages-list{display:flex;flex-direction:column;contain:layout style}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl)}.empty-icon{font-size:2.5rem;font-weight:600;line-height:1;margin-bottom:var(--space-md);color:var(--color-accent)}.empty-text{font-size:1.25rem;font-weight:400;color:var(--color-text-secondary);margin:0}.empty-hint{font-size:.875rem;color:var(--color-text-dim);margin:0}.scroll-to-bottom{position:sticky;bottom:12px;align-self:center;background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;flex-shrink:0}.scroll-to-bottom:hover{background:var(--color-bg-deep);border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 16px #0006}.scroll-to-bottom.has-new{border-color:var(--color-accent);color:var(--color-accent);animation:pulse-glow 2s ease-in-out infinite}.new-messages-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-bg-elevated)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #0000004d}50%{box-shadow:0 4px 16px #0000004d,0 0 8px var(--color-accent-glow)}}.file-upload{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.file-upload__btn{background:transparent;border:none;color:var(--color-text-dim);width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.file-upload__btn:hover:not(:disabled){background:var(--color-accent-glow);color:var(--color-accent)}.file-upload__btn:active:not(:disabled){background:#f9731640}.file-upload__btn:disabled{opacity:.4;cursor:not-allowed}.file-upload__btn svg{width:16px;height:16px}.file-upload__processing{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);animation:file-upload-pulse 1.5s ease-in-out infinite}@keyframes file-upload-pulse{0%,to{opacity:1}50%{opacity:.5}}.audio-record-button{background:var(--color-bg-card);border:1px solid var(--color-text-dim);color:var(--color-text-secondary);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth);touch-action:none;user-select:none;-webkit-user-select:none}.audio-record-button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.audio-record-button:disabled{opacity:.3;cursor:not-allowed}.audio-record-button.recording{background:var(--color-error);border-color:var(--color-error);color:var(--color-bg-deep)}.audio-record-button.transcribing{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-deep)}.audio-record-button svg{width:18px;height:18px}.recording-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm)}.recording-waveform{display:flex;align-items:center;gap:2px;height:24px}.waveform-bar{width:3px;background:var(--color-error);border-radius:2px;transition:height .05s ease-out}.recording-timer{font-family:var(--font-mono);font-size:.85rem;color:var(--color-error);min-width:32px}.transcribing-indicator{display:flex;align-items:center;padding:0 var(--space-sm)}.transcribing-text{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);animation:pulse 1.5s ease-in-out infinite}.transcribing-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-input-container{padding:var(--space-sm) var(--space-md);background:var(--color-bg-deep);border-top:1px solid rgba(255,255,255,.06)}@media(min-width:768px){.text-input-container{padding:var(--space-md) var(--space-lg)}}.input-wrapper{display:flex;align-items:flex-end;gap:var(--space-sm);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:var(--space-sm) var(--space-md);transition:all var(--duration-fast) var(--ease-smooth)}.input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.text-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:.95rem;padding:var(--space-sm) 0;font-family:var(--font-sans);resize:none;min-height:24px;max-height:150px;overflow-y:auto;overflow-x:hidden;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.text-input::placeholder{color:var(--color-text-dim);font-style:normal}.text-input:disabled{opacity:.5;cursor:not-allowed}.send-button{background:var(--color-accent);color:var(--color-bg-deep);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth)}.send-button:hover:not(:disabled){background:var(--color-accent-light);box-shadow:0 0 12px var(--color-accent-glow)}.send-button:disabled{opacity:.3;cursor:not-allowed}.send-button svg{transform:rotate(0);transition:transform var(--duration-base) var(--ease-elastic)}.send-button:hover:not(:disabled) svg{transform:rotate(15deg)}.stop-button{background:var(--color-error, #ef4444);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth)}.stop-button:hover{background:#dc2626;box-shadow:0 0 12px #ef444466;transform:scale(1.05)}.clear-image-button{background:#ef444426;border:1px solid var(--color-error);color:var(--color-error);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:600;flex-shrink:0;transition:all var(--duration-fast) var(--ease-smooth)}.clear-image-button:hover{background:var(--color-error);color:var(--color-bg-deep);transform:scale(1.1)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--color-bg-deep)}.login-container{width:100%;max-width:480px;background:var(--color-bg-card);border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden;box-shadow:0 8px 32px #0006}.login-header{display:none}.login-content{padding:var(--space-2xl) var(--space-xl)}.login-logo{text-align:center;margin-bottom:var(--space-xl)}.login-logo h1{font-size:2.5rem;font-weight:600;letter-spacing:.02em;margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.login-subtitle{font-size:.9rem;color:var(--color-text-secondary);margin:0;font-weight:300}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:.75rem;color:var(--color-text-secondary);letter-spacing:.02em;text-transform:lowercase}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-deep);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;color:var(--color-text-primary);font-size:.95rem;font-family:var(--font-sans);letter-spacing:.02em;transition:all var(--duration-fast) var(--ease-smooth)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed}.remember-me-group{margin-top:calc(-1 * var(--space-xs))}.remember-me-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent);border:1px solid rgba(255,255,255,.1);border-radius:3px}.remember-me-checkbox:disabled{opacity:.5;cursor:not-allowed}.remember-me-text{font-size:.8rem;color:var(--color-text-secondary);letter-spacing:.02em}.error-message{padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:.75rem;color:var(--color-error);font-size:.85rem;display:flex;align-items:center;gap:var(--space-xs)}.error-icon{font-weight:700}.login-button{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-accent);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all var(--duration-base) var(--ease-smooth)}.login-button:hover:not(:disabled){background:var(--color-accent-light);box-shadow:0 0 20px var(--color-accent-glow)}.login-button:disabled{opacity:.5;cursor:not-allowed}.loading-text{display:flex;align-items:center;justify-content:center;gap:.2em}.loading-dots{display:flex;gap:.1em}.login-footer{margin-top:var(--space-xl);text-align:center}.footer-text{font-size:.7rem;color:var(--color-text-dim);letter-spacing:.02em;margin:0}@media(max-width:640px){.login-screen{padding:var(--space-md)}.login-content{padding:var(--space-xl) var(--space-md)}.login-logo h1{font-size:2rem}}.session-backdrop{position:fixed;inset:0;background:#00000080;z-index:99;-webkit-tap-highlight-color:transparent;touch-action:none}.session-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.06);z-index:100;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);overscroll-behavior:contain}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-header h2{font-size:14px;color:var(--color-text-primary);margin:0;font-weight:500}.sidebar-close{background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;padding:8px 12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.sidebar-close:hover{color:var(--color-text-primary)}.sidebar-close:active{color:var(--color-accent)}.new-session-btn{margin:12px 16px;padding:10px 12px;background:transparent;border:1px solid var(--color-accent);border-radius:8px;color:var(--color-accent);font-size:12px;cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-smooth);flex-shrink:0;min-height:44px;display:flex;align-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.new-session-btn:hover{background:var(--color-accent-subtle)}.new-session-btn:active{background:var(--color-accent-subtle);transform:scale(.98)}.session-list{flex:1;overflow-y:auto;padding:0 8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.session-item{width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;border-radius:6px;padding:12px;margin:2px 0;cursor:pointer;display:block;transition:background var(--duration-fast) var(--ease-smooth);min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.session-item:hover{background:var(--color-accent-subtle)}.session-item:active{background:#f9731626}.session-item.active{border-left-color:var(--color-accent);background:var(--color-accent-subtle)}.session-title{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.session-meta{font-size:11px;color:var(--color-text-secondary);margin-top:4px;pointer-events:none}.session-loading,.session-empty{padding:20px 16px;font-size:12px;color:var(--color-text-secondary);text-align:center}.app{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-deep);position:relative}.app-header{flex-shrink:0;padding:var(--space-md) var(--space-xl);background:var(--color-bg-elevated);border-bottom:1px solid rgba(255,255,255,.06);position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.history-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;margin-right:8px;display:flex;align-items:center}.history-toggle:hover{color:var(--color-text-primary)}.app-title{font-size:1.25rem;font-weight:600;letter-spacing:.02em;margin:0;color:var(--color-text-primary)}.header-controls{display:flex;align-items:center;gap:var(--space-md)}.voice-toggle{background:transparent;border:1px solid var(--color-text-dim);color:var(--color-text-dim);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.voice-toggle:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.voice-toggle.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-deep)}.voice-toggle:disabled{opacity:.3;cursor:not-allowed}.header-status{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.status-dot.disconnected{background:var(--color-text-dim);box-shadow:none}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.voice-section{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);z-index:10}.app-bottom{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm)}.bottom-actions{display:flex;gap:var(--space-sm);padding:0 var(--space-md) var(--space-sm)}@media(min-width:768px){.bottom-actions{padding:0 var(--space-lg) var(--space-md)}}.mode-toggle,.compact-btn{background:var(--color-bg-card);border:1px solid var(--color-text-dim);color:var(--color-text-primary);padding:var(--space-sm) var(--space-lg);border-radius:8px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--duration-fast) var(--ease-smooth)}.mode-toggle{flex:1}.compact-btn{flex:0 0 auto}.model-select{background:var(--color-bg-card);border:1px solid var(--color-text-dim);color:var(--color-text-primary);padding:var(--space-sm) var(--space-lg);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);flex:0 0 auto;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.model-select:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-accent)}.model-select:disabled{opacity:.4;cursor:not-allowed}.model-select option{background:var(--color-bg-card);color:var(--color-text-primary)}.compact-btn:disabled{opacity:.4;cursor:not-allowed}.mode-toggle:hover,.compact-btn:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-accent)}.mode-icon{font-size:1.2rem}.mode-label{letter-spacing:.05em}@media(max-width:768px){.app-header{padding:var(--space-sm) var(--space-md)}.app-title{font-size:1.1rem}.voice-section{bottom:var(--space-xl)}.status-text{display:none}}