:root{--bg: #f6f7f5;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f0f2ef;--border: #dfe3de;--border-strong: #c7cdc5;--text: #17201c;--text-muted: #5b6761;--text-faint: #87918b;--accent: #0f766e;--accent-strong: #0b5f58;--accent-soft: #d6f0ec;--accent-contrast: #ffffff;--user-bubble: #0f766e;--user-text: #ffffff;--assistant-bubble: #ffffff;--highlight: #fde68a;--highlight-text: #3b2f04;--listening: #dc2626;--listening-soft: #fde2e2;--thinking: #7c3aed;--speaking: #0f766e;--warning: #b45309;--warning-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--info-soft: #e0f2fe;--shadow-sm: 0 1px 2px rgb(16 24 20 / .06);--shadow: 0 6px 24px rgb(16 24 20 / .08), 0 1px 3px rgb(16 24 20 / .06);--shadow-lg: 0 20px 60px rgb(16 24 20 / .18);--radius: 14px;--radius-sm: 9px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1412;--bg-elevated: #151d1a;--surface: #18211e;--surface-2: #1f2a26;--border: #2a3632;--border-strong: #3a4842;--text: #e6ece9;--text-muted: #a3b0aa;--text-faint: #75827c;--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: #123a35;--accent-contrast: #062521;--user-bubble: #134e48;--user-text: #e6fffb;--assistant-bubble: #18211e;--highlight: #854d0e;--highlight-text: #fff7d6;--listening: #f87171;--listening-soft: #3b1515;--thinking: #a78bfa;--speaking: #2dd4bf;--warning: #fbbf24;--warning-soft: #3a2c0a;--danger: #f87171;--danger-soft: #3b1515;--info-soft: #0c2a3a;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 6px 24px rgb(0 0 0 / .35);--shadow-lg: 0 20px 60px rgb(0 0 0 / .55);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1412;--bg-elevated: #151d1a;--surface: #18211e;--surface-2: #1f2a26;--border: #2a3632;--border-strong: #3a4842;--text: #e6ece9;--text-muted: #a3b0aa;--text-faint: #75827c;--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: #123a35;--accent-contrast: #062521;--user-bubble: #134e48;--user-text: #e6fffb;--assistant-bubble: #18211e;--highlight: #854d0e;--highlight-text: #fff7d6;--listening: #f87171;--listening-soft: #3b1515;--thinking: #a78bfa;--speaking: #2dd4bf;--warning: #fbbf24;--warning-soft: #3a2c0a;--danger: #f87171;--danger-soft: #3b1515;--info-soft: #0c2a3a;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 6px 24px rgb(0 0 0 / .35);--shadow-lg: 0 20px 60px rgb(0 0 0 / .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-40px;z-index:100;padding:6px 12px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);text-decoration:none}.skip-link:focus{top:8px}kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;color:var(--text-muted);background:var(--surface-2)}.app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;max-width:920px;margin:0 auto;padding:0 16px}.header{padding:16px 0 10px}.header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand{display:flex;gap:12px;align-items:flex-start;min-width:0}.brand__mark{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.brand__title{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}.brand__tagline{margin:2px 0 0;color:var(--text-muted);font-size:13.5px;max-width:60ch}.header__actions{display:flex;gap:6px;flex:none}.header__note{margin:8px 0 0;font-size:12.5px;color:var(--text-muted)}.header__note.is-warning{color:var(--warning)}.models{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.model-card{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0}.model-card__head{display:flex;align-items:baseline;gap:7px;font-size:13.5px}.model-card__dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:none;align-self:center}.model-card.is-loading .model-card__dot{background:var(--warning);animation:pulse 1.2s ease-in-out infinite}.model-card.is-ready .model-card__dot{background:var(--accent)}.model-card.is-error .model-card__dot{background:var(--danger)}.model-card__name{font-weight:650}.model-card__role{color:var(--text-muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card__status{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.model-card__status>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card__error{margin:6px 0 0;font-size:12px;color:var(--danger);overflow-wrap:anywhere}.progress{position:relative;height:5px;margin-top:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.progress__bar{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .25s ease}.model-card.is-loading .progress__bar{background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.model-card.is-error .progress__bar{background:var(--danger);width:100%;opacity:.35}.progress__bar.is-indeterminate{width:35%;animation:indeterminate 1.3s ease-in-out infinite}.banner{display:flex;align-items:center;gap:10px;margin:4px 0 6px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--info-soft);font-size:13px}.banner p{margin:0;flex:1}.banner svg{flex:none;color:var(--accent)}.chat{overflow-y:auto;overscroll-behavior:contain;padding:6px 2px 12px;scroll-behavior:smooth}.chat__toolbar{display:flex;justify-content:flex-end;gap:14px;padding:2px 0 6px;position:sticky;top:0;z-index:1;background:linear-gradient(var(--bg) 70%,transparent)}.empty{max-width:560px;margin:8vh auto 0;text-align:center;color:var(--text-muted)}.empty h2{margin:0 0 8px;color:var(--text);font-size:22px;letter-spacing:-.01em}.empty p{margin:0 0 6px}.empty__try{margin-top:18px!important;font-size:13px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.chip{padding:7px 13px;border:1px solid var(--border);border-radius:99px;background:var(--surface);cursor:pointer;font-size:13.5px;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s}.chip:hover{border-color:var(--accent);background:var(--accent-soft)}.transcript{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.msg{display:flex;flex-direction:column;max-width:min(78%,620px);animation:rise .18s ease-out}.msg--user{align-self:flex-end;align-items:flex-end}.msg--assistant{align-self:flex-start}.msg__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 4px 4px;font-size:12px;color:var(--text-faint)}.msg__who{font-weight:600;color:var(--text-muted)}.msg__chip{display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:99px;background:var(--surface-2);font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg__chip.is-warn{background:var(--warning-soft);color:var(--warning)}.msg__chip.is-error{background:var(--danger-soft);color:var(--danger)}.msg__lang{text-transform:uppercase;font-weight:600;font-size:10.5px}.msg__bubble{padding:10px 14px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--shadow-sm)}.msg--user .msg__bubble{background:var(--user-bubble);color:var(--user-text);border-bottom-right-radius:6px}.msg--assistant .msg__bubble{background:var(--assistant-bubble);border:1px solid var(--border);border-bottom-left-radius:6px;min-height:42px}.msg--assistant.is-speaking .msg__bubble{border-color:var(--speaking);box-shadow:0 0 0 3px var(--accent-soft)}.msg--assistant.is-error .msg__bubble{border-color:var(--danger)}mark.speaking{background:var(--highlight);color:var(--highlight-text);border-radius:4px;padding:0 2px;margin:0 -2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.caret{display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:text-bottom;border-radius:2px;background:var(--accent);animation:blink 1s steps(2,start) infinite}.typing{display:inline-flex;gap:4px;padding:6px 0}.typing i{width:7px;height:7px;border-radius:50%;background:var(--text-faint);animation:bounce 1.2s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.msg__foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:5px 4px 0;font-size:12px;color:var(--text-faint)}.msg__stats{font-variant-numeric:tabular-nums}.dock{position:relative;padding:10px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}.dock__status{display:flex;align-items:center;justify-content:center;gap:14px;min-height:28px}.dock__controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:8px}.dock__controls>:first-child{justify-self:start}.dock__controls>:last-child{justify-self:end}.dock__hint{margin:6px 0 10px;text-align:center;font-size:12px;color:var(--text-faint)}.status{display:inline-flex;align-items:center;gap:8px;padding:3px 12px;border-radius:99px;background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text-muted)}.status__dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.status--listening{background:var(--listening-soft);color:var(--listening)}.status--listening .status__dot{background:var(--listening);animation:pulse 1s ease-in-out infinite}.status--transcribing .status__dot,.status--thinking .status__dot{background:var(--thinking);animation:pulse .9s ease-in-out infinite}.status--thinking,.status--transcribing{color:var(--thinking)}.status--speaking{background:var(--accent-soft);color:var(--speaking)}.status--speaking .status__dot{background:var(--speaking);animation:pulse .7s ease-in-out infinite}.meter{display:flex;align-items:flex-end;gap:3px;height:22px;opacity:.45;transition:opacity .2s}.meter.is-active{opacity:1}.meter span{width:4px;border-radius:2px;background:var(--border-strong);transition:background .08s}.meter span.is-lit{background:var(--listening)}.mic{position:relative;display:grid;place-items:center;width:84px;height:84px;border:none;border-radius:50%;background:var(--accent);color:var(--accent-contrast);cursor:pointer;box-shadow:var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .12s ease,background .2s ease,box-shadow .2s}.mic:hover{background:var(--accent-strong)}.mic:active{transform:scale(.96)}.mic[aria-disabled=true]{background:var(--border-strong);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.mic--listening,.mic--listening:hover{background:var(--listening)}.mic--thinking,.mic--transcribing{background:var(--thinking)}.mic__ring{position:absolute;inset:-7px;border-radius:50%;border:2px solid transparent;pointer-events:none}.mic--listening .mic__ring{border-color:var(--listening);animation:ring 1.4s ease-out infinite}.mic--speaking .mic__ring{border-color:var(--speaking);animation:ring 1.8s ease-out infinite}.mic__spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgb(255 255 255 / .35);border-top-color:#fff;animation:spin .8s linear infinite}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__track{position:relative;width:38px;height:22px;border-radius:99px;background:var(--border-strong);transition:background .15s;flex:none}.switch__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch.is-disabled{opacity:.5;cursor:not-allowed}.composer{display:flex;gap:8px}.composer__input{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--border);border-radius:99px;background:var(--surface);box-shadow:var(--shadow-sm)}.composer__input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.composer__send{width:44px;height:44px;padding:0;border-radius:50%;justify-content:center}.button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:13.5px;font-weight:550;white-space:nowrap;transition:background .15s,border-color .15s}.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.button--ghost{background:transparent}.button--small{padding:5px 10px;font-size:12.5px}.icon-button{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button--small{min-width:28px;height:28px;padding:0;border:none;background:transparent}.icon-button__text{font-size:12.5px;font-weight:600}.link-button{display:inline-flex;align-items:center;gap:5px;padding:2px 0;border:none;background:none;color:var(--accent);cursor:pointer;font-size:12.5px;font-weight:550}.link-button:hover:not(:disabled){text-decoration:underline}.link-button:disabled{color:var(--text-faint);cursor:not-allowed}.stop-button kbd{margin-left:2px}.toasts{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:11px 10px 11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:var(--shadow);pointer-events:auto;animation:rise .2s ease-out}.toast--error{border-left:4px solid var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--info{border-left:4px solid var(--accent)}.toast--info .toast__icon{color:var(--accent)}.toast__icon{flex:none;margin-top:1px}.toast__text{flex:1;margin:0;font-size:13.5px;overflow-wrap:anywhere}.drawer{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#080c0a6b;animation:fade .15s ease-out}.drawer__panel{display:flex;flex-direction:column;width:min(440px,100vw);height:100%;background:var(--bg-elevated);box-shadow:var(--shadow-lg);animation:slide .2s ease-out}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer__head h2{margin:0;font-size:17px}.drawer__body{flex:1;overflow-y:auto;padding:6px 16px 28px}.section{margin:14px 0 0;padding:0 0 14px;border:none;border-bottom:1px solid var(--border)}.section__title{padding:0;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.field{margin:10px 0}.field__label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:13.5px;font-weight:600}.field__value{font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.field__hint{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.field__hint.is-warning{color:var(--warning)}.field input[type=range]{width:100%;accent-color:var(--accent)}.field--check{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start}.field--check input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--accent)}.field--check label{font-size:13.5px;font-weight:550}.field--check .field__hint{grid-column:2}.field--check.is-disabled label{color:var(--text-faint)}.input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.input--narrow{width:140px}.textarea{resize:vertical;min-height:110px;font-size:13px;line-height:1.45}.segmented{display:grid;gap:6px}.segmented__item{position:relative;display:grid;padding:9px 12px 9px 34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.segmented__item input{position:absolute;left:12px;top:12px;margin:0;accent-color:var(--accent)}.segmented__item.is-checked{border-color:var(--accent);background:var(--accent-soft)}.segmented__item.is-disabled{opacity:.55;cursor:not-allowed}.segmented__title{font-size:13.5px;font-weight:600}.segmented__hint{font-size:12px;color:var(--text-muted)}.callout{display:flex;gap:8px;margin:8px 0;padding:9px 11px;border-radius:var(--radius-sm);font-size:12.5px}.callout svg{flex:none;margin-top:2px}.callout--warning{background:var(--warning-soft);color:var(--warning)}.picker{position:relative;margin:10px 0}.picker__row{display:flex;gap:6px}.picker__panel{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:var(--shadow)}.picker__list{list-style:none;margin:6px 0 0;padding:0;max-height:300px;overflow-y:auto}.picker__list button{display:grid;width:100%;padding:6px 8px;border:none;border-radius:6px;background:none;text-align:left;cursor:pointer}.picker__list button:hover,.picker__list [aria-selected=true] button{background:var(--accent-soft)}.picker__name{font-size:13px;font-weight:550}.picker__id{font-family:var(--mono);font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse{50%{opacity:.35}}@keyframes ring{0%{transform:scale(.94);opacity:.9}to{transform:scale(1.22);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{to{visibility:hidden}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}@keyframes rise{0%{transform:translateY(6px);opacity:0}}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(24px);opacity:.6}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:640px){body{font-size:14.5px}.brand__tagline{display:none}.brand__title{font-size:17px;margin-top:7px}.models{grid-template-columns:1fr;gap:6px}.model-card{padding:8px 10px}.msg{max-width:90%}.mic{width:72px;height:72px}.stop-button kbd,.switch__label{font-size:12.5px}.stop-button kbd{display:none}.toasts{top:12px;bottom:auto;right:12px}}
/*# sourceMappingURL=app.css.map */