.recipient-root{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:1rem;line-height:1.5}:where(.recipient-root) :is(h1,h2){font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.2}:where(.recipient-root) button{touch-action:manipulation;border-radius:12px}:where(.recipient-root) button:focus-visible,:where(.recipient-root) [role=slider]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.recipient-root [role=slider]:focus:not(:focus-visible){outline:none}.recipient-root .player{--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--play:128;--play-size:calc(var(--play) * 1px);--pause-size:56px;--pause-scale:calc(56 / var(--play));--halo-inner-rest:1.12;--halo-inner-peak:1.18;--halo-outer-rest:1.3;--halo-outer-peak:1.36;--side-size:44px;--side-clearance:16px;--side-gap:calc(var(--play-size) * (var(--halo-outer-rest) - 1) / 2 + var(--side-clearance));--side-tint:color-mix(in srgb, var(--accent) 14%, var(--bg));--side-tint-hover:color-mix(in srgb, var(--accent) 20%, var(--bg));flex-direction:column;justify-content:center;gap:24px;display:flex;position:relative;container-type:inline-size}.recipient-root .player[data-kind=audio]{min-height:calc(var(--play-size) * 1.66)}.recipient-root .player[data-kind=video]{--play:104}@media (max-width:359px){.recipient-root .player{--play:112;--halo-inner-rest:1.08;--halo-inner-peak:1.13;--halo-outer-rest:1.22;--halo-outer-peak:1.27;--side-clearance:12px}.recipient-root .player[data-kind=video]{--play:96}}.recipient-root .player[data-kind=audio] .player-media{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.recipient-root .player-frame{width:100%;aspect-ratio:var(--media-aspect,16 / 9);background:var(--media-bg);box-shadow:var(--shadow-1);cursor:pointer;border-radius:20px;position:relative;overflow:hidden}.recipient-root .player-frame .player-media{--media-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.recipient-root .player-controls{z-index:1;height:var(--pause-size);order:2;align-items:center;gap:16px;display:flex}.recipient-root .player-slot{width:var(--pause-size);height:var(--pause-size);flex:none;position:relative}.recipient-root .player[data-phase=idle] .player-slot{width:var(--play-size);height:var(--play-size);margin:calc(var(--play-size) / -2) 0 0 calc(var(--play-size) / -2);position:absolute;top:50%;left:50%}.recipient-root .player[data-kind=video][data-phase=idle] .player-slot{top:calc(100cqw * var(--media-height-ratio,.5625) / 2)}.recipient-root .player-arc{position:absolute;inset:0}.recipient-root .player-main{width:var(--play-size);height:var(--play-size);margin:calc(var(--play-size) / -2) 0 0 calc(var(--play-size) / -2);place-items:center;display:grid;position:absolute;top:50%;left:50%}.recipient-root .player[data-started=true] .player-main{transform:scale(var(--pause-scale))}.recipient-root .player[data-phase=idle] .player-main{animation:player-enter .32s var(--ease-out) backwards}@keyframes player-enter{0%{opacity:0;transform:translateY(6px)}}.recipient-root .player-slot:after{box-shadow:0 0 0 2px var(--ring);content:"";opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.recipient-root .player[data-started=true] .player-play:focus-visible{outline:none}.recipient-root .player[data-phase=settled] .player-slot:has(.player-play:focus-visible):after{opacity:1}.recipient-root .player-halo{pointer-events:none;transition:opacity .32s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.recipient-root .player-halo span{width:var(--play-size);height:var(--play-size);background:color-mix(in srgb, var(--accent) 13%, transparent);border-radius:50%;animation:3s ease-in-out infinite player-breathe-inner;position:absolute}.recipient-root .player-halo span+span{background:color-mix(in srgb, var(--accent) 7%, transparent);animation-name:player-breathe-outer;animation-delay:.3s}@keyframes player-breathe-inner{0%,to{transform:scale(var(--halo-inner-rest));opacity:1}50%{transform:scale(var(--halo-inner-peak));opacity:.7}}@keyframes player-breathe-outer{0%,to{transform:scale(var(--halo-outer-rest));opacity:.9}50%{transform:scale(var(--halo-outer-peak));opacity:.5}}.recipient-root .player[data-started=true] .player-halo{opacity:0;transition-duration:.2s;transition-timing-function:var(--ease-in)}.recipient-root .player[data-started=true] .player-halo span{animation-play-state:paused}.recipient-root .player-play{width:var(--play-size);height:var(--play-size);background:var(--accent);color:var(--accent-fg);box-shadow:0 12px 32px color-mix(in srgb, var(--accent) 28%, transparent), 0 2px 6px color-mix(in srgb, var(--media-bg) 8%, transparent);transition:transform .2s var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.recipient-root .player-play:active:not(:disabled){transform:scale(.96)}.recipient-root .player-play:disabled{opacity:1;cursor:default}.recipient-root .player-icon{fill:currentColor;width:42%;height:42%;transition:opacity .2s var(--ease-in), transform .32s var(--ease-out);position:absolute}.recipient-root .player-icon-play{transform:translateY(-9%)}.recipient-root .player-icon-pause{opacity:0;transform:scale(.6)rotate(-90deg)}.recipient-root .player-play-rate{letter-spacing:.01em;opacity:.85;transition:opacity .15s var(--ease-in), transform .2s var(--ease-in);font-size:.8125rem;font-weight:600;position:absolute;bottom:20%}.recipient-root .player[data-started=true] .player-play-rate{opacity:0;transform:translateY(4px)scale(.85)}.recipient-root .player[data-started=true] .player-icon-play{transform:none}.recipient-root .player[data-playing=true] .player-icon-play{opacity:0;transform:scale(.6)rotate(90deg)}.recipient-root .player[data-playing=true] .player-icon-pause{opacity:1;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);transform:none}.recipient-root .player-start{--side-confirm:.12s;z-index:1;top:calc(50% - var(--side-size) / 2);left:calc(50% - var(--play-size) / 2 - var(--side-gap) - var(--side-size));width:var(--side-size);height:var(--side-size);background:var(--side-tint);color:var(--accent);font-family:var(--display);font-variant-numeric:tabular-nums;animation:player-enter .32s var(--ease-out) 60ms backwards;transition:opacity .18s var(--ease-in), transform .18s var(--ease-in), visibility 0s linear .18s, scale .15s var(--ease-out), background-color .2s ease-out, color .2s ease-out;border:0;border-radius:50%;place-items:center;padding:0;font-size:.9375rem;font-weight:400;line-height:1;display:grid;position:absolute}.recipient-root .player-start[data-side=right]{left:calc(50% + var(--play-size) / 2 + var(--side-gap))}.recipient-root .player[data-kind=video] .player-start{top:calc(100cqw * var(--media-height-ratio,.5625) / 2 - var(--side-size) / 2)}@media (hover:hover){.recipient-root .player-start:hover:not(:disabled){background-color:var(--side-tint-hover)}}.recipient-root .player-start:active:not(:disabled){scale:.94}.recipient-root .player-start:disabled{cursor:default}.recipient-root .player[data-started=true] .player-start{opacity:0;visibility:hidden;transition-delay:var(--side-confirm), var(--side-confirm), calc(var(--side-confirm) + .18s), 0s, 0s, 0s;transform:translate(8px)scale(.85)}.recipient-root .player[data-started=true] .player-start[data-side=right]{transform:translate(-8px)scale(.85)}.recipient-root .player[data-started=true]:not(:has(.player-start[data-chosen=true])) .player-start{--side-confirm:0s}.recipient-root .player[data-started=true] .player-start[data-chosen=true]{background-color:var(--accent);color:var(--accent-fg);transition-duration:.18s,.18s,0s,.15s,0s,0s}.recipient-root .player-wave-line{opacity:0;visibility:hidden;width:100%;transition:opacity .16s var(--ease-in), transform .16s var(--ease-in), visibility 0s linear .16s;order:1;transform:translateY(8px)}.recipient-root .player[data-started=true] .player-wave-line{opacity:1;visibility:inherit;transition:opacity .38s var(--ease-out) .14s, transform .44s var(--ease-out) .14s, visibility 0s;transform:none}.recipient-root .player-wave{--progress:0;touch-action:pan-y;border-radius:8px;width:100%;height:44px;display:grid}.recipient-root .player-bars{grid-area:1/1;justify-content:space-between;align-items:center;gap:3px;display:flex}.recipient-root .player-bars-fill{clip-path:inset(0 calc((1 - var(--progress)) * 100%) 0 0)}.recipient-root .player[data-playing=false] .player-bars-fill{transition:clip-path .15s var(--ease-out)}.recipient-root .player-wave[role=slider]{cursor:pointer}.recipient-root .player-bar{height:calc(var(--bar) * 100%);background:color-mix(in srgb, var(--muted) 32%, transparent);border-radius:999px;flex:1;min-height:4px}.recipient-root .player-bars-fill .player-bar{background:var(--accent)}.recipient-root .player-rates{align-items:center;gap:6px;display:flex}.recipient-root .player-rate{border:1px solid var(--border);min-width:52px;height:36px;color:var(--fg);font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;padding:0 12px;font-size:.875rem;font-weight:500;line-height:1}@media (hover:hover){.recipient-root .player-rate:hover:not([aria-pressed=true]){border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}}.recipient-root .player-rate:active{scale:.95}.recipient-root .player-rate[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);font-weight:600}.recipient-root .player-rate,.recipient-root .player-volume{opacity:0;visibility:hidden;transition:opacity .16s var(--ease-in), transform .16s var(--ease-in), visibility 0s linear .16s;transform:translate(-8px)}.recipient-root .player[data-phase=settled] .player-rate,.recipient-root .player[data-phase=settled] .player-volume{opacity:1;visibility:inherit;transition:opacity .32s var(--ease-out) calc(var(--stagger,0) * 40ms), transform .32s var(--ease-out) calc(var(--stagger,0) * 40ms), visibility 0s, scale .15s var(--ease-out), background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out;transform:none}.recipient-root .player-volume{align-items:center;margin:0 -6px 0 auto;display:flex;position:relative}.recipient-root .player-mute{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s ease-out;display:inline-grid;position:relative}@media (hover:hover){.recipient-root .player-mute:hover{color:var(--fg)}}.recipient-root .player-volume:has(:focus-visible) .player-mute{color:var(--fg)}.recipient-root .player-mute:before{content:"";position:absolute;inset:-6px}.recipient-root .player-mute-icon{width:20px;height:20px;overflow:visible}.recipient-root .player-mute-speaker{fill:currentColor}.recipient-root .player-mute-wave{stroke:currentColor;transform-box:view-box;transform-origin:12px 12px;transition:transform .28s var(--ease-out) 80ms, opacity .22s var(--ease-out) 80ms}.recipient-root .player-mute-wave-outer{transition-delay:.12s}.recipient-root .player-mute-slash,.recipient-root .player-mute-cut{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .2s var(--ease-in)}.recipient-root .player-mute-slash{stroke:currentColor;stroke-width:1.75px}.recipient-root .player-mute-cut{stroke:var(--bg);stroke-width:4.75px;transition-property:stroke-dashoffset,stroke;transition-duration:.2s, var(--theme-duration)}.recipient-root .player-mute[aria-pressed=true] .player-mute-wave{opacity:0;transition:transform .2s var(--ease-in), opacity .16s var(--ease-in);transform:scale(.55)}.recipient-root .player-mute[aria-pressed=true] .player-mute-slash,.recipient-root .player-mute[aria-pressed=true] .player-mute-cut{stroke-dashoffset:0;transition:stroke-dashoffset .28s var(--ease-out) 60ms}.recipient-root .player-mute[aria-pressed=true] .player-mute-cut{transition-property:stroke-dashoffset,stroke;transition-duration:.28s, var(--theme-duration)}.recipient-root .player-volume-track{display:none}@media (hover:hover) and (pointer:fine){.recipient-root .player-volume-track{clip-path:inset(0 0 0 100%);opacity:0;width:72px;height:32px;transition:clip-path .2s var(--ease-in), opacity .16s var(--ease-in), transform .2s var(--ease-in);align-items:center;padding-right:4px;display:flex;position:absolute;top:0;right:100%;transform:translate(6px)}.recipient-root .player-volume:hover .player-volume-track{clip-path:inset(-6px 0 -6px -6px);opacity:1;transition:clip-path .28s var(--ease-out), opacity .22s var(--ease-out), transform .28s var(--ease-out);transform:none}.recipient-root .player-volume:has(:focus-visible) .player-volume-track{clip-path:inset(-6px 0 -6px -6px);opacity:1;transition:clip-path .28s var(--ease-out), opacity .22s var(--ease-out), transform .28s var(--ease-out);transform:none}}.recipient-root .player-volume-slider{--fill:calc(var(--level,1) * 100%);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:0;width:64px;height:16px;margin:0;padding:0}.recipient-root .player-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), color-mix(in srgb, var(--muted) 32%, transparent) var(--fill));border-radius:999px;height:3px}.recipient-root .player-volume-slider::-moz-range-track{background:color-mix(in srgb, var(--muted) 32%, transparent);border-radius:999px;height:3px}.recipient-root .player-volume-slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}.recipient-root .player-volume-slider::-webkit-slider-thumb{background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 3px var(--bg);appearance:none;border:0;border-radius:50%;margin-top:-4px;transition:transform .15s ease-out}.recipient-root .player-volume-slider::-moz-range-thumb{background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 3px var(--bg);border:0;border-radius:50%;transition:transform .15s ease-out}.recipient-root .player-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.18)}.recipient-root .player-volume-slider:active::-webkit-slider-thumb{transform:scale(1.18)}.recipient-root .player-volume-slider:hover::-moz-range-thumb{transform:scale(1.18)}.recipient-root .player-volume-slider:active::-moz-range-thumb{transform:scale(1.18)}.recipient-root .player-volume-slider:focus{outline:none}.recipient-root .player-volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ring)}.recipient-root .player-volume-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ring)}@media (prefers-reduced-motion:reduce){.recipient-root .player *,.recipient-root .player :after{transition:none!important;animation:none!important}.recipient-root .player-volume-slider::-webkit-slider-thumb{transition:none!important;animation:none!important}.recipient-root .player-volume-slider::-moz-range-thumb{transition:none!important;animation:none!important}.recipient-root .player-halo span{transform:scale(var(--halo-inner-rest))}.recipient-root .player-halo span+span{transform:scale(var(--halo-outer-rest))}.recipient-root .player-volume,.recipient-root .player-volume-track,.recipient-root .player-rate,.recipient-root .player-wave-line,.recipient-root .player-play-rate,.recipient-root .player-start,.recipient-root .player[data-started=true] .player-start,.recipient-root .player[data-started=true] .player-start[data-side=right]{transform:none}}.recipient-root .theme-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--fg-2);border-radius:50%;place-items:center;padding:0;transition:color .15s ease-out,border-color .15s ease-out;display:inline-grid}@media (hover:hover){.recipient-root .theme-button:hover{border-color:var(--border-strong);color:var(--fg)}}.recipient-root .theme-icon{overflow:visible}.recipient-root .theme-icon-core,.recipient-root .theme-icon-rays,.recipient-root .theme-icon-carve{transform-box:fill-box;transform-origin:50%}.recipient-root .theme-icon-core,.recipient-root .theme-icon-carve{transition:transform .42s cubic-bezier(.2,0,0,1)}.recipient-root .theme-icon-rays{transition:transform .46s cubic-bezier(.2,0,0,1) .14s,opacity .32s cubic-bezier(.2,0,0,1) .14s}:root[data-theme=dark] .recipient-root .theme-icon-core{transition-delay:90ms;transform:scale(1.5)}:root[data-theme=dark] .recipient-root .theme-icon-carve{transition-delay:90ms;transform:translate(-7px,1px)}:root[data-theme=dark] .recipient-root .theme-icon-rays{opacity:0;transition:transform .3s cubic-bezier(.4,0,1,1),opacity .22s cubic-bezier(.4,0,1,1);transform:rotate(90deg)scale(.4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .recipient-root .theme-icon-core{transition-delay:90ms;transform:scale(1.5)}:root:not([data-theme=light]) .recipient-root .theme-icon-carve{transition-delay:90ms;transform:translate(-7px,1px)}:root:not([data-theme=light]) .recipient-root .theme-icon-rays{opacity:0;transition:transform .3s cubic-bezier(.4,0,1,1),opacity .22s cubic-bezier(.4,0,1,1);transform:rotate(90deg)scale(.4)}}@media (prefers-reduced-motion:reduce){.recipient-root .theme-icon *{transition:none!important}}