.listen{min-height:64px;margin-top:26px}.listen-failed{color:var(--muted);align-items:center;font-size:.9rem;font-weight:500;display:flex}.listen-start{border:2px solid var(--ink);background:var(--lime);height:64px;color:var(--ink);white-space:nowrap;cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:999px;align-items:center;gap:12px;padding:0 10px 0 8px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.listen-start:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1deg)}.listen-start:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.listen-start:focus-visible{outline-offset:4px;outline:3px solid #f9abee}.listen-dot{background:var(--ink);width:46px;height:46px;color:var(--lime);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.listen-dot svg{width:18px;height:18px;margin-left:3px}.listen-dot:after{content:"";border:3px solid #f9abee;border-radius:50%;animation:1.8s ease-out infinite listenPulse;position:absolute;inset:-2px}@keyframes listenPulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.listen-len{font-variant-numeric:tabular-nums;background:#fff9;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:500}.listen-waves{flex-shrink:0;align-items:flex-end;gap:3px;height:18px;display:inline-flex}.listen-waves i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:100%;animation:1.1s ease-in-out infinite listenWave;display:block}.listen-waves i:nth-child(2){animation-delay:-.3s}.listen-waves i:nth-child(3){animation-delay:-.6s}.listen-waves i:nth-child(4){animation-delay:-.15s}@keyframes listenWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.listen-start .listen-waves i{animation-duration:1.6s}.listen-bar{border:2px solid var(--ink);background:var(--ink);color:#fff;max-width:560px;height:64px;box-shadow:4px 4px 0 var(--lime);border-radius:999px;align-items:center;gap:14px;padding:0 20px 0 8px;display:flex}.listen-bar .listen-waves{color:var(--lime)}.listen-bar:not(.playing) .listen-waves i{animation-play-state:paused}.listen-toggle{background:var(--lime);width:46px;height:46px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.listen-toggle svg{width:18px;height:18px}.listen-toggle:hover{transform:scale(1.08)}.listen-toggle:active{transform:scale(.9)}.listen-toggle:focus-visible{outline-offset:3px;outline:3px solid #f9abee}.listen-bar.playing .listen-toggle:after{content:"";border:3px solid #f9abee;border-radius:50%;animation:1.8s ease-out infinite listenPulse;position:absolute;inset:-2px}.listen-bar:not(.playing) .listen-toggle svg{margin-left:3px}.listen-progress{appearance:none;cursor:pointer;background:linear-gradient(to right,var(--lime) var(--pct,0%),#fff3 var(--pct,0%));border-radius:6px;flex:1;min-width:0;height:6px}.listen-progress::-webkit-slider-thumb{appearance:none;border:3px solid var(--ink);background:#f9abee;border-radius:50%;width:18px;height:18px}.listen-progress::-moz-range-thumb{border:3px solid var(--ink);background:#f9abee;border-radius:50%;width:14px;height:14px}.listen-progress:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.listen-time{font-variant-numeric:tabular-nums;color:#ffffffbf;flex-shrink:0;font-size:.85rem}.listen-dock{z-index:60;justify-content:center;width:calc(100% - 32px);max-width:560px;animation:.35s cubic-bezier(.22,1,.36,1) listenDock;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.listen-dock .listen-bar{width:100%}.listen-start.docked{height:56px;font-size:1rem}.listen-start.docked .listen-dot{width:40px;height:40px}@keyframes listenDock{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.listen-start{max-width:100%}.listen-label{min-width:0}@media (max-width:420px){.listen-bar .listen-waves{display:none}.listen-start{gap:10px;font-size:.98rem}}@media (max-width:380px){.listen-start .listen-waves{display:none}.listen-start{gap:8px}.listen-label{white-space:normal;text-align:left;line-height:1.15}}@media (prefers-reduced-motion:reduce){.listen-dot:after,.listen-bar.playing .listen-toggle:after{opacity:0;animation:none}.listen-waves i{animation:none;transform:scaleY(.6)}.listen-dock{animation:none}}[data-w]{border-radius:4px;transition:background-color .12s,box-shadow .12s}.spoken-on{background:var(--lime);color:var(--ink);box-shadow:0 0 0 .12em var(--lime);-webkit-box-decoration-break:clone;box-decoration-break:clone}