.pe-rec-mic{position:relative;display:grid;place-items:center;width:196px;height:196px;border:none;border-radius:9999px;color:#fff;cursor:pointer;background:linear-gradient(135deg,rgb(var(--pe-accent)),rgb(var(--pe-accent-hover)));box-shadow:0 18px 44px rgb(var(--pe-accent)/.32);transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .3s ease,background .3s ease;-webkit-tap-highlight-color:transparent}@media (min-width:640px){.pe-rec-mic{width:232px;height:232px}}.pe-rec-mic:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.pe-rec-mic:active:not(:disabled){transform:scale(.98)}.pe-rec-mic:focus-visible{outline:3px solid rgb(var(--pe-accent)/.55);outline-offset:6px}.pe-rec-mic:disabled{cursor:not-allowed;opacity:.55;transform:none}.pe-rec-mic svg{width:84px;height:84px}.pe-rec-mic[data-state=recording]{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 18px 44px rgb(220 38 38/.38)}.pe-rec-mic[data-state=recording]:after,.pe-rec-mic[data-state=recording]:before{content:"";position:absolute;inset:0;border:4px solid #dc2626;border-radius:9999px;pointer-events:none;animation:pe-rec-ring 2s ease-out infinite}.pe-rec-mic[data-state=recording]:after{animation-delay:1s}.pe-rec-mic[data-state=kept]{background:linear-gradient(135deg,#16a34a,#146d3a);box-shadow:0 14px 36px rgb(22 163 74/.32)}.pe-rec-mic[data-state=take]{background:linear-gradient(135deg,rgb(var(--pe-surface)),rgb(var(--pe-canvas)));color:rgb(var(--pe-fg));box-shadow:inset 0 0 0 2px rgb(var(--pe-line-strong)),0 14px 36px rgb(0 0 0/.25)}.pe-rec-mic .pe-rec-bars{display:none;width:150px;height:84px}.pe-rec-mic[data-state=recording] .pe-rec-icon{display:none}.pe-rec-mic[data-state=recording] .pe-rec-bars{display:block}.pe-rec-mic.pe-rec-nudge{animation:pe-rec-nudge .4s ease}@keyframes pe-rec-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}@keyframes pe-rec-nudge{0%,to{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media (prefers-reduced-motion:reduce){.pe-rec-mic[data-state=recording]:after,.pe-rec-mic[data-state=recording]:before{animation:none;opacity:.35}.pe-rec-mic,.pe-rec-mic.pe-rec-nudge{animation:none;transition:none}}.pe-rec-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgb(var(--pe-line));border-radius:9999px;font-size:14px;font-weight:600;color:rgb(var(--pe-muted));background:rgb(var(--pe-surface))}.pe-rec-pill:before{content:"";width:8px;height:8px;border-radius:9999px;background:currentColor}.pe-rec-pill[data-state=recording]{color:#f87171;border-color:rgb(220 38 38/.5);background:rgb(220 38 38/.1)}.pe-rec-pill[data-state=recording]:before{animation:pe-rec-blink 1s steps(2,start) infinite}.pe-rec-pill[data-state=kept]{color:rgb(var(--pe-good));border-color:rgb(var(--pe-good)/.45)}@keyframes pe-rec-blink{to{visibility:hidden}}.pe-rec-track{display:flex;gap:3px}.pe-rec-track>button{position:relative;flex:1;min-width:0;min-height:0;height:24px;padding:0;border:none;background:transparent;cursor:pointer}.pe-rec-track>button:before{content:"";position:absolute;inset:8px 0;border-radius:9999px;background:rgb(var(--pe-line-strong));transition:inset .15s ease,background .2s ease}.pe-rec-track>button:hover:before{inset:6px 0}.pe-rec-track>button[data-status=pending]:before{background:rgb(var(--pe-accent))}.pe-rec-track>button[data-status=approved]:before{background:rgb(var(--pe-good))}.pe-rec-track>button[data-status=rejected]:before{background:#dc2626}.pe-rec-track>button[data-status=flagged]:before{background:rgb(var(--pe-warm))}.pe-rec-track>button[aria-current=step]:before{inset:6px 0;box-shadow:0 0 0 2px rgb(var(--pe-fg))}.pe-rec-track>button:focus-visible{outline:2px solid rgb(var(--pe-accent));outline-offset:2px}.pe-rec-check{display:grid;place-items:center;width:84px;height:84px;margin:0 auto;border-radius:9999px;color:#fff;background:linear-gradient(135deg,#16a34a,#146d3a);box-shadow:0 14px 36px rgb(22 163 74/.32)}.pe-rec-check svg{width:40px;height:40px}.pe-rec-kbd{display:inline-block;min-width:1.6em;padding:1px 6px;border:solid rgb(var(--pe-line-strong));border-width:1px 1px 2px;border-radius:6px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;color:rgb(var(--pe-muted))}