.audio-coming{flex-wrap:wrap}body.has-floating-audio{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.floating-audio{--audio-bg:#f3eee3;--audio-fg:#1d2825;z-index:50;padding:16px max(5vw, 24px) calc(16px + env(safe-area-inset-bottom));background:var(--audio-bg);color:var(--audio-fg);border-top:1px solid color-mix(in srgb, var(--audio-fg) 18%, transparent);grid-template-columns:minmax(140px,240px) minmax(280px,760px);justify-content:space-between;align-items:center;gap:32px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #00000029}:root[data-theme=dark] .floating-audio{--audio-bg:#101513;--audio-fg:#eee8dc;border-top-color:color-mix(in srgb, var(--audio-fg) 12%, transparent);box-shadow:0 -12px 40px #00000052}.floating-audio-label{font:11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;display:flex}.floating-audio-label small{color:color-mix(in srgb, var(--audio-fg) 65%, transparent);letter-spacing:.04em;text-transform:none;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.floating-audio audio{display:none}.audio-controls{grid-template-columns:42px 46px minmax(120px,1fr) 46px;align-items:center;gap:12px;display:grid}.audio-toggle{border:1px solid color-mix(in srgb, var(--audio-fg) 38%, transparent);width:42px;height:42px;color:var(--audio-fg);cursor:pointer;background:0 0;border-radius:50%;padding:0;transition:background-color .15s,border-color .15s;position:relative}.audio-toggle:hover,.audio-toggle:focus-visible{background:color-mix(in srgb, var(--audio-fg) 12%, transparent);border-color:var(--audio-fg);outline:none}.audio-toggle:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;position:absolute;top:12px;left:16px}.audio-toggle.playing:before{background:currentColor;border:0;width:4px;height:17px;top:12px;left:14px;box-shadow:9px 0}.audio-time{font:11px/1 var(--sans);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--audio-fg) 70%, transparent);text-align:center}.audio-progress{--progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.audio-progress::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--red) 0 var(--progress),color-mix(in srgb,var(--audio-fg) 24%,transparent) var(--progress) 100%);border-radius:2px;height:2px}.audio-progress::-moz-range-track{background:color-mix(in srgb,var(--audio-fg) 24%,transparent);border:0;border-radius:2px;height:2px}.audio-progress::-moz-range-progress{background:var(--red);height:2px}.audio-progress::-webkit-slider-thumb{appearance:none;border:2px solid var(--audio-bg);background:var(--audio-fg);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--audio-fg) 30%,transparent);border-radius:50%;margin-top:-5px}.audio-progress::-moz-range-thumb{border:2px solid var(--audio-bg);background:var(--audio-fg);border-radius:50%;width:10px;height:10px}.audio-progress:focus-visible{outline:1px solid var(--audio-fg);outline-offset:4px}.narrated-word{cursor:pointer;border-radius:.12em;transition:background-color 90ms linear,color 90ms linear}.narrated-word:hover{background:color-mix(in srgb, var(--red) 10%, transparent)}.narrated-word.active-word{background:color-mix(in srgb, var(--red) 23%, transparent);color:var(--ink);box-shadow:0 0 0 .12em color-mix(in srgb, var(--red) 23%, transparent)}.virtual-reader-list{position:relative}.virtual-reader-block{overflow-anchor:none;display:flow-root}.virtual-reader-block>:first-child{margin-top:0}.virtual-reader-block>:last-child{margin-bottom:0}.virtual-reader-block.is-mounted{height:auto!important}.audio-follow-bubble{z-index:51;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--paper) 35%,transparent);background:var(--ink);min-width:min(150px,100vw - 32px);max-width:min(320px,100vw - 32px);color:var(--paper);font:12px/1.2 var(--sans);cursor:pointer;white-space:nowrap;border-radius:999px;grid-template-columns:12px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:9px 14px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 7px 22px #00000038}.audio-follow-bubble[hidden]{display:none}.audio-follow-bubble span{text-align:center;text-overflow:ellipsis;min-width:0;overflow:hidden}.audio-follow-bubble:before{content:"";border-top:1.5px solid;border-left:1.5px solid;justify-self:center;width:6px;height:6px;display:block}.audio-follow-bubble:after{content:"";width:12px;display:block}.audio-follow-bubble.word-above:before{transform:rotate(45deg)}.audio-follow-bubble.word-below:before{vertical-align:4px;transform:rotate(225deg)}.audio-follow-bubble:hover,.audio-follow-bubble:focus-visible{border-color:var(--paper);outline:none}@media (width<=600px){.floating-audio{grid-template-columns:1fr;gap:10px;padding-top:11px}.floating-audio-label{flex-direction:row;justify-content:space-between;gap:16px}.audio-controls{grid-template-columns:38px 36px minmax(70px,1fr) 36px;gap:6px}.audio-toggle{width:38px;height:38px}.audio-toggle:before{top:10px;left:14px}.audio-toggle.playing:before{top:10px;left:12px}.audio-follow-bubble{bottom:calc(116px + env(safe-area-inset-bottom))}body.has-floating-audio{padding-bottom:calc(120px + env(safe-area-inset-bottom))}}