: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{border-bottom:1px solid var(--border);background:var(--bg);flex:none;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.top-l,.top-r{align-items:center;gap:8px;min-width:0;display:flex}.top-status{white-space:nowrap;font-weight:600}.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}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:32px 16px;display:flex}.welcome h1{margin:8px 0 0;font-size:24px}.welcome .muted{margin:0 0 16px}.logo{background:var(--primary);width:64px;height:64px;color:var(--on-primary);border-radius:20px;place-items:center;font-size:28px;font-weight:700;display:grid}.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}.reconnect{justify-content:center;padding:0 16px 24px;display: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}}