:root,.hi-root,.vi{--font-body:"Gemunu Libre", system-ui, sans-serif;--font-heading:"Gemunu Libre", system-ui, sans-serif;--color-brand:#2ba85f;--color-brand-strong:#238a4e;--color-surface:#f6f2e9;--color-text:#16221c;--color-text-muted:#16221c9e;--color-border-strong:#16221c33;--green-50:#fbf5e3;--green-300:#2ba85f;--green-400:#238a4e;--stone-50:#f6f2e9;--radius-md:10px;--radius-lg:14px;--space-3:12px;--space-4:16px;--text-xs:12px;--text-sm:14px;--text-base:16px;--weight-semibold:600;--leading-snug:1.35;--dur-fast:.12s;--dur-base:.2s;--ease-out:cubic-bezier(.22, 1, .36, 1)}.vi{font-family:var(--font-body)}.vi-hero{border:1.5px solid var(--green-300);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--color-brand) 9%, transparent), transparent 60%), var(--green-50);padding:var(--space-4);transition:border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out)}.vi-hero[data-status=recording]{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 6%, var(--color-surface))}.vi-hero[data-status=processing]{border-color:var(--color-brand)}.vi-hero[data-status=done]{border-color:var(--green-400);background:var(--green-50)}.vi-mic{background:var(--color-brand);width:58px;height:58px;color:var(--stone-50);cursor:pointer;box-shadow:0 8px 22px -8px color-mix(in srgb, var(--color-brand) 70%, transparent);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.vi-bar .vi-mic{width:46px;height:46px}.vi-mic:hover{background:var(--color-brand-strong);transform:scale(1.05)}.vi-mic:active{transform:scale(.97)}.vi-mic-ring{border:2px solid color-mix(in srgb, var(--color-brand) 45%, transparent);opacity:0;border-radius:50%;position:absolute;inset:0}.vi-mic:hover .vi-mic-ring{animation:viRing 1.6s var(--ease-out) infinite}.vi-mic:hover .vi-mic-ring.r2{animation-delay:.55s}@keyframes viRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.vi-mic.recording{background:var(--color-brand)}.vi-mic.recording:hover{background:var(--color-brand-strong)}.vi-mic-pulse{border:2px solid var(--color-brand);animation:viPulse 1.3s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes viPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.vi-idle{align-items:center;gap:var(--space-3);display:flex}.vi-idle .vi-mic,.vi-idle .vi-cam{order:0}.vi-idle .vi-idle-tx{flex:1;order:1;min-width:0}.vi-idle .vi-prefer{order:2}.vi-idle-tx{flex-direction:column;gap:2px;display:flex}.vi-idle-tx strong{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.vi-idle-tx span{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}.vi-prefer{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;flex:none;align-self:stretch;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.vi-rec{align-items:flex-start;gap:var(--space-3);display:flex}.vi-rec-lead{align-items:center;gap:var(--space-3);flex-direction:column;flex:none;order:0;display:flex}.vi-rec-lead .vi-mic{flex:none}.vi-rec-cancel{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);cursor:pointer;text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;padding:2px 4px;text-decoration:underline}.vi-rec-cancel:hover{color:var(--color-text)}.vi-rec .vi-rec-mid{flex:1;order:1}.vi-rec-mid{flex-direction:column;gap:8px;min-width:0;padding-top:2px;display:flex}.vi-rec-top{align-items:center;gap:8px;display:flex}.vi-rec-dot{background:var(--color-brand);border-radius:50%;width:9px;height:9px;animation:1s steps(2,jump-none) infinite viBlink}@keyframes viBlink{50%{opacity:.25}}.vi-rec-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-brand-strong)}.vi-timer{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.vi-timer.is-urgent{color:var(--warning);font-weight:var(--weight-semibold)}.vi-wave{align-items:center;gap:2px;height:40px;display:flex}.vi-wave span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-brand) 45%, var(--green-300));flex:1;min-width:2px;transition:height 90ms linear}.vi-wave.is-on span{background:var(--color-brand)}.vi-rec-bar{border-radius:var(--radius-pill);background:var(--green-100);height:4px;overflow:hidden}.vi-rec-bar span{background:var(--color-brand);border-radius:var(--radius-pill);height:100%;transition:width .25s linear;display:block}.vi-rec-bar.is-urgent span{background:var(--warning)}.vi-live{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);min-height:2.75rem;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);max-height:96px;margin:0;padding:8px 10px;overflow-y:auto}.vi-live em{color:var(--color-text-muted);font-style:normal}.vi-live-placeholder{color:var(--color-text-muted)}.vi-rec-hint{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted);margin:0}.vi-proc{align-items:flex-start;gap:var(--space-3);display:flex}.vi-proc--prominent{width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent)}.vi-spin{border:3px solid var(--green-200);border-top-color:var(--color-brand);border-radius:50%;flex:none;width:38px;height:38px;animation:.8s linear infinite viSpin}.vi-spin.sm{border-width:2px;width:17px;height:17px}@keyframes viSpin{to{transform:rotate(360deg)}}.vi-proc-tx{flex:1}.vi-proc-tx>strong{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:8px;display:block}.vi-steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.vi-steps li{font-size:var(--text-sm);color:var(--color-text-faint);align-items:center;gap:8px;display:flex}.vi-steps li.now{color:var(--color-text)}.vi-steps li.done{color:var(--color-text-muted)}.vi-step-ic{width:16px;height:16px;color:var(--color-brand);flex:none;justify-content:center;align-items:center;display:inline-flex}.vi-step-ic i{background:var(--stone-300);border-radius:50%;width:7px;height:7px;display:block}.vi-steps li.now .vi-step-ic i{background:var(--color-brand);animation:.9s ease-in-out infinite viBlink}.vi-done{align-items:center;gap:8px var(--space-3);flex-wrap:wrap;display:flex}.vi-done-ic{background:var(--green-100);width:30px;height:30px;color:var(--green-600);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.vi-done-tx{min-width:140px;font-size:var(--text-sm);color:var(--color-text-muted);flex:1}.vi-done-tx strong{color:var(--color-text);font-weight:var(--weight-semibold)}.vi-done-actions{gap:var(--space-3);display:inline-flex}.vi-link{cursor:pointer;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-brand-strong);background:0 0;border:none;align-items:center;gap:5px;padding:0;display:inline-flex}.vi-transcript{background:var(--color-surface);border-left:3px solid var(--green-300);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;line-height:var(--leading-normal);flex-basis:100%;margin:4px 0 0;padding:8px 12px}.vi-mic-btn{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-strong);width:38px;height:38px;color:var(--color-brand-strong);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:4px;display:inline-flex}.vi-mic-btn.recording{background:var(--color-brand);border-color:var(--color-brand);width:auto;color:var(--stone-50);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--color-brand) 65%, transparent);padding:0 12px}.vi-mic-btn.recording:hover{background:var(--color-brand-strong);border-color:var(--color-brand-strong)}.vi-mic-btn.busy{color:var(--color-text-muted);cursor:default}.vi-mic-btn-time{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.vi-mode-seg{background:var(--stone-100);border-radius:var(--radius-pill);gap:3px;padding:3px;display:inline-flex}.vi-mode-seg--wide{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-border) 28%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding:4px;display:grid}.vi-mode-seg.is-busy{opacity:.72;pointer-events:none}.vi-mode-seg button{border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.vi-mode-seg--wide button{border-radius:calc(var(--radius-md) - 2px);flex-direction:column;min-height:52px;padding:8px 6px;font-size:10px;line-height:1.2}.vi-mode-seg button:hover:not(:disabled){color:var(--color-text)}.vi-mode-seg button.active{background:var(--color-surface);color:var(--color-brand-strong);box-shadow:var(--shadow-xs)}.vi-mode-seg--wide button.active{color:var(--green-700)}.vi-multimodal{gap:var(--space-3);flex-direction:column;display:flex}.vi-stage{min-width:0}.vi-cam{background:var(--color-brand);width:58px;height:58px;color:var(--stone-50);cursor:pointer;box-shadow:0 8px 22px -8px color-mix(in srgb, var(--color-brand) 70%, transparent);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.vi-bar .vi-cam{width:46px;height:46px}.vi-cam:hover:not(:disabled){background:var(--color-brand-strong);transform:scale(1.05)}.vi-cam:active:not(:disabled){transform:scale(.97)}.vi-cam:disabled{opacity:.6;cursor:default}.vi-manual{align-items:flex-start;gap:var(--space-3);padding:var(--space-1) 0;color:var(--color-text-muted);display:flex}.vi-manual p{font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}@media (width>=480px){.vi-mode-seg--wide button{min-height:44px;font-size:var(--text-xs);flex-direction:row;padding:8px 10px}}.vi-campos{margin-top:var(--space-3);background:color-mix(in srgb, var(--color-brand) 6%, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.vi-campos-head{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-brand-strong);margin-bottom:var(--space-2);align-items:center;gap:6px;display:inline-flex}.vi-campos-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.vi-campos-list li{font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;gap:2px;display:flex}.vi-campos-k{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-brand);font-size:10px;font-weight:700}.vi-campos-h{min-width:0;line-height:var(--leading-snug)}.vi-campos-live{min-width:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug)}@media (width<=560px){.vi-idle,.vi-rec{flex-wrap:wrap}.vi-prefer{justify-content:center;width:100%;padding:9px}.vi-rec-lead{order:0}.vi-rec-mid{flex-basis:100%;order:3}}.hi-processing{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.hi-processing-lead{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);margin:0}.hi-processing-hint{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;display:inline-flex}.hi-manual-fields{gap:var(--space-3);flex-direction:column;width:100%;padding:0;display:flex}.vi-stage .hi-manual-fields{min-width:0}.hi-capture{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.hi-capture.is-live-cam{flex:1;min-height:0}.hi-capture.is-live-cam-fill{flex-direction:column;display:flex}.hi-capture.is-live-cam .vi-stage{display:none}.hi-capture .vi{width:100%}.hi-capture-overlay{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.hi-cam-slot{gap:var(--space-3);width:100%;margin-top:var(--space-3);flex-direction:column;display:flex}.hi-cam-preview{aspect-ratio:4/3;border-radius:var(--radius-lg);background:#16221c;width:100%;min-height:220px;position:relative;overflow:hidden}.hi-cam-video{object-fit:cover;width:100%;height:100%;display:block}.hi-cam-overlay{padding:var(--space-4);color:var(--stone-50);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:center;background:#16221c8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hi-cam-overlay--muted{background:#16221c59}.hi-cam-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, #b81626 12%, var(--color-surface));color:#6e0e18;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.hi-cam-actions{gap:var(--space-3);flex-direction:column;display:flex}.hi-cam-shutter{background:var(--color-brand);width:100%;min-height:48px;color:var(--stone-50);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;display:inline-flex}.hi-cam-shutter:hover:not(:disabled){background:var(--color-brand-strong)}.hi-cam-shutter:disabled{opacity:.65;cursor:wait}.hi-cam-fallback{color:var(--color-text);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;background:#e5dac0;border-radius:12px;padding:12px 16px;display:block}.hi-cam-fallback.is-busy{cursor:wait;opacity:.7}.hi-cam-fallback input{display:none}