.pvq-panel{display:grid;gap:6px;margin:-2px 0 12px;padding:9px;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--card) 90%,transparent)}
.pvq-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:0 12px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:11px;background:color-mix(in srgb,var(--gold) 11%,transparent);color:var(--text);font:700 .72rem/1 var(--app-font);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.pvq-button:active{transform:scale(.985)}
.pvq-button:disabled{opacity:.66}
.pvq-button>span{width:11px;height:15px;border:2px solid currentColor;border-radius:7px;position:relative}
.pvq-button>span:after{content:"";position:absolute;left:50%;bottom:-6px;width:8px;height:5px;border:0 solid currentColor;border-bottom-width:2px;transform:translateX(-50%)}
.pvq-button.is-recording{border-color:rgba(248,113,113,.66);background:rgba(239,68,68,.14);color:#fca5a5}
.pvq-button.is-recording>span{width:10px;height:10px;border:0;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.45);animation:pvqPulse 1.25s ease-out infinite}
.pvq-panel>small{min-height:14px;color:var(--hint);font-size:.56rem;line-height:1.35;text-align:center}
@keyframes pvqPulse{70%{box-shadow:0 0 0 9px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@media (prefers-reduced-motion:reduce){.pvq-button,.pvq-button.is-recording>span{transition:none;animation:none}}