/* Additions to the waitlist homepage (/, /de/, /early/): the old /early page's own styles live inline in the page. This file adds the
   one shared voice-note pill under the two figures and a visually-hidden helper. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene{margin:12px 0 0}
/* a WhatsApp voice-note pill: play, waveform, duration (the phone's own voice-note look) */
.vnp{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:6px 14px 6px 8px;border:0;border-radius:999px;background:#fff;color:#667781;font:inherit;font-size:12.5px;cursor:pointer;box-shadow:0 0 0 1px rgba(20,17,20,.1),0 6px 14px -10px rgba(20,17,20,.35)}
.vnp[hidden]{display:none}
.vnp .sa{width:28px;height:28px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff}
.vnp .sb{margin-left:-16px}
.vnp .pl{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--plum);color:#fff}
.vnp .pl svg{width:14px;height:14px}
.vnp .wave{display:flex;align-items:center;gap:2px;height:24px}
.vnp .wave i{display:block;width:2.4px;border-radius:2px;background:#b6c2c9}
.vnp .wave i.on{background:#53bdeb}
.vnp .dur{font-variant-numeric:tabular-nums;min-width:2.4em}
.vnp:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
@media (max-width:900px){.vnp{padding-right:10px;gap:6px}.vnp .wave i:nth-child(n+16){display:none}}
/* the reel's voice bubbles stay silent: a static waveform with the transcript */
.vn.silent .pl{pointer-events:none}
.err[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.vnp{transition:none}}
/* the phone is small on mobile: a photo bubble stays short */
.phone .m.photo img{max-height:190px;object-fit:contain;background:#fff}