.audio-recorder[data-astro-cid-le4ulbyz]{--recorder-ink:oklch(24% .04 254);--recorder-muted:oklch(52% .03 254);--recorder-line:oklch(89% .025 254);--recorder-surface:oklch(98% .012 254);--recorder-blue:oklch(57% .2 258);--recorder-blue-dark:oklch(47% .19 258);width:min(100%,58rem);color:var(--recorder-ink);margin:0 auto}.audio-recorder-stage[data-astro-cid-le4ulbyz],.audio-recorder-result[data-astro-cid-le4ulbyz]{border:1px solid var(--recorder-line);background:var(--recorder-surface);gap:2rem;padding:clamp(1.5rem,5vw,4rem);display:grid}.audio-recorder-heading[data-astro-cid-le4ulbyz]{max-width:38rem}.audio-recorder-kicker[data-astro-cid-le4ulbyz]{color:var(--recorder-blue-dark);letter-spacing:.08em;font-size:.82rem;font-weight:800}.audio-recorder[data-astro-cid-le4ulbyz] h2[data-astro-cid-le4ulbyz]{letter-spacing:-.045em;margin:.5rem 0 0;font-size:clamp(1.75rem,5vw,2.75rem)}.audio-recorder[data-astro-cid-le4ulbyz] p[data-astro-cid-le4ulbyz]{color:var(--recorder-muted);margin:.75rem 0 0;line-height:1.7}.audio-recorder-display[data-astro-cid-le4ulbyz]{justify-items:center;gap:.75rem;padding-block:.5rem;display:grid}.audio-recorder-orbit[data-astro-cid-le4ulbyz]{border:1px solid var(--recorder-line);background:oklch(96% .04 258);border-radius:50%;place-items:center;width:7.5rem;height:7.5rem;display:grid;position:relative}.audio-recorder-orbit[data-astro-cid-le4ulbyz]:before,.audio-recorder-orbit[data-astro-cid-le4ulbyz]:after{border:1px solid color-mix(in oklch, var(--recorder-blue) 25%, transparent);content:"";opacity:0;border-radius:50%;position:absolute;inset:-.75rem}.audio-recorder-orbit[data-astro-cid-le4ulbyz]:after{inset:-1.5rem}.audio-recorder-orbit[data-astro-cid-le4ulbyz][data-state=recording]:before,.audio-recorder-orbit[data-astro-cid-le4ulbyz][data-state=recording]:after{animation:1.8s cubic-bezier(.16,1,.3,1) infinite recorder-pulse}.audio-recorder-orbit[data-astro-cid-le4ulbyz][data-state=recording]:after{animation-delay:.45s}.audio-recorder-mic[data-astro-cid-le4ulbyz]{background:var(--recorder-blue);border-radius:1rem;width:1.9rem;height:3rem;position:relative}.audio-recorder-mic[data-astro-cid-le4ulbyz]:before{border:.22rem solid var(--recorder-ink);content:"";border-top:0;border-radius:0 0 1.5rem 1.5rem;width:2.8rem;height:2.1rem;position:absolute;top:1.55rem;left:50%;transform:translate(-50%)}.audio-recorder-mic[data-astro-cid-le4ulbyz]:after{background:var(--recorder-ink);content:"";width:.22rem;height:.85rem;position:absolute;top:3.55rem;left:50%;transform:translate(-50%)}.audio-recorder-time[data-astro-cid-le4ulbyz]{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:2.4rem}.audio-recorder-state[data-astro-cid-le4ulbyz]{color:var(--recorder-muted);font-weight:750}.audio-recorder-meter[data-astro-cid-le4ulbyz]{background:var(--recorder-line);border-radius:999px;width:min(100%,22rem);height:.4rem;overflow:hidden}.audio-recorder-meter[data-astro-cid-le4ulbyz] i[data-astro-cid-le4ulbyz]{border-radius:inherit;background:var(--recorder-blue);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block;transform:scaleX(0)}.audio-recorder-actions[data-astro-cid-le4ulbyz],.audio-recorder-result-actions[data-astro-cid-le4ulbyz]{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz]{border:1px solid var(--recorder-line);min-height:2.75rem;color:var(--recorder-ink);font:inherit;cursor:pointer;background:oklch(100% 0 0);border-radius:.55rem;padding:0 1.25rem;font-weight:780}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz]:hover{border-color:color-mix(in oklch, var(--recorder-blue) 45%, var(--recorder-line))}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz]:focus-visible,.audio-recorder[data-astro-cid-le4ulbyz] input[data-astro-cid-le4ulbyz]:focus-visible,.audio-recorder[data-astro-cid-le4ulbyz] audio[data-astro-cid-le4ulbyz]:focus-visible{outline:3px solid color-mix(in oklch, var(--recorder-blue) 42%, transparent);outline-offset:3px}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz].recorder-primary{border-color:var(--recorder-blue);background:var(--recorder-blue);color:oklch(98% .01 258)}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz].recorder-primary:hover{background:var(--recorder-blue-dark)}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz]:disabled{cursor:wait;opacity:.55}.audio-recorder-error[data-astro-cid-le4ulbyz]{background:oklch(96% .025 28);border:1px solid oklch(78% .09 28);padding:.9rem 1rem;color:oklch(42% .13 28)!important}.audio-recorder-result[data-astro-cid-le4ulbyz] audio[data-astro-cid-le4ulbyz]{width:100%}.audio-recorder-result[data-astro-cid-le4ulbyz] label[data-astro-cid-le4ulbyz]{gap:.5rem;font-weight:750;display:grid}.audio-recorder-result[data-astro-cid-le4ulbyz] input[data-astro-cid-le4ulbyz]{border:1px solid var(--recorder-line);min-height:2.75rem;color:var(--recorder-ink);font:inherit;background:oklch(100% 0 0);border-radius:.4rem;padding:0 .85rem}@keyframes recorder-pulse{0%{opacity:.7;transform:scale(.82)}to{opacity:0;transform:scale(1.08)}}@media (width<=40rem){.audio-recorder-stage[data-astro-cid-le4ulbyz],.audio-recorder-result[data-astro-cid-le4ulbyz]{gap:1.5rem;padding:1.25rem}.audio-recorder-actions[data-astro-cid-le4ulbyz],.audio-recorder-result-actions[data-astro-cid-le4ulbyz]{display:grid}.audio-recorder[data-astro-cid-le4ulbyz] button[data-astro-cid-le4ulbyz]{width:100%}}@media (prefers-reduced-motion:reduce){.audio-recorder-orbit[data-astro-cid-le4ulbyz]:before,.audio-recorder-orbit[data-astro-cid-le4ulbyz]:after{animation:none!important}}