:root{--bg:#fff;--surface:#f3f4f6;--surface-2:#e8eaee;--text:#111418;--muted:#6b7280;--border:#e3e5e9;--primary:#2f6bff;--primary-soft:#e8efff;--on-primary:#fff;--ok:#16803c;--warn:#a15c00;--bad:#c62828;--bad-soft:#fdecec;--shadow:0 8px 32px #1114181f;--r-sm:8px;--r-md:12px;--r-lg:20px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--col:720px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#1b1e24;--surface-2:#252931;--text:#e8eaed;--muted:#9aa0a6;--border:#2b3038;--primary:#5b8cff;--primary-soft:#1c2a4d;--on-primary:#0b0e13;--ok:#4fcf78;--warn:#e0a83a;--bad:#ff7b72;--bad-soft:#3a1b1a;--shadow:0 8px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;min-width:0;padding:8px 12px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary);padding:0}input[type=range]{accent-color:var(--primary);border:0;padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}textarea.code{font-family:var(--mono);resize:vertical;font-size:12px}.app{flex-direction:column;height:100dvh;display:flex}.top-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--ok)}.dot.busy{background:var(--warn);animation:1s infinite blink}.dot.bad{background:var(--bad)}.scroll{overscroll-behavior:contain;flex:1;overflow-y:auto}.stream{max-width:var(--col);flex-direction:column;gap:8px;margin:0 auto;padding:16px 16px 24px;display:flex}.msg{flex-direction:column;max-width:82%;display:flex}.msg.user{align-self:flex-end;align-items:flex-end}.msg.hanna{align-self:flex-start}.bubble{border-radius:var(--r-lg);white-space:pre-wrap;word-break:break-word;padding:8px 16px}.user .bubble{background:var(--primary);color:var(--on-primary);border-bottom-right-radius:6px}.hanna .bubble{background:var(--surface);border-bottom-left-radius:6px}.user.interim .bubble{opacity:.6}.meta{color:var(--muted);margin:4px 8px 0;font-size:12px}.note{max-width:90%;color:var(--muted);text-align:center;align-self:center;padding:4px 8px;font-size:12px}.note.ok{color:var(--ok)}.note.warn{color:var(--warn)}.note.bad{color:var(--bad)}.note.progress{align-items:center;gap:8px;display:inline-flex}.cmd-note{align-items:center;gap:4px;display:inline-flex}.bars{vertical-align:middle;align-items:flex-end;gap:2px;height:12px;margin-left:8px;display:inline-flex}.bars i{background:var(--primary);border-radius:2px;width:3px;animation:.9s ease-in-out infinite bar}.bars i:nth-child(2){animation-delay:.15s}.bars i:nth-child(3){animation-delay:.3s}.typing{gap:4px;padding:12px 16px;display:inline-flex}.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite dot}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes bar{0%,to{height:4px}50%{height:12px}}@keyframes dot{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.35}}.card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);flex-direction:column;align-self:flex-start;gap:8px;width:min(100%,520px);padding:12px;display:flex}.cmd-h{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.cmd-h .tag{margin-left:auto}.cmd-icon{border-radius:var(--r-sm);background:var(--primary-soft);width:32px;height:32px;color:var(--primary);flex:none;place-items:center;display:grid}.cmd-title{flex:200px;min-width:0}.cmd-name{font-size:14px;font-weight:600}.cmd-name .mono{color:var(--muted);word-break:normal;overflow-wrap:anywhere;font-weight:400}.cmd-brief{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmd-params{flex-wrap:wrap;gap:4px;display:flex}.cmd-params .param{font-family:var(--mono);background:var(--surface);border-radius:6px;padding:2px 8px;font-size:12px}.tag{background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:12px}.tag.ok{color:var(--ok)}.tag.warn{color:var(--warn)}.tag.bad{color:var(--bad)}.tag.pending{color:var(--primary);background:var(--primary-soft)}.ack{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.ack-row{flex-wrap:wrap;gap:4px;display:flex}.pill{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:4px 12px;font-size:13px}.pill.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.pill.ghost{color:var(--muted)}details.more>summary{cursor:pointer;color:var(--muted);font-size:12px;list-style:none}details.more>summary::-webkit-details-marker{display:none}details.more>summary:before{content:"▸ "}details.more[open]>summary:before{content:"▾ "}details.more[open]{flex-direction:column;gap:8px;display:flex}pre.code,.json{background:var(--surface);border-radius:var(--r-sm);font-family:var(--mono);white-space:pre-wrap;word-break:break-all;max-height:280px;margin:0;padding:8px;font-size:12px;overflow:auto}.card.error{border-color:var(--bad);background:var(--bad-soft)}.error-h{color:var(--bad);align-items:center;gap:8px;display:flex}.error-msg{word-break:break-word;font-size:14px}.composer{width:100%;max-width:var(--col);padding:8px 16px calc(8px + env(safe-area-inset-bottom));flex:none;align-items:center;gap:8px;margin:0 auto;display:flex}.composer-input{background:var(--surface);border-color:#0000;border-radius:24px;flex:1;height:48px;padding:0 16px}.mic{--lvl:0;background:var(--surface-2);width:56px;height:56px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex:none;place-items:center;transition:background .15s,box-shadow 80ms linear;display:grid}.mic.on{background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 calc(4px + var(--lvl) * 12px) var(--primary-soft)}.send{background:var(--primary);width:48px;height:48px;color:var(--on-primary);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.btn{border:1px solid var(--border);background:var(--bg);border-radius:var(--r-sm);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:8px 16px;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.ghost{background:0 0}.btn.sm{padding:4px 12px;font-size:13px}.btn.lg{border-radius:999px;padding:12px 32px;font-size:17px}.link{color:var(--primary);background:0 0;border:0;padding:8px}.icon-btn{border-radius:var(--r-sm);width:40px;height:40px;color:var(--text);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover{background:var(--surface)}.scrim{opacity:0;pointer-events:none;z-index:10;background:#00000052;transition:opacity .2s;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.drawer{background:var(--bg);border-left:1px solid var(--border);width:min(440px,100vw);box-shadow:var(--shadow);visibility:hidden;z-index:11;flex-direction:column;transition:transform .22s,visibility .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.on{visibility:visible;transform:none}.drawer-h{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 8px 0 16px;display:flex}.drawer-body{flex:1;padding:8px 16px 32px;overflow-y:auto}details.sec{border-bottom:1px solid var(--border)}details.sec>summary{cursor:pointer;justify-content:space-between;padding:16px 0;font-weight:600;list-style:none;display:flex}details.sec>summary::-webkit-details-marker{display:none}details.sec>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;margin-top:6px;transition:transform .15s;transform:rotate(45deg)}details.sec[open]>summary:after{transform:rotate(-135deg)}.sec-body{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.sec-body h4{color:var(--muted);margin:8px 0 0;font-size:13px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-l{color:var(--muted);font-size:12px}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.checks{flex-direction:column;gap:8px;font-size:14px;display:flex}.checks label,.inline{align-items:center;gap:8px;display:inline-flex}.choices{flex-direction:column;gap:4px;display:flex}.choice{border:1px solid var(--border);border-radius:var(--r-sm);align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.choice.on{border-color:var(--primary);background:var(--primary-soft)}.choice span{flex-direction:column;display:flex}.choice small{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row input{flex:1;width:auto;min-width:96px}.grow{flex:1;min-width:160px}.w4{flex:none!important;width:5em!important}.w6{flex:none!important;width:7em!important}.w8{flex:none!important;width:9em!important}.hint{color:var(--muted);margin:0;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);word-break:break-all;font-size:12px}.err{color:var(--bad);font-size:12px}.kv{grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{min-width:0;margin:0}.chip{background:var(--surface);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.preview{border-top:1px dashed var(--border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.diff{margin:0;padding-left:16px;font-size:12px}.diff .added{color:var(--ok)}.diff .removed{color:var(--bad)}.diff .changed{color:var(--warn)}.logs{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.log{border-bottom:1px solid var(--border)}.log-h{cursor:pointer;font-family:var(--mono);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.log-h .ts{color:var(--muted)}.log-h .title{word-break:break-all;flex:1;min-width:0}.log.out .arrow{color:var(--primary)}.log.in .arrow{color:var(--ok)}.log.sys .title{color:var(--muted)}@media (width<=600px){.top-meta{max-width:40vw}.msg{max-width:88%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.presence{--p-bg:#04060b;--p-text:#eef1f6;--p-dim:#eef1f69e;--p-faint:#eef1f624;--p-card:#ffffff0f;--p-accent:#8fb6ff;background:radial-gradient(120% 90% at 50% 38%, #0b1222 0%, var(--p-bg) 62%);color:var(--p-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top""stage""captions""controls";display:grid;position:fixed;inset:0;overflow:hidden}.p-top{padding:max(12px, env(safe-area-inset-top)) 16px 0;grid-area:top;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.p-state{color:var(--p-dim);align-items:center;gap:10px;min-width:0;font-size:17px;display:flex}.p-state>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p-moving{border:1px solid var(--p-faint);border-radius:999px;padding:2px 10px;font-size:13px}.p-actions{gap:8px;display:flex}.p-icon{width:56px;height:56px;color:var(--p-dim);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.p-icon:hover,.p-icon:focus-visible{background:var(--p-card);color:var(--p-text)}.p-icon.lg{width:64px;height:64px}.p-icon.ghost{visibility:hidden}.presence button:focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}.p-stage{grid-area:stage;min-height:220px}.p-orb{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.p-top,.p-stage,.p-captions,.p-controls{z-index:1;position:relative}.p-orb-hit{cursor:pointer;background:0 0;border:0;border-radius:50%;width:min(60vmin,70%);height:min(60vmin,80%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-attentive .p-orb-hit,.mode-listening .p-orb-hit,.mode-thinking .p-orb-hit,.mode-speaking .p-orb-hit{cursor:default}.p-cards{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(560px,100% - 32px);margin:0;padding:0;list-style:none;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.p-card{background:var(--p-card);border:1px solid var(--p-faint);max-width:100%;color:var(--p-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:16px;animation:.35s both p-in;display:inline-flex}.p-card span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p-card.done{color:var(--p-text)}.p-card.failed{color:#ffb4a8}.p-tick:before{content:"";border-bottom:2px solid #7fe0a0;border-left:2px solid #7fe0a0;width:10px;height:5px;display:inline-block;transform:rotate(-45deg)translateY(-2px)}.p-fail{opacity:.8;font-size:13px}.p-dots:after{content:"…";animation:1.2s infinite blink}@keyframes p-in{0%{opacity:0;transform:translateY(-6px)}}.p-captions{text-align:center;flex-direction:column;grid-area:captions;justify-content:flex-end;align-items:center;gap:10px;width:100%;max-width:900px;min-height:9.5rem;margin:0 auto;padding:0 24px 8px;display:flex}.p-cap{overflow-wrap:anywhere;margin:0;transition:opacity .6s linear}.p-cap.user{color:var(--p-dim);font-size:clamp(17px,2.1vw,22px)}.p-cap.user.interim{font-style:italic}.p-cap.hanna{letter-spacing:.005em;-webkit-line-clamp:3;text-wrap:balance;-webkit-box-orient:vertical;font-size:clamp(24px,3.4vw,38px);font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.p-memory{color:#f2c6d6;background:#f2c6d614;border-radius:999px;padding:4px 14px;font-size:15px;animation:.4s both p-in}.p-retry{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.p-btn{border:1px solid var(--p-faint);background:var(--p-card);min-height:56px;color:var(--p-text);border-radius:999px;padding:0 28px;font-size:18px}.p-btn.primary{background:var(--p-text);color:var(--p-bg);border-color:var(--p-text)}.p-controls{padding:8px 24px calc(16px + env(safe-area-inset-bottom));grid-area:controls;justify-content:space-between;align-items:center;display:flex}.p-mic{border:1px solid var(--p-faint);background:var(--p-card);width:80px;height:80px;color:var(--p-dim);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.p-mic.on{color:var(--p-text);background:#ffffff1a}.presence.moving .p-cap.user{display:none}.presence.moving .p-state{font-size:15px}@media (aspect-ratio>=3/2) and (height<=820px){.presence{grid-template:"top top""stage captions"minmax(0,1fr)"controls controls"/minmax(0,1fr) minmax(0,1fr)}.p-captions{text-align:left;justify-content:center;align-items:flex-start;padding:0 48px 0 8px}.p-cap.hanna{-webkit-line-clamp:4}.p-cards{top:auto;bottom:8px}}@media (width<=600px){.p-captions{min-height:8rem;padding:0 16px 8px}.p-controls{padding:8px 16px calc(12px + env(safe-area-inset-bottom))}}.sheet{visibility:hidden;z-index:11;background:var(--bg);width:min(760px,100vw);height:min(86dvh,900px);color:var(--text);box-shadow:var(--shadow);border-radius:20px 20px 0 0;flex-direction:column;transition:transform .25s,visibility .25s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,100%)}.sheet.on{visibility:visible;transform:translate(-50%)}.sheet-h{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:60px;padding:8px 8px 0 20px;display:flex;position:relative}.sheet-h .top-meta{flex:1}.sheet-grip{background:var(--surface-2);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.sheet-empty{text-align:center;padding:48px 16px}@media (prefers-reduced-motion:reduce){.p-card,.p-memory{animation:none}}