:root{--color-bg: #eef1f8;--color-surface: #ffffff;--color-text: #15171c;--color-muted: #6b7280;--color-border: #e7e9f1;--color-primary: #2563eb;--color-on-primary: #ffffff;--color-listening: #16a34a;--color-processing: #d97706;--color-confirming: #7c3aed;--color-accepted: #16a34a;--color-error: #dc2626;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-scale: 1;--type-scale: 1.2;--font-weight-strong: 800;--radius: 1.375rem;--space: 1rem;--logo-url: none;--logo-height: 1.6rem;--vv-height: 100svh}*{box-sizing:border-box;margin:0}html,body{height:100%}html{font-size:calc(100% * var(--text-scale))}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#root{display:contents}.stage{--accent: var(--color-muted);block-size:var(--vv-height, 100svh);transform:translateY(var(--vv-offset, 0));min-block-size:0;display:flex;flex-direction:column;background:var(--color-surface);position:relative;overflow:hidden}.stage[data-phase=listening]{--accent: var(--color-listening)}.stage[data-phase=processing]{--accent: var(--color-processing)}.stage[data-phase=confirming]{--accent: var(--color-confirming)}.stage[data-phase=accepted]{--accent: var(--color-accepted)}.stage[data-phase=error]{--accent: var(--color-error)}.card{flex:1 1 auto;min-block-size:0;inline-size:100%;container-type:inline-size;container-name:card;display:flex;flex-direction:column;background:var(--color-surface);color:var(--color-text);position:relative}.card--pending{visibility:hidden}@media(min-width:75rem){.stage{align-items:center}.card{max-inline-size:clamp(30rem,46vw,40rem)}}.z-progress{flex:0 0 auto;block-size:.375rem;inline-size:100%;background:color-mix(in srgb,var(--color-primary) 13%,transparent)}.z-progress>i{--pct: 0%;display:block;block-size:100%;inline-size:var(--pct);border-radius:0 100vmax 100vmax 0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 78%,#fff),var(--color-primary))}@media(prefers-reduced-motion:no-preference){.z-progress>i{transition:inline-size .55s cubic-bezier(.4,0,.2,1)}}.z-header{flex:0 0 auto;min-block-size:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding-inline:clamp(1rem,5cqi,1.5rem);padding-block:clamp(.4rem,2cqi,.6rem)}.z-header .logo{inline-size:clamp(5rem,30cqi,7.5rem);block-size:var(--logo-height);background-image:var(--logo-url);background-size:contain;background-repeat:no-repeat;background-position:left center}.z-header .header-right{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.z-header .count{font-size:clamp(.72rem,2.6cqi,.82rem);color:var(--color-muted);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.textsize{display:flex;overflow:hidden;flex:0 0 auto;border:1px solid var(--color-border);border-radius:100vmax;background:var(--color-surface)}.textsize button{border:0;background:transparent;font-weight:800;line-height:1;font-size:clamp(.7rem,2.6cqi,.8rem);padding:.35rem .7rem}.textsize button:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.textsize button:disabled{opacity:.35;cursor:not-allowed}.z-question{flex:0 0 auto;min-block-size:clamp(6.5rem,26cqi,8.5rem);padding:clamp(.5rem,3cqi,1rem) clamp(1rem,5cqi,1.5rem) clamp(.75rem,3cqi,1rem)}.z-question .kicker{display:flex;align-items:center;gap:.5rem;margin-block-end:.5rem;font-size:clamp(.7rem,2.6cqi,.8rem);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary)}.z-question .kicker:before{content:"";inline-size:1.1rem;block-size:2px;flex:0 0 auto;background:var(--color-primary);border-radius:100vmax}.z-question .q{font-weight:var(--font-weight-strong);line-height:1.2;letter-spacing:-.022em;text-wrap:pretty;font-size:calc(clamp(1.08rem,4.4cqi,1.66rem) * var(--type-scale))}.z-question .intro{margin-block-end:.6rem;font-size:clamp(.85rem,3.2cqi,.95rem);line-height:1.5;color:var(--color-muted);white-space:pre-line}.z-question .lead{margin-block-end:.6rem;font-size:clamp(.9rem,3.4cqi,1rem);line-height:1.5;font-weight:500}.z-question .qimage{inline-size:100%;block-size:clamp(6rem,24cqi,9.5rem);border-radius:.875rem;margin-block-end:.75rem;border:1px solid var(--color-border);object-fit:cover;display:block}.z-answer{flex:1 1 auto;min-block-size:0;overflow-y:auto;overflow-anchor:none;padding:clamp(.5rem,3cqi,1rem) clamp(1rem,5cqi,1.5rem);-webkit-overflow-scrolling:touch}.scale-anchors{display:flex;justify-content:space-between;gap:.5rem;color:var(--color-muted);font-size:clamp(.72rem,2.6cqi,.85rem);margin-block-end:.5rem}.scale-grid{display:grid;grid-template-columns:repeat(var(--scale-cols, 6),1fr);gap:clamp(.35rem,1.6cqi,.6rem)}.scale-grid button{aspect-ratio:1 / 1;min-block-size:2.75rem;display:grid;place-items:center;font-weight:800;font-size:clamp(1rem,4cqi,1.4rem);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.85rem}.scale-grid button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent)}.scale-grid button[aria-checked=true]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}@container card (min-width: 34rem){.scale-grid{grid-template-columns:repeat(var(--scale-count, 11),1fr)}}.chip-group{margin-block-end:clamp(.75rem,3cqi,1rem)}.chip-group>h4{font-size:clamp(.72rem,2.6cqi,.82rem);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-block-end:.5rem;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:clamp(.4rem,1.8cqi,.6rem)}.chip{display:inline-flex;align-items:center;gap:.4rem;min-block-size:2.75rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:100vmax;background:var(--color-surface);color:var(--color-text);font-size:clamp(.85rem,3.2cqi,1rem);font-weight:600;text-align:left}.chip:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.chip:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent)}.chip.is-selected{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border-color:var(--color-primary);color:var(--color-primary)}.chip__image{flex:none;max-block-size:1.5rem;inline-size:auto;border-radius:.375rem}.multi-hint{font-size:clamp(.72rem,2.8cqi,.78rem);color:var(--color-muted);margin-block-end:.5625rem;font-weight:600}.btn-confirm{margin-block-start:.75rem;inline-size:100%;min-block-size:2.75rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:.8125rem;padding:.8125rem;font-weight:700;font-size:clamp(.9rem,3.4cqi,.95rem)}.btn-confirm:disabled{opacity:.45;cursor:not-allowed}.open{display:flex;flex-direction:column;block-size:100%;min-block-size:0}.open-buffer{flex:1 1 auto;min-block-size:6rem;inline-size:100%;resize:none;border:1px solid var(--color-border);border-radius:1rem;padding:clamp(.75rem,3cqi,1rem);font:inherit;font-size:clamp(1rem,3.8cqi,1.2rem);line-height:1.5;color:var(--color-text);background:var(--color-surface)}.open-buffer:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent)}.open-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-block-start:.5rem}.open-hint{flex:1 1 auto;color:var(--color-muted);font-size:clamp(.72rem,2.6cqi,.82rem)}.open-send{flex:0 0 auto;min-block-size:2.75rem;padding:.6rem 1.25rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:100vmax;font-weight:800;font-size:clamp(.9rem,3.4cqi,1rem)}.notice{display:flex;gap:.625rem;align-items:flex-start;margin-block-end:1rem;background:color-mix(in srgb,var(--color-processing) 11%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-processing) 38%,transparent);border-radius:.75rem;padding:.7rem .8rem}.notice__icon{flex:none;inline-size:1.125rem;block-size:1.125rem;border-radius:50%;background:var(--color-processing);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-block-start:.0625rem}.notice p{font-size:clamp(.8rem,3cqi,.86rem);line-height:1.4}.z-transcript{flex:0 0 auto;block-size:clamp(3.25rem,10cqi,4.25rem);padding:clamp(.5rem,2.5cqi,.75rem) clamp(1rem,5cqi,1.5rem);display:flex;align-items:center;overflow:hidden;border-block-start:1px solid var(--color-border);font-size:clamp(.95rem,3.4cqi,1.15rem);line-height:1.35}.z-transcript .caption{inline-size:100%;max-block-size:100%;overflow-y:auto;overflow-anchor:none;-webkit-overflow-scrolling:touch}.z-transcript .caption .stable{color:var(--color-text)}.z-transcript .caption .provisional{color:var(--color-muted)}.z-transcript .status{color:var(--color-muted);display:flex;align-items:center;gap:.5rem;font-size:clamp(.8rem,3cqi,.9rem);font-weight:600}.z-transcript .status .dot{inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--accent, var(--color-muted));flex:0 0 auto}.z-transcript .status--accepted{color:var(--color-accepted)}.z-transcript .status--accepted .dot{background:var(--color-accepted)}@media(prefers-reduced-motion:no-preference){.stage[data-phase=listening] .z-transcript .dot{animation:blink 1.1s ease-in-out infinite}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.z-transcript .confirm{inline-size:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-align:center;min-block-size:0}.z-transcript .confirm__echo{display:flex;align-items:baseline;justify-content:center;gap:.4rem;max-inline-size:100%;overflow:hidden}.z-transcript .confirm__label{color:var(--color-muted);font-size:clamp(.72rem,2.7cqi,.82rem);font-weight:600;flex:0 0 auto}.z-transcript .confirm__value{color:var(--accent, var(--color-confirming));font-weight:var(--font-weight-strong, 800);font-size:clamp(1.05rem,4cqi,1.35rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-transcript .confirm__unit{color:var(--color-muted);font-size:clamp(.72rem,2.7cqi,.82rem);flex:0 0 auto}.z-transcript .confirm__ask{color:var(--color-muted);font-size:clamp(.75rem,2.9cqi,.86rem);font-weight:600}.z-transcript .err{color:var(--color-error);display:flex;align-items:center;gap:.5rem;font-size:clamp(.85rem,3.2cqi,.95rem)}.z-voicebar{flex:0 0 auto;padding:clamp(.5rem,2.5cqi,.85rem) clamp(1rem,5cqi,1.5rem);padding-block-end:calc(env(safe-area-inset-bottom,0rem) + clamp(.5rem,2.5cqi,.85rem));border-block-start:1px solid var(--color-border);display:flex;flex-direction:column;gap:.4rem}.voicebar-hint{position:relative;block-size:clamp(1.1rem,4cqi,1.4rem);flex:0 0 auto}.mic-row{display:flex;align-items:center;gap:.75rem}.mic{flex:1 1 auto;min-block-size:3.25rem;display:flex;align-items:center;justify-content:center;gap:.6rem;border-radius:100vmax;border:0;background:var(--color-primary);color:var(--color-on-primary);font-weight:800;font-size:clamp(.95rem,3.6cqi,1.15rem);touch-action:none;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.mic:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 30%,transparent)}.mic .level{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--vad-level, 0) * 100%);background:#ffffff2e;pointer-events:none}.mic .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}@media(prefers-reduced-motion:no-preference){.stage[data-phase=listening] .mic .ring{animation:pulse 1.2s ease-out infinite}}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 .9rem transparent}}.stage[data-phase=listening] .mic{background:var(--color-listening)}.stage[data-phase=processing] .mic{background:var(--color-processing)}.stage[data-phase=confirming] .mic{background:var(--color-confirming)}.stage[data-phase=error] .mic{background:var(--color-error)}.stage[data-gesture=locked] .mic{background:var(--color-listening)}.gesture-rail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;color:var(--color-muted);font-size:clamp(.72rem,2.6cqi,.82rem);opacity:0;pointer-events:none}.stage[data-mode=push_to_talk][data-gesture=holding] .gesture-rail{opacity:1}.gesture-rail .up.armed{color:var(--color-primary);font-weight:700}.gesture-rail .left.armed{color:var(--color-error);font-weight:700}.lock-ctrl{display:none;gap:.6rem;flex:1 1 auto}.stage[data-gesture=locked] .lock-ctrl{display:flex}.stage[data-gesture=locked] .mic-row .mic{display:none}.lock-ctrl button{min-block-size:3.25rem;border-radius:100vmax;border:1px solid var(--color-border);padding-inline:1.25rem;font-weight:800;background:var(--color-surface);color:var(--color-text)}.lock-ctrl .send{flex:1 1 auto;background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.desktop-caption{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;text-align:center;color:var(--color-muted);font-size:clamp(.72rem,2.4cqi,.82rem)}.stage[data-mode=always_on] .desktop-caption{visibility:hidden}@media(min-width:75rem){.mic-row{justify-content:center}.mic{flex:0 1 22rem}.lock-ctrl{justify-content:center;flex:0 1 22rem}.lock-ctrl .send{flex:0 1 16rem}.desktop-caption{display:flex}}.mic-sheet{position:absolute;inset-block-end:0;inset-inline:0;z-index:15;transform:translateY(110%);background:var(--color-surface);border-block-start:1px solid var(--color-border);border-start-start-radius:var(--radius);border-start-end-radius:var(--radius);box-shadow:0 -12px 40px -18px #0f172a59;padding:clamp(1rem,4cqi,1.25rem) clamp(1rem,5cqi,1.5rem);padding-block-end:calc(env(safe-area-inset-bottom,0rem) + 1rem)}@media(prefers-reduced-motion:no-preference){.mic-sheet{transition:transform .28s ease}}.stage[data-sheet=ask] .mic-sheet,.stage[data-sheet=denied] .mic-sheet{transform:translateY(0)}.mic-sheet .line{font-size:clamp(.95rem,3.6cqi,1.1rem);font-weight:600;margin-block-end:.85rem;color:var(--color-text)}.mic-sheet .actions{display:flex;gap:.6rem}.mic-sheet button{min-block-size:2.75rem;flex:1 1 auto;border-radius:100vmax;font-weight:800;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.mic-sheet .allow{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.conn-banner{position:fixed;inset-block-start:0;inset-inline:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:calc(env(safe-area-inset-top,0rem) + .875rem) 1.125rem .875rem;font-size:clamp(.85rem,3.2cqi,1rem);font-weight:700;line-height:1.35;text-align:center;color:#fff;box-shadow:0 2px 12px -2px #0000004d}.conn-banner p{margin:0}.conn-banner__icon{flex:none;font-size:1.1em;font-weight:800}.conn-banner--lost{background:var(--color-processing)}@media(prefers-reduced-motion:no-preference){.conn-banner--lost .conn-banner__icon{display:inline-block;animation:reconnect-spin 1.1s linear infinite}}.conn-banner--ok{background:var(--color-accepted)}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.card__block{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in srgb,var(--color-surface) 55%,transparent);cursor:not-allowed;touch-action:none}.orient-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem;background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-text)}@media(prefers-reduced-motion:no-preference){.orient-lock{animation:fade-in .3s ease}.orient-lock .rot{animation:rotate-hint 2.4s ease-in-out infinite}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate-hint{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}.orient-lock .rot{font-size:clamp(2.5rem,10cqi,3.5rem)}.orient-lock .msg{font-size:clamp(1.05rem,4cqi,1.35rem);font-weight:800;letter-spacing:-.01em}.orient-lock .sub{font-size:clamp(.85rem,3.2cqi,1rem);color:var(--color-muted);max-inline-size:22rem}.terminal{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:clamp(1.5rem,6cqi,2.5rem) clamp(1rem,5cqi,1.5rem)}.terminal__badge{inline-size:4.375rem;block-size:4.375rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.terminal__badge i{inline-size:2.875rem;block-size:2.875rem;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal}.terminal--done .terminal__badge{background:color-mix(in srgb,var(--color-accepted) 14%,var(--color-surface))}.terminal--done .terminal__badge i{background:var(--color-accepted)}.terminal--dq .terminal__badge{background:color-mix(in srgb,var(--color-muted) 14%,var(--color-surface))}.terminal--dq .terminal__badge i{background:var(--color-muted)}.terminal h1{font-size:clamp(1.2rem,4.6cqi,1.4rem);font-weight:800;letter-spacing:-.02em;text-wrap:pretty}.terminal p{font-size:clamp(.9rem,3.4cqi,1rem);color:var(--color-muted);line-height:1.5;max-inline-size:21.25rem}@media(prefers-reduced-motion:no-preference){.terminal--done .terminal__badge i{animation:badge-pop .5s cubic-bezier(.2,.8,.3,1.1)}}@keyframes badge-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.debug{position:fixed;inset-block-end:0;inset-inline:0;z-index:900;max-block-size:40svh;overflow-y:auto;border-block-start:1px solid var(--color-border);background:color-mix(in srgb,var(--color-text) 3%,var(--color-surface))}.debug summary{padding:.5rem .875rem;font:.7rem ui-monospace,monospace;color:var(--color-muted);cursor:pointer}.debug pre{padding:0 .875rem .75rem;font:.68rem/1.6 ui-monospace,monospace;color:var(--color-muted);white-space:pre-wrap;word-break:break-word}.debug__row--tier3{color:var(--color-processing)}