/* Painel de gravação do HeyVoice 0.1.28+: pílula grafite com ponto pulsando,
   cronômetro, onda laranja, estilo, pausa, idioma, cancelar e concluir. */
.panel-animation.hv-overlay{width:auto;max-width:100%;line-height:normal;filter:none;display:flex;flex-direction:column;align-items:center;gap:9px}
.hv-live{max-width:480px;background:rgba(20,20,23,.9);border:1px solid #2e2e34;border-radius:12px;padding:9px 14px;font-size:13px;line-height:1.5;color:#e9e9ee;box-shadow:0 10px 30px rgba(0,0,0,.35);text-align:left}
.hv-live .pend{color:#6c6c75}
.hv-pill{display:flex;align-items:center;gap:6px;height:52px;padding:0 8px 0 14px;border-radius:26px;background:rgba(20,20,23,.96);border:1px solid #2e2e34;box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.4);max-width:100%;box-sizing:border-box}
.hv-rec{flex:none;width:10px;height:10px;border-radius:50%;background:#ff5a6a;animation:hv-pulse 1.6s infinite paused}
.hv-time{flex:none;font:600 12.5px "Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;width:40px;color:#e9e9ee}
.hv-wave{display:flex;align-items:center;gap:2.5px;height:30px;width:150px;min-width:60px;flex:0 1 150px}
.hv-wave i{flex:1;border-radius:2px;background:linear-gradient(#eb7046,#d2532a);height:var(--bar-height);transform-origin:center;animation:voice-wave var(--wave-duration,3s) ease-in-out var(--wave-delay,0s) infinite paused}
.hv-sep{flex:none;width:1px;height:22px;background:#2e2e34;margin:0 4px}
.hv-style{flex:none;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:16px;background:#212125;border:1px solid #2a2a2f;font-size:12px;color:#e2e2e7;white-space:nowrap}
.hv-style svg{width:12px;height:12px;stroke:#9b9ba4}
.hv-ib{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#c9c9d0}
.hv-ib svg{width:16px;height:16px;stroke:currentColor}
.hv-done{flex:none;width:38px;height:38px;border-radius:50%;background:#eb7046;display:grid;place-items:center;margin-left:2px}
.hv-done svg{width:18px;height:18px;stroke:#1f0c05}
.hv-pill svg{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hv-hint{font-size:11px;color:rgba(255,255,255,.55);display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hv-hint kbd{display:inline-block;padding:1px 5px;border-radius:6px;background:#2a2a2f;border:1px solid #34343a;border-bottom-width:2px;font:600 10px "Segoe UI",system-ui,sans-serif;color:#e6e6ea}
.motion-active .hv-wave i,.motion-active .hv-rec{animation-play-state:running}
@keyframes hv-pulse{0%{box-shadow:0 0 0 0 rgba(255,90,106,.55)}70%{box-shadow:0 0 0 8px rgba(255,90,106,0)}100%{box-shadow:0 0 0 0 rgba(255,90,106,0)}}
/* Compacto: só a pílula, sem prévia de texto nem dicas */
.hv-overlay[data-size=compacto] .hv-live,.hv-overlay[data-size=compacto] .hv-hint,.hv-overlay[data-size=compacto] .hv-style,.hv-overlay[data-size=compacto] .hv-sep{display:none}
.hv-overlay[data-size=compacto] .hv-wave{flex-basis:96px;width:96px}
.hv-wave i{min-width:2px}
.hero-panel.hv-overlay .hv-hint,.hero-panel.hv-overlay .hv-style,.hero-panel.hv-overlay .hv-sep{display:none}
.hero-panel.hv-overlay .hv-wave{flex:none;width:130px;gap:2px}
@media (max-width:560px){.hv-style,.hv-sep{display:none}.hv-pill{gap:3px;padding-left:12px}.hv-ib{width:30px;height:30px}.hv-live{font-size:12px}.hero-panel.hv-overlay .hv-wave,.hv-wave{flex:0 1 96px;width:96px}.hv-done{width:34px;height:34px}}
@media (prefers-reduced-motion:reduce){.hv-wave i,.hv-rec{animation:none!important}}
.hv-wave+.hv-sep+.hv-style+.hv-ib,.hv-overlay[data-size=compacto] .hv-wave{margin-right:4px}
/* Palco claro: simula a área de trabalho para a pílula escura aparecer */
.hv-stage{position:relative;width:100%;max-width:600px;border-radius:18px;padding:22px 18px 18px;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse at 85% 0%,#ffd9c9 0%,transparent 55%),radial-gradient(ellipse at 10% 100%,#f3b49d 0%,transparent 60%),linear-gradient(160deg,#f6e6df,#e8dcd7);
  border:1px solid #ffffff22;box-shadow:0 24px 50px #00000059}
.hv-desk{display:flex;justify-content:center;margin-bottom:18px}
.hv-window{width:min(100%,420px);background:#fffaf8;border-radius:10px;box-shadow:0 10px 26px #7a3b2422;overflow:hidden}
.hv-window-bar{display:flex;align-items:center;gap:5px;padding:8px 11px;background:#f1e6e1;font-size:11px;color:#8a6a5f}
.hv-window-bar i{width:7px;height:7px;border-radius:50%;background:#d9c2b9}
.hv-window-bar span{margin-left:6px}
.hv-window-body{display:flex;flex-direction:column;gap:7px;padding:13px 14px 15px}
.hv-line{display:block;height:7px;border-radius:4px;background:#eadbd5;width:78%}
.hv-line.short{width:46%}
.hv-caret{display:block;width:2px;height:15px;background:#eb7046;animation:hv-blink 1.1s steps(1) infinite}
@keyframes hv-blink{50%{opacity:0}}
.hv-stage .hv-overlay{width:100%}
.hv-stage .hv-live{background:#141417;border-color:#141417;box-shadow:0 12px 28px #3a1a1040;min-height:42px}
.hv-stage .hv-pill{background:#141417;box-shadow:0 18px 36px #3a1a1055}
.hv-stage .hv-hint{color:#6e5148}
.hv-stage .hv-hint kbd{background:#fffaf8;border-color:#e2cfc8;color:#5a3d34}
@media (max-width:560px){.hv-stage{padding:16px 10px 14px}.hv-desk{margin-bottom:12px}}
.hv-stage .hv-live{width:min(100%,460px);box-sizing:border-box;transition:opacity .3s}
.hv-stage .hv-live.is-done{opacity:.35}
.hv-window-body .hv-pasted{font-size:13px;line-height:1.5;color:#3b2a24;animation:hv-paste .5s ease}
.hv-window-body .hv-pasted mark{background:#eb704626;color:inherit;border-radius:3px;padding:0 2px}
@keyframes hv-paste{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}