:root{--spring-default:linear(0, .07, .199, .355, .504, .634, .739, .82, .881, .924, .954, .974, .987, .995, 1, 1.002, 1.003, 1.003, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1);--spring-default-dur:.48s;--spring-panel:linear(0, .043, .137, .254, .375, .489, .591, .678, .751, .811, .858, .895, .924, .946, .962, .974, .983, .989, .993, .996, .998, .999, 1, 1, 1);--spring-panel-dur:.36s}.ww-sr,.ww-odo-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.aw-wave{flex:none;display:block;overflow:hidden}.aw-wave svg{display:block}[data-playing] .aw-wave--moving svg{animation:1.6s linear infinite aw-wave-run}@keyframes aw-wave-run{to{transform:translate(-50%)}}.ww-odo{white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:inline-flex;position:relative}.ww-odo-chars{display:inline-flex}.ww-odo-slot{vertical-align:bottom;height:1.2em;line-height:1.2em;display:inline-block;position:relative;overflow:hidden}.ww-odo-slot>span{text-align:center;display:block}.ww-odo-slot>span+span{position:absolute;inset:0 0 auto}.vn{--vn-bar-rest:color-mix(in srgb, var(--ww-text) 22%, transparent);--vn-bar-fill:var(--ww-accent);color:var(--ww-text);gap:14px;display:grid;position:relative}.vn--card{border-radius:var(--ww-radius-card);background:var(--ww-surface);box-shadow:var(--ww-shadow-card);padding:20px 20px 16px;overflow:hidden}.vn-who{align-items:center;gap:12px;display:flex}.vn-avatar{border:1.5px solid var(--ww-line-strong);width:40px;height:40px;color:var(--ww-text);font-family:var(--ww-font-display);border-radius:50%;flex:none;place-items:center;font-size:18px;line-height:1;display:grid}.vn-id{min-width:0}.vn-id p{margin:0}.vn-name{color:var(--ww-accent-deep);font-family:var(--ww-font-label);font-weight:var(--ww-weight-label);letter-spacing:var(--ww-track-label);text-transform:var(--ww-case-label);font-size:13px;line-height:1.3}.vn-detail{color:var(--ww-text-faint);font-family:var(--ww-font-label);letter-spacing:calc(var(--ww-track-label) * .8);text-transform:var(--ww-case-label);font-size:11.5px;line-height:1.35}.vn-quote{font-family:var(--ww-font-quote);font-weight:var(--ww-weight-quote);font-style:var(--ww-style-quote);letter-spacing:-.01em;text-wrap:pretty;margin:0;line-height:1.22}.vn--lg .vn-quote{font-size:25px}.vn--md .vn-quote{font-size:21px}@media (min-width:960px){.vn--lg .vn-quote{font-size:30px}}.vn-trans{gap:4px;padding-top:12px;display:grid;position:relative}.vn-trans:before{content:"";background:var(--ww-line-strong);width:28px;height:2px;position:absolute;top:0;left:0}.vn-trans p{margin:0}.vn-trans-label{color:var(--ww-text-faint);font-family:var(--ww-font-label);letter-spacing:calc(var(--ww-track-label) * .8);text-transform:var(--ww-case-label);font-size:11.5px}.vn-trans-text{color:var(--ww-text-soft);text-wrap:pretty;font-size:16px;line-height:1.45}.vn-w{transition:opacity var(--dur-word) var(--ease-out)}.vn[data-state=playing] .vn-w:not(.said),.vn[data-state=paused] .vn-w:not(.said){opacity:.28}.vn-player{align-items:center;gap:14px;margin-top:4px;display:flex}.vn-play{background:var(--ww-accent);width:56px;height:56px;color:var(--ww-on-accent);box-shadow:0 0 0 3px var(--ww-surface), 0 0 0 4.5px var(--ww-accent);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin:4px;padding:0;display:grid;position:relative}.vn--plain .vn-play{box-shadow:0 0 0 3px var(--ww-print), 0 0 0 4.5px var(--ww-accent)}.vn-play:active{transform:scale(var(--press-scale-small))}.vn-play:focus-visible{outline-offset:7px}.ww-book-page .vn-quote{font-family:var(--ww-font-book,var(--ww-font-quote))}.vn-play svg{width:22px;height:22px;transition:opacity var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-pop);grid-area:1/1}.vn-i-pause{opacity:0;transform:scale(.6)rotate(-30deg)}.vn[data-state=playing] .vn-i-play{opacity:0;transform:scale(.6)rotate(30deg)}.vn[data-state=playing] .vn-i-pause{opacity:1;transform:none}.vn-wave{cursor:pointer;touch-action:pan-y;border-radius:6px;flex:1;min-width:0;height:44px;position:relative;overflow:hidden}.vn-bars{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.vn-bars i{background:var(--vn-bar-rest);border-radius:2px;width:3px;display:block}.vn-fill,.vn-fill-in{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vn[data-state=playing] .vn-fill,.vn[data-state=playing] .vn-fill-in{will-change:transform}.vn-fill .vn-bars i{background:var(--vn-bar-fill)}.vn-line{width:100%;height:100%;display:block;overflow:visible}.vn-line path{fill:none;stroke:var(--vn-bar-rest);stroke-width:2px;stroke-linecap:round}.vn-fill .vn-line path{stroke:var(--vn-bar-fill)}.vn-time{color:var(--ww-text-soft);font-family:var(--ww-font-label);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin:0;font-size:14px}.vn-time .ww-odo{color:var(--ww-text)}@media (max-width:380px){.vn-player{gap:10px}.vn-time .vn-total,.vn-time>[aria-hidden]{display:none}}.np{align-items:center;gap:10px;min-width:0;display:flex}.np-toggle{width:44px;height:44px;color:var(--ww-on-accent);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.np-disc{background:var(--ww-accent);width:36px;height:36px;box-shadow:0 0 0 2px var(--ww-surface), 0 0 0 3.5px var(--ww-accent);transition:transform var(--dur-1) var(--ease-pop);border-radius:50%;place-items:center;display:grid}.np-toggle:active .np-disc{transform:scale(var(--press-scale-small));transition-duration:var(--dur-press-down)}.np-disc svg{transition:opacity var(--dur-1) var(--ease-out);grid-area:1/1}.np[data-playing] .np-i-play,.np:not([data-playing]) .np-i-pause{opacity:0}.np-who{min-width:0;min-height:44px;color:var(--ww-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.np-name{font-family:var(--ww-font-label);font-weight:var(--ww-weight-label);letter-spacing:var(--ww-track-label);text-transform:var(--ww-case-label);white-space:nowrap;text-overflow:ellipsis;color:var(--ww-accent-deep);font-size:12.5px;overflow:hidden}.np-wave{color:var(--ww-accent)}.ww-dock__main{flex:1;align-items:center;min-width:0;display:grid}.ww-dock__main>*{grid-area:1/1}.ww-dock__line{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out)}.np--dock{opacity:0;visibility:hidden;transition:opacity var(--dur-2) var(--ease-in), transform var(--dur-2) var(--ease-in), visibility 0s linear var(--dur-2);margin-left:-14px;transform:translateY(6px)}.ww-dock[data-np] .np--dock{opacity:1;visibility:visible;transition:opacity var(--dur-2) var(--ease-out) 60ms, transform var(--spring-default-dur) var(--spring-default) 60ms, visibility 0s;transform:none}.ww-dock[data-np] .ww-dock__line{opacity:0;transform:translateY(-6px)}.np--pill{z-index:30;background:var(--ww-surface);box-shadow:var(--ww-shadow-lift);opacity:0;visibility:hidden;transition:opacity var(--dur-2) var(--ease-in), transform var(--dur-2) var(--ease-in), visibility 0s linear var(--dur-2);border-radius:12px;padding:4px 18px 4px 4px;display:none;position:fixed;bottom:24px;left:24px;transform:translateY(12px)}.np--pill[data-shown]{opacity:1;visibility:visible;transition:opacity var(--dur-1) var(--ease-out), transform var(--spring-default-dur) var(--spring-default), visibility 0s;transform:none}@media (min-width:900px){.np--pill{display:flex}}@media (prefers-reduced-motion:reduce){.vn-play svg,.vn-play:active,.np-toggle:active .np-disc{transform:none!important}[data-playing] .aw-wave--moving svg{animation:none}.np--dock,.ww-dock[data-np] .np--dock,.ww-dock[data-np] .ww-dock__line,.np--pill,.np--pill[data-shown]{transform:none}}