.voice-note-module__zXasIa__root{--surface:#efeff3;--surface-2:#fff;--hover:#f7f7f9;--ink:#1c1c1e;--ink-muted:#8e8e93;--wave:#b9b9c0;--line:#0000000d;--edge:#0000000f;--red:#e5484d;--red-tint:#ffe8e6;--recording:#fddcd8;--recording-edge:#e5484d4d;--gloss:#ffffffd9;--accent:#1c1c1e;--accent-ink:#fff;--focus:#0a84ff;--shadow-near:#0000000d;--shadow-far:#00000029;--shadow:0 0 0 .5px var(--edge), 0 1px 2px var(--shadow-near), 0 8px 22px -10px var(--shadow-far);--pointer:#1c1c1e;--pointer-edge:#fff;--pointer-shadow:#00000040;--ease-out:cubic-bezier(.22, 1, .36, 1);--pill:6.75em;--note:10.75em;--size:2.75em;--gap:.55em;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;position:relative;overflow:clip;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.voice-note-module__zXasIa__root{--surface:light-dark(#efeff3,#121214);--surface-2:light-dark(#fff,#242427);--hover:light-dark(#f7f7f9,#2e2e32);--ink:light-dark(#1c1c1e,#ececef);--ink-muted:light-dark(#8e8e93,#8e8e95);--wave:light-dark(#b9b9c0,#707077);--line:light-dark(#0000000d,#ffffff0f);--edge:light-dark(#0000000f,#ffffff14);--red:light-dark(#e5484d,#f06063);--red-tint:light-dark(#ffe8e6,#3d1f21);--recording:light-dark(#fddcd8,#4a2224);--recording-edge:light-dark(#e5484d4d,#f0606359);--gloss:light-dark(#ffffffd9,#ffffff0f);--accent:light-dark(#1c1c1e,#ececef);--accent-ink:light-dark(#fff,#1c1c1e);--focus:light-dark(#0a84ff,#3594ff);--shadow-near:light-dark(#0000000d,#0000004d);--shadow-far:light-dark(#00000029,#00000080)}}.voice-note-module__zXasIa__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.voice-note-module__zXasIa__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.voice-note-module__zXasIa__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.voice-note-module__zXasIa__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}:where(.voice-note-module__zXasIa__root) button{font:inherit;color:inherit;margin:0}.voice-note-module__zXasIa__scene{flex-direction:column;justify-content:center;align-items:center;min-height:max(380px,56cqi);padding:2em 16px 1.75em;font-size:clamp(14px,9.5px + 1.1cqi,20px);display:flex}.voice-note-module__zXasIa__thread{width:100%;height:6.5em;margin:0;padding:0;list-style:none;position:relative}.voice-note-module__zXasIa__bubble{width:var(--note);height:var(--size);background:var(--surface-2);box-shadow:var(--shadow);translate:-50% calc(var(--slot) * -3.65em);transition:translate .6s var(--spring), opacity .35s ease, filter .35s ease, scale .35s ease;border-radius:999px;position:absolute;bottom:0;left:50%}.voice-note-module__zXasIa__bubble[data-gone]{opacity:0;filter:blur(4px);scale:.9}.voice-note-module__zXasIa__note{align-items:center;gap:.6em;height:100%;padding:0 1em 0 .375em;display:flex}.voice-note-module__zXasIa__badge{background:var(--red-tint);width:2em;height:2em;color:var(--red);border-radius:50%;flex:none;place-items:center;display:grid}.voice-note-module__zXasIa__badge .voice-note-module__zXasIa__micIcon{width:1.05em;height:1.05em}.voice-note-module__zXasIa__wave{flex:1;justify-content:space-between;align-items:center;height:1.3em;display:flex}.voice-note-module__zXasIa__wave span{width:.18em;height:calc(var(--h) * 100%);background:var(--wave);border-radius:99px}.voice-note-module__zXasIa__duration{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8em;font-weight:600}.voice-note-module__zXasIa__composer{width:calc(var(--pill) + 2 * (var(--gap) + var(--size)));height:var(--size);margin-top:1.1em;position:relative}.voice-note-module__zXasIa__pill{--side:.8em;z-index:1;width:calc(var(--note) + 2 * var(--side));height:calc(.35em + var(--size) + 1.3em);padding:.35em var(--side) 1.3em;pointer-events:none;will-change:transform;position:absolute;top:-.35em;left:50%;overflow:clip;translate:-50%}.voice-note-module__zXasIa__stack{height:var(--size);display:block;position:relative}.voice-note-module__zXasIa__pill[data-returning]{animation:voice-note-module__zXasIa__pop .5s var(--spring) .12s backwards}.voice-note-module__zXasIa__pill[data-returning],.voice-note-module__zXasIa__pill[data-returning] *{transition:none}.voice-note-module__zXasIa__shape{width:var(--size);background:radial-gradient(70% 150% at 20% 0%, var(--gloss), transparent 60%) var(--surface-2);box-shadow:var(--shadow), inset 0 0 0 .5px transparent;transition:width .55s var(--spring), background-color .3s ease, box-shadow .3s ease;border-radius:999px;margin:0 auto;position:absolute;inset:0}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__shape{width:var(--pill);background-color:var(--recording);box-shadow:var(--shadow), inset 0 0 0 .5px var(--recording-edge)}.voice-note-module__zXasIa__composer[data-phase=sending] .voice-note-module__zXasIa__shape{width:var(--note);transition-duration:.44s,.3s,.3s}.voice-note-module__zXasIa__mic{width:var(--size);cursor:pointer;pointer-events:auto;height:100%;transition:opacity .2s ease, scale .35s var(--spring), filter .2s ease, background-color .2s ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:50%;translate:-50%}.voice-note-module__zXasIa__mic:hover{background:var(--hover)}.voice-note-module__zXasIa__mic:active{scale:.92}.voice-note-module__zXasIa__mic:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.voice-note-module__zXasIa__mic .voice-note-module__zXasIa__micIcon{width:1.3em;height:1.3em}.voice-note-module__zXasIa__composer:not([data-phase=idle]) .voice-note-module__zXasIa__mic{opacity:0;filter:blur(3px);scale:.5}.voice-note-module__zXasIa__bars{opacity:0;filter:blur(3px);justify-content:center;align-items:center;gap:.26em;transition:opacity .2s,filter .2s;display:flex;position:absolute;inset:0}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__bars{opacity:1;filter:none;transition-delay:80ms}.voice-note-module__zXasIa__bar{background:var(--red);border-radius:99px;width:.2em;height:1.3em;transform:scaleY(.16)}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__bar{animation:voice-note-module__zXasIa__grow .45s var(--spring) backwards;animation-delay:calc(var(--i) * 45ms + .1s)}.voice-note-module__zXasIa__ring{width:var(--pill);height:var(--size);fill:none;stroke:var(--red);stroke-width:1.3px;stroke-linecap:round;opacity:0;transition:opacity .2s;position:absolute;top:0;left:50%;translate:-50%}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__ring{opacity:1;transition-delay:.3s}.voice-note-module__zXasIa__face{width:var(--note);opacity:0;filter:blur(4px);height:100%;transition:opacity .3s,filter .3s;position:absolute;top:0;left:50%;translate:-50%}.voice-note-module__zXasIa__composer[data-phase=sending] .voice-note-module__zXasIa__face{opacity:1;filter:none;transition-delay:.22s}.voice-note-module__zXasIa__side{width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);background:var(--surface-2);box-shadow:var(--shadow);cursor:pointer;opacity:0;transition:translate .5s var(--spring), scale .5s var(--spring), opacity .2s ease, background-color .2s ease;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:50%;scale:.5}.voice-note-module__zXasIa__side svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.voice-note-module__zXasIa__side:hover{background:var(--hover)}.voice-note-module__zXasIa__side:active{scale:.92}.voice-note-module__zXasIa__side:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__side{opacity:1;transition-delay:50ms;scale:1}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__cancel{translate:calc(-1 * (var(--pill) / 2 + var(--gap) + var(--size) / 2)) 0}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__send{translate:calc(var(--pill) / 2 + var(--gap) + var(--size) / 2) 0}.voice-note-module__zXasIa__timer{color:var(--red);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .2s ease, translate .3s var(--ease-out);font-size:.78em;font-weight:600;position:absolute;top:calc(100% + .6em);left:50%;translate:-50% -.3em}.voice-note-module__zXasIa__composer[data-phase=recording] .voice-note-module__zXasIa__timer{opacity:1;translate:-50%}.voice-note-module__zXasIa__source{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em .75em;max-width:30em;margin-top:3.75em;font-size:.8em;display:flex}.voice-note-module__zXasIa__source .voice-note-module__zXasIa__toggle{background:var(--surface-2);height:2.1em;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.35em;padding:0 .85em 0 .6em;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.voice-note-module__zXasIa__toggle .voice-note-module__zXasIa__micIcon{width:1.15em;height:1.15em}.voice-note-module__zXasIa__toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.voice-note-module__zXasIa__toggle:disabled{cursor:progress;opacity:.6}.voice-note-module__zXasIa__toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.voice-note-module__zXasIa__caption{color:var(--ink-muted);margin:0;line-height:1.4}.voice-note-module__zXasIa__micIcon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round}.voice-note-module__zXasIa__hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes voice-note-module__zXasIa__pop{0%{opacity:0;scale:.5}}@keyframes voice-note-module__zXasIa__grow{0%{scale:1 0}}@media (prefers-reduced-motion:reduce){.voice-note-module__zXasIa__root *,.voice-note-module__zXasIa__root :before,.voice-note-module__zXasIa__root :after{transition:none!important;animation-duration:0s!important;animation-delay:0s!important}}