.listen-head{text-align:center;border-bottom:1px solid var(--color-line);padding-bottom:1.25rem}.listen-head-title{color:var(--color-heading);font-size:1.25rem;font-weight:700;line-height:1.3}.listen-head-author{color:var(--color-muted);margin-top:.125rem;font-size:.8125rem}.listen-head-progress{color:var(--color-accent);align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;display:inline-flex}.listen-text{max-width:48rem;font-family:var(--reader-font);font-size:var(--reader-size);color:var(--color-content);margin:1.75rem auto 0;line-height:1.9}.listen-text-title{color:var(--color-heading);margin-bottom:1.25rem;font-size:1.125rem;font-weight:700}.listen-text p+p{margin-top:1.15em}.listen-text img{border-radius:4px;max-width:100%;height:auto;margin:1em auto;display:block}.listen-text blockquote{border-left:3px solid var(--color-accent);color:var(--color-muted);margin:1em 0;padding-left:1em}.listen-text a{color:var(--color-link);text-decoration:underline}.listen-text[aria-busy=true]{opacity:.4}.listen-text{transition:opacity .2s}.listen-spacer{height:calc(6rem + env(safe-area-inset-bottom))}.listen-bar{inset-inline:0;z-index:40;background:var(--color-surface);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;box-shadow:0 -4px 16px -8px #0000004d}.listen-bar-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;max-width:80rem;margin:0 auto;padding:.625rem 1rem;display:grid}.listen-progress{background:var(--color-line);cursor:pointer;touch-action:none;height:3px;position:relative}.listen-progress:before{content:"";inset-inline:0;height:15px;position:absolute;top:-6px}.listen-progress-fill{inset-block:0;background:var(--color-accent);width:0;position:absolute;left:0}.listen-progress-knob{background:var(--color-accent);pointer-events:none;border-radius:9999px;width:.75rem;height:.75rem;margin-left:-.375rem;transition:transform .12s;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(0)}.listen-progress:hover .listen-progress-knob,.listen-progress:focus-visible .listen-progress-knob,.listen-progress.is-seeking .listen-progress-knob{transform:translateY(-50%)scale(1)}.listen-progress:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.listen-now{align-items:center;gap:.625rem;min-width:0;display:flex}.listen-now-cover{object-fit:cover;background:var(--color-surface-hover);border-radius:.375rem;flex-shrink:0;width:2.75rem;height:2.75rem}.listen-now-title{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.listen-now-sub{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.listen-controls{align-items:center;gap:.5rem;display:flex}.listen-btn{width:2.25rem;height:2.25rem;color:var(--color-content);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background .12s,color .12s,transform 80ms;display:flex}.listen-btn:hover{background:var(--color-surface-hover);color:var(--color-heading)}.listen-btn:active{transform:scale(.9)}.listen-btn:disabled{opacity:.35;cursor:default}.listen-btn:disabled:hover{color:var(--color-content);background:0 0}.listen-btn-sm{width:2rem;height:2rem}.listen-bar [hidden]{display:none}.listen-btn-play{background:var(--color-accent);width:2.75rem;height:2.75rem;color:var(--color-on-accent)}.listen-icon-play{transform:translate(1px)}.listen-btn-play:hover{background:var(--color-accent);color:var(--color-on-accent);opacity:.9}.listen-time{font-variant-numeric:tabular-nums;color:var(--color-muted);white-space:nowrap;margin-left:.375rem;font-size:.75rem}.listen-extras{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.listen-speed{border:1px solid var(--color-line);font-variant-numeric:tabular-nums;min-width:2.5rem;color:var(--color-content);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:border-color .12s,color .12s}.listen-speed:hover{border-color:var(--color-accent);color:var(--color-accent)}.listen-volume{align-items:center;gap:.375rem;display:flex}.listen-volume-bar{background:var(--color-line);cursor:pointer;touch-action:none;border-radius:9999px;width:4.5rem;height:3px;position:relative}.listen-volume-fill{inset-block:0;border-radius:inherit;background:var(--color-content);width:100%;position:absolute;left:0}.listen-drawer{z-index:50;position:fixed;inset:0}.listen-drawer-backdrop{background:0 0;transition:background .25s;position:absolute;inset:0}.listen-drawer.is-open .listen-drawer-backdrop{background:#00000080}.listen-drawer-panel{--drawer-hidden:translateX(100%);inset-block:0;background:var(--color-surface);border-left:1px solid var(--color-line);width:min(24rem,100%);transform:var(--drawer-hidden);flex-direction:column;transition:transform .25s;display:flex;position:absolute;right:0}.listen-drawer.is-open .listen-drawer-panel{transform:none}.listen-drawer-head{border-bottom:1px solid var(--color-line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.listen-drawer-title{color:var(--color-heading);font-size:.9375rem;font-weight:700}.listen-drawer-sub{color:var(--color-muted);margin-top:.125rem;font-size:.75rem}.listen-drawer-foot{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);color:var(--color-muted);text-align:center;flex-shrink:0;font-size:.75rem}.listen-list{overscroll-behavior:contain;flex:1;margin:0;padding:.375rem;list-style:none;overflow-y:auto}.listen-list-item{cursor:pointer;border-radius:.5rem;align-items:center;gap:.625rem;padding:.625rem .75rem;transition:background .12s;display:flex}.listen-list-item:hover{background:var(--color-surface-hover)}.listen-list-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.listen-list-item.is-active{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.listen-list-item.is-active .listen-list-num,.listen-list-item.is-active .listen-list-title{color:var(--color-accent);font-weight:600}.listen-list-num{font-variant-numeric:tabular-nums;text-align:center;min-width:2rem;color:var(--color-muted);flex-shrink:0;font-size:.75rem}.listen-list-title{min-width:0;color:var(--color-content);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;overflow:hidden}.listen-list-eq{flex-shrink:0;align-items:flex-end;gap:2px;height:.875rem;display:none}.listen-list-item.is-active .listen-list-eq{display:flex}.listen-list-eq i{background:var(--color-accent);border-radius:1px;width:2px;height:30%}.listen-drawer.is-playing .listen-list-item.is-active .listen-list-eq i{animation:.9s ease-in-out infinite listen-eq}.listen-list-eq i:nth-child(2){animation-delay:.15s}.listen-list-eq i:nth-child(3){animation-delay:.3s}.listen-list-eq i:nth-child(4){animation-delay:.45s}@keyframes listen-eq{0%,to{height:30%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.listen-drawer.is-playing .listen-list-item.is-active .listen-list-eq i{height:65%;animation:none}.listen-drawer-panel,.listen-drawer-backdrop,.listen-progress-knob{transition:none}}@media (width<=767px){.listen-bar-inner{gap:.5rem;padding:.5rem .75rem}.listen-now,.listen-volume,.listen-time{display:none}.listen-extras{display:contents}.listen-speed{grid-area:1/1;justify-self:start}.listen-controls{grid-area:1/2}[data-playlist-open]{grid-area:1/3;justify-self:end}.listen-head-title{font-size:1.0625rem}.listen-text{font-size:1rem;line-height:1.85}.listen-drawer-panel{--drawer-hidden:translateY(100%);border-left:none;border-top:1px solid var(--color-line);border-radius:.75rem .75rem 0 0;width:100%;max-height:75dvh;inset:auto 0 0}}