.ht-widget{--bg: oklch(.145 .004 286.98);--bg-panel: oklch(.205 .006 286.98);--bg-elev: oklch(.269 .008 286.98);--bg-input: oklch(.145 .004 286.98);--border: oklch(1 .004 286.98 / .1);--border-strong: oklch(1 .005 286.98 / .22);--text: oklch(.985 0 0);--text-dim: oklch(.82 .008 286.98);--accent: oklch(.82 .065 286.98);--accent-soft: oklch(.82 .065 286.98 / .14);--accent-contrast: oklch(.21 .01 286.98);--ring: oklch(.7 .045 286.98);--green: oklch(.85 .168 155);--green-soft: oklch(.85 .168 155 / .13);--amber: oklch(.85 .103 75);--amber-soft: oklch(.85 .103 75 / .15);--red: oklch(.85 .065 25);--shadow-panel: oklch(.1 .005 286.98 / .62);--radius: 14px;--radius-sm: 10px;--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--ease-out: cubic-bezier(.23, 1, .32, 1);--font-sans: "Geist Variable", "Geist", -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}@media (prefers-color-scheme: light){.ht-widget{--bg: oklch(.965 .002 286.98);--bg-panel: oklch(1 0 0);--bg-elev: oklch(.97 .002 286.98);--bg-input: oklch(1 0 0);--border: oklch(.92 .003 286.98);--border-strong: oklch(.85 .005 286.98);--text: oklch(.145 .006 286.98);--text-dim: oklch(.5 .012 286.98);--accent: oklch(.248 .086 286.98);--accent-soft: oklch(.248 .086 286.98 / .08);--accent-contrast: oklch(.985 0 0);--ring: oklch(.42 .06 286.98);--green: oklch(.52 .103 155);--green-soft: oklch(.52 .103 155 / .1);--amber: oklch(.52 .088 75);--amber-soft: oklch(.52 .088 75 / .12);--red: oklch(.55 .178 25);--shadow-panel: oklch(.25 .01 286.98 / .22);color-scheme:light}}.ht-widget{position:fixed;right:20px;bottom:20px;z-index:2147483000;font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text)}.ht-widget *{box-sizing:border-box}.ht-widget [hidden]{display:none!important}.ht-widget :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ht-widget .ht-launcher{position:relative;display:grid;place-items:center;width:56px;height:56px;margin-left:auto;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-contrast);cursor:pointer;box-shadow:0 6px 20px var(--accent-soft);transition:filter var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.ht-widget .ht-launcher:hover{filter:brightness(1.08)}.ht-widget .ht-launcher:active{transform:scale(.97)}.ht-widget .ht-live-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.ht-widget .ht-panel{display:flex;flex-direction:column;width:360px;height:min(600px,100dvh - 32px);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px var(--shadow-panel);overflow:hidden;animation:ht-rise var(--dur-3) var(--ease-out)}@keyframes ht-rise{0%{opacity:0;transform:translateY(8px)}}.ht-widget .ht-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.ht-widget .ht-title{font-weight:600;margin-right:auto}.ht-widget .ht-pill{font-size:12px;color:var(--text-dim);padding:2px 10px;border:1px solid var(--border);border-radius:999px;white-space:nowrap}.ht-widget .ht-pill.listening{color:var(--green);border-color:var(--green)}.ht-widget .ht-pill.speaking{color:var(--accent);border-color:var(--accent)}.ht-widget .ht-pill.thinking{color:var(--text)}.ht-widget .ht-timer{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.ht-widget .ht-icon{display:grid;place-items:center;width:26px;height:26px;padding:0;font:inherit;color:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.ht-widget .ht-icon:hover{border-color:var(--accent)}.ht-widget .ht-icon:active:not(:disabled){transform:scale(.97)}.ht-widget .ht-icon:disabled{opacity:.45;cursor:default}.ht-widget .ht-log{flex:1;min-height:96px;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.ht-widget .ht-msg{max-width:85%;padding:7px 11px;border-radius:var(--radius);white-space:pre-wrap;word-break:break-word}.ht-widget .ht-msg.agent{background:var(--bg-elev);align-self:flex-start}.ht-widget .ht-msg.user{background:var(--accent-soft);align-self:flex-end}.ht-widget .ht-msg.interim{opacity:.6;font-style:italic}.ht-widget .ht-msg.system{max-width:100%;align-self:center;background:none;color:var(--text-dim);font-size:12px;text-align:center}.ht-widget .ht-empty{color:var(--text-dim);font-size:12px;margin:auto}.ht-widget .ht-debug{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);padding:6px 14px;border-top:1px solid var(--border);white-space:pre-wrap;max-height:5.5em;overflow-y:auto}.ht-widget .ht-composer{display:flex;gap:6px;align-items:center;padding:8px 10px;border-top:1px solid var(--border)}.ht-widget .ht-composer input{flex:1;min-width:0;font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;transition:border-color var(--dur-1) var(--ease-out)}.ht-widget .ht-composer input:focus{border-color:var(--accent);outline:none}.ht-widget .ht-composer input:disabled{opacity:.45}.ht-widget .ht-actions{display:flex;gap:8px;padding:0 10px 12px}.ht-widget .ht-btn{flex:1;font:inherit;font-weight:600;white-space:nowrap;color:var(--accent-contrast);background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:7px 14px;cursor:pointer;box-shadow:0 1px 8px var(--accent-soft);transition:filter var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.ht-widget .ht-btn:hover:not(:disabled){filter:brightness(1.08)}.ht-widget .ht-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.ht-widget .ht-btn-danger{background:var(--red);border-color:var(--red);box-shadow:none}@media (max-width: 480px){.ht-widget{right:8px;left:8px;bottom:8px}.ht-widget .ht-panel{width:100%;height:min(560px,100dvh - 16px)}}.ht-widget .ht-details{border-bottom:1px solid var(--border);flex:0 1 auto;max-height:58%;overflow-y:auto}.ht-widget .ht-details>summary{padding:8px 14px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-dim);cursor:pointer;list-style:none}.ht-widget .ht-details>summary::marker,.ht-widget .ht-details>summary::-webkit-details-marker{display:none}.ht-widget .ht-details>summary:before{content:"▸";display:inline-block;width:1em;transition:transform var(--dur-1) var(--ease-out)}.ht-widget .ht-details[open]>summary:before{transform:rotate(90deg)}.ht-widget .ht-details>summary:hover{color:var(--text)}.ht-widget .ht-details .ht-fields{padding:0 14px 12px}.ht-widget .ht-fields{display:flex;flex-wrap:wrap;gap:10px}.ht-widget .ht-field{display:flex;flex:1 1 100%;flex-direction:column;gap:5px;min-width:0}.ht-widget .ht-field.half{flex-basis:calc(50% - 5px)}.ht-widget .ht-field-label{font-size:12px;font-weight:600;color:var(--text-dim)}.ht-widget .ht-field input{font:inherit;width:100%;color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 11px;transition:border-color var(--dur-1) var(--ease-out)}.ht-widget .ht-field input:hover:not(:read-only){border-color:var(--ring)}.ht-widget .ht-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.ht-widget .ht-field input:read-only{color:var(--text-dim);background:var(--bg-elev);cursor:default}.ht-widget .ht-pair{flex-direction:row;align-items:center;gap:6px}.ht-widget .ht-pair input{flex:1 1 0}.ht-widget .ht-pair .ht-icon{flex:none}.ht-widget .ht-details .ht-add-var{margin:0 14px 12px}.ht-widget .ht-field-note{flex:1 1 100%;margin:0;font-size:12px;color:var(--text-dim)}.ht-widget .ht-btn-ghost{color:var(--text);background:none;border-color:var(--border-strong);box-shadow:none}.ht-widget .ht-btn-ghost:hover:not(:disabled){border-color:var(--accent);filter:none}.ht-widget[data-mode=avatar] .ht-panel{position:absolute;bottom:72px;right:0;height:min(540px,100dvh - 270px)}.ht-widget .ht-enable-sound{margin:8px 10px 0}.ht-widget .ht-avatar{overflow:visible;position:fixed;width:var(--ht-avatar-size, 140px);height:var(--ht-avatar-size, 140px);padding:0;border-radius:50%;border:3px solid var(--bg-panel);outline:2px solid var(--border-strong);box-shadow:0 12px 40px var(--shadow-panel);touch-action:none;user-select:none;background:var(--bg-elev);cursor:pointer;z-index:1}.ht-widget .ht-avatar img,.ht-widget .ht-avatar-video,.ht-widget .ht-avatar-live,.ht-widget .video-js,.ht-widget .vjs-tech{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;overflow:hidden;pointer-events:none}.ht-widget .ht-avatar-video{display:block}.ht-widget .ht-avatar-live{background:var(--bg-elev)}.ht-widget .ht-avatar-status,.ht-widget .ht-avatar-ai{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;color:var(--text-dim);padding:2px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg-panel);box-shadow:0 4px 14px var(--shadow-panel)}.ht-widget .ht-avatar-status{top:calc(100% + 10px)}.ht-widget .ht-avatar-ai{top:-10px;font-size:10px;letter-spacing:.02em}.ht-widget .ht-mic{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);border:2px solid var(--bg-panel)}.ht-widget .ht-mic svg{width:18px;height:18px}.ht-widget .ht-mic-slash{display:none}.ht-widget .ht-muted{background:var(--bg-elev);color:var(--text-dim)}.ht-widget .ht-muted .ht-mic-slash{display:block}.ht-widget .ht-avatar[data-state=listening]{outline:3px solid var(--green)}.ht-widget .ht-avatar[data-state=speaking]{outline:3px solid var(--accent);animation:ht-speaking 1.4s ease-in-out infinite}.ht-widget .ht-avatar:focus-visible{outline:2px solid var(--ring);outline-offset:6px}@keyframes ht-speaking{50%{box-shadow:0 0 0 9px var(--accent-soft)}}@media (prefers-reduced-motion: reduce){.ht-widget .ht-avatar[data-state],.ht-widget .ht-panel{animation:none;transition:none}}@media (max-width: 480px){.ht-widget .ht-avatar{width:calc(var(--ht-avatar-size, 140px) * 6 / 7);height:calc(var(--ht-avatar-size, 140px) * 6 / 7)}}@media (max-height: 500px) and (min-width: 500px){.ht-widget[data-mode=avatar] .ht-panel{height:calc(100dvh - 104px);width:min(360px,calc(100vw - 160px))}}