:root{--bg:#f6f3ee;--surface:#fff;--text:#24211d;--muted:#6f685e;--border:#e2dcd2;--accent:#8a5a2b;--accent-text:#fff;--user-bg:#e9dfd1;--assistant-bg:#fff;--brief:#3f7a6a;--reminder:#8a5a2b;--notice:#6f685e;--alert:#b3412f;--error-bg:#fbe9e5;--code-bg:#f1ece4;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1b19;--surface:#262421;--text:#ece7df;--muted:#a39b8f;--border:#3a3732;--accent:#d39a5e;--accent-text:#1c1b19;--user-bg:#3b342b;--assistant-bg:#262421;--brief:#7dbfab;--reminder:#d39a5e;--notice:#a39b8f;--alert:#e8806e;--error-bg:#43261f;--code-bg:#302d29}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{height:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.primary,.secondary{border:1px solid var(--accent);border-radius:999px;padding:.55em 1.2em;font-weight:600}.primary{background:var(--accent);color:var(--accent-text)}.secondary{color:var(--accent);background:0 0}.icon{background:0 0;border:none;border-radius:50%;min-width:44px;min-height:44px;padding:0;font-size:1.25rem;line-height:1}.login{min-height:100%;padding:2rem max(1.25rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.login h1{letter-spacing:.02em;margin:0 0 .5rem;font-weight:600}.login-form{flex-direction:column;gap:.4rem;width:min(100%,22rem);display:flex}.login-form label{color:var(--muted);margin-top:.4rem;font-size:.9rem}.login-form input{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.7em .8em}.login-form .primary{margin-top:.8rem;padding:.75em}.login-error{color:var(--alert);min-height:1.2em;margin:.3rem 0 0;font-size:.95rem}.chat{flex-direction:column;height:100dvh;display:flex;position:relative}.topbar{padding:calc(.25rem + env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) .25rem max(.75rem, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.5rem;display:flex}.topbar h1{letter-spacing:.02em;flex:1;margin:0;font-size:1.15rem;font-weight:600}.menu{top:calc(3.2rem + env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(17rem,100vw - 1rem);padding:.35rem 0;position:absolute;box-shadow:0 8px 24px #0000002e}.menu-item{text-align:left;background:0 0;border:none;width:100%;padding:.75rem 1rem;display:block}.menu-item:hover{background:var(--code-bg)}.menu-item.danger{color:var(--alert)}.menu hr{border:none;border-top:1px solid var(--border);margin:.3rem 0}.menu-voice{border:none;flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding:.5rem 1rem;display:flex}.menu-voice legend{color:var(--muted);float:left;width:100%;margin-bottom:.2rem;padding:0;font-size:.85rem}.menu-voice label{align-items:center;gap:.3rem;min-height:36px;display:flex}.menu-voice .hint{width:100%;color:var(--muted);margin:0;font-size:.8rem}.messages{overscroll-behavior:contain;padding:1rem max(.75rem, env(safe-area-inset-right)) .5rem max(.75rem, env(safe-area-inset-left));flex-direction:column;flex:1;gap:.6rem;display:flex;overflow:hidden auto}.msg{border-radius:var(--radius);overflow-wrap:anywhere;max-width:min(85%,42rem);padding:.6rem .85rem;position:relative}.msg.user{background:var(--user-bg);border-bottom-right-radius:4px;align-self:flex-end}.msg.assistant{background:var(--assistant-bg);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.msg.sending{opacity:.7}.msg.kind-ack{color:var(--muted);background:0 0;padding-top:.35rem;padding-bottom:.35rem;font-size:.92rem;font-style:italic}.msg.highlight{box-shadow:0 0 0 2px var(--accent)}.msg[class*=kind-]:not(.kind-text):not(.kind-approval){border-left:3px solid var(--notice)}.msg.kind-brief{border-left-color:var(--brief)!important}.msg.kind-reminder{border-left-color:var(--reminder)!important}.msg.kind-alert{border-left-color:var(--alert)!important}.kind-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.2rem;font-size:.75rem;font-weight:600}.kind-brief .kind-label{color:var(--brief)}.kind-reminder .kind-label{color:var(--reminder)}.kind-alert .kind-label{color:var(--alert)}.body>:first-child{margin-top:0}.body>:last-child{margin-bottom:0}.body p,.body ul,.body ol,.body pre,.body blockquote{margin:.45em 0}.body.plain{white-space:pre-wrap}.body ul,.body ol{padding-left:1.3em}.body li.task{margin-left:-1.1em;list-style:none}.body li.task.done{color:var(--muted)}.body h3,.body h4,.body h5,.body h6{margin:.7em 0 .3em;font-size:1rem}.body h3{font-size:1.1rem}.body a{color:var(--accent);text-underline-offset:2px}.body code{background:var(--code-bg);border-radius:4px;padding:.05em .3em;font:.9em ui-monospace,SF Mono,Menlo,Consolas,monospace}.body pre{background:var(--code-bg);border-radius:8px;max-width:100%;padding:.6em .75em;overflow-x:auto}.body pre code{white-space:pre;background:0 0;padding:0}.body blockquote{border-left:3px solid var(--border);color:var(--muted);padding-left:.7em}.body hr{border:none;border-top:1px solid var(--border)}.meta{justify-content:flex-end;align-items:center;gap:.25rem;min-height:0;margin:.1rem -.5rem -.5rem 0;display:flex}.meta time{color:var(--muted);margin-right:auto;font-size:.75rem;display:none}.msg.show-time .meta time{display:inline}.meta .voice-tag{opacity:.6;font-size:.75rem}.msg.user .meta{margin:0}.msg.user .meta:not(:has(.voice-tag)){display:none}.msg.user.show-time .meta{display:flex}.icon.speak{opacity:.65;min-width:40px;min-height:36px;font-size:1rem}.status{color:var(--muted);margin-top:.3rem;font-size:.9rem;font-style:italic}.msg.pending .body:empty{display:none}.msg.error{background:var(--error-bg);max-width:92%;color:var(--text);border:1px solid var(--alert);text-align:center;align-self:center;font-size:.95rem}.approval .approval-status{color:var(--muted);margin:.4rem 0;font-size:.85rem}.approval-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.approval[data-status=approved] .approval-status{color:var(--brief)}.approval[data-status=rejected] .approval-status,.approval[data-status=expired] .approval-status{color:var(--muted)}.approval:not([data-status=pending]) .approval-buttons{display:none}.approval details{margin:.4rem 0;font-size:.9rem}.approval summary{cursor:pointer;color:var(--accent)}.approval pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);border-radius:8px;margin:.3rem 0 0;padding:.5em;font-size:.85rem}.empty{text-align:center;color:var(--muted);max-width:20rem;margin:auto}.empty img{opacity:.85}.composer{border-top:1px solid var(--border);background:var(--bg);padding:.5rem max(.5rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left))}.input-row{align-items:flex-end;gap:.15rem;display:flex}.input{resize:none;border:1px solid var(--border);background:var(--surface);border-radius:22px;flex:1;min-width:0;max-height:40vh;padding:.6rem .85rem;line-height:1.35}.icon.send{color:var(--accent)}.listening .icon.mic{background:var(--alert);color:#fff;animation:1.4s ease-in-out infinite pulse}.listen-bar{color:var(--alert);align-items:center;gap:.5rem;padding:0 .1rem .35rem .6rem;font-size:.9rem;font-weight:600;display:flex}.listen-text{flex:1}.rec-dot{background:var(--alert);border-radius:50%;width:.6rem;height:.6rem;animation:1.4s ease-in-out infinite pulse}.icon.cancel{min-width:36px;min-height:36px;color:var(--muted);font-size:1rem}.icon.stop{color:var(--alert);font-size:1.1rem}.conv-toggle{color:var(--muted);align-items:center;gap:.45rem;min-height:36px;padding:.35rem .25rem 0;font-size:.9rem;display:inline-flex}.conv-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin:0}.conversing .conv-toggle{color:var(--accent);font-weight:600}.banner{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.5rem;margin-bottom:.45rem;padding:.4rem .3rem .4rem .8rem;font-size:.9rem;display:flex}.banner span{flex:1}.banner .close{min-width:36px;min-height:36px;color:var(--muted);font-size:1.2rem}.cv{min-height:0;padding:1rem max(1rem, env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));--cv-size:min(70vw, 55dvh, 26rem);--cv-color:var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex;overflow:hidden}.cv[data-state=listening]{--cv-color:var(--accent)}.cv[data-state=thinking]{--cv-color:var(--muted)}.cv[data-state=speaking]{--cv-color:var(--brief)}.cv-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.cv-button{width:var(--cv-size);height:var(--cv-size);border:4px solid var(--cv-color);background:var(--surface);box-shadow:0 0 0 0 var(--cv-color);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .3s,transform .2s;display:flex;position:relative}.cv-button:active{transform:scale(.97)}.cv-owl{pointer-events:none;width:62%;height:62%}.cv-ring{pointer-events:none;border:4px solid #0000;border-radius:50%;position:absolute;inset:-4px}.cv[data-state=listening] .cv-button{animation:2.4s ease-in-out infinite breathe}.cv[data-state=listening] .cv-button.heard{animation:.5s ease-out heard,2.4s ease-in-out .5s infinite breathe}.cv[data-state=thinking] .cv-ring{border-top-color:var(--accent);animation:1.6s linear infinite spin}.cv[data-state=speaking] .cv-ring{border-color:var(--brief);animation:1.8s ease-out infinite ripple}.cv[data-state=idle] .cv-owl{opacity:.6}.cv-side{flex-direction:column;align-items:center;gap:.5rem;width:min(100%,30rem);display:flex}.cv-caption{color:var(--cv-color);text-align:center;margin:0;font-size:1.15rem;font-weight:600}.cv[data-state=idle] .cv-caption{color:var(--muted)}.cv-detail{max-width:100%;min-height:1.4em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;overflow:hidden}.cv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-height:35dvh;padding:.6rem .85rem;overflow-y:auto}.cv-end{border:1px solid var(--border);background:var(--surface);border-radius:999px;min-height:48px;margin-top:.25rem;padding:.6em 1.4em;font-weight:600}@media (orientation:landscape) and (height<=520px){.cv{--cv-size:min(42vw, 70dvh);flex-direction:row}.cv-side{flex:1;width:auto;max-width:50vw}}@keyframes pulse{50%{opacity:.65}}@keyframes breathe{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 18%, transparent)}}@keyframes heard{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}