.listen-art{aspect-ratio:1;background:var(--fill2);border-radius:6px;flex:none;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000001a,0 8px 20px #00000024}.listen-art .web-book-cover,.listen-art img{object-fit:cover;display:block;aspect-ratio:1!important;border-radius:inherit!important;width:100%!important;max-width:none!important;height:100%!important;box-shadow:none!important}.listen-art.is-56{border-radius:6px;width:56px;height:56px;box-shadow:0 1px 2px #0000001a,0 4px 10px #0000001f}.listen-art.is-44{border-radius:6px;width:44px;height:44px;box-shadow:0 1px 2px #0000001f}.listen-art.is-56 .web-book-cover__tt,.listen-art.is-44 .web-book-cover__tt{font-size:9px!important;line-height:1.05!important}.listen-art.is-56 .web-book-cover__ta,.listen-art.is-44 .web-book-cover__ta{font-size:5px!important}.listen-card-w{min-width:0;position:relative}.listen-card{flex-direction:column;gap:4px;min-width:0;display:flex;color:var(--label)!important;text-decoration:none!important}.listen-card b{font:700 14px/1.25 var(--sans);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.listen-card span:not(.listen-art):not(.rank){font:var(--type-footnote);color:var(--label3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-card .rank{min-width:18px;color:var(--tint);margin-right:4px;font-weight:800;display:inline-block}.listen-save-ov{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#00000061;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:6px;right:6px;color:#fff!important}.listen-save-ov:after{content:"";position:absolute;inset:-6px}.listen-save-chip{background:var(--fill);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;display:inline-flex;color:var(--label2)!important;font:700 15px/20px var(--sans)!important}.listen-save-chip[aria-pressed=true]{background:var(--tint-soft);color:var(--tint)!important}.listen-ibtn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid;color:inherit!important}.listen-row{align-items:center;gap:12px;padding:10px 16px;display:flex;color:var(--label)!important;text-decoration:none!important}.listen-row:hover{background:var(--fill)}.listen-row__copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.listen-row__copy b{font:700 16px/1.25 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-row__copy span{font:var(--type-footnote);color:var(--label3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-row>.rank-n{font:800 13px/1 var(--sans);color:var(--tint);text-align:right;min-width:24px}.listen-continue{flex-direction:column;display:flex}.listen-continue__row{align-items:center;gap:12px;padding:10px 16px;display:flex}.listen-continue__row+.listen-continue__row{border-top:.5px solid var(--sep)}.listen-continue__main{flex:1;align-items:center;gap:12px;min-width:0;display:flex;color:var(--label)!important;text-decoration:none!important}.listen-continue__copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.listen-continue__copy b{font:700 16px/1.25 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-continue__copy>span:not(.listen-progress){font:var(--type-footnote);color:var(--label3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-progress{background:var(--fill2);border-radius:2px;height:4px;display:block;overflow:hidden}.listen-progress i{background:var(--tint);height:100%;transition:width var(--t-slow) var(--ease-out);border-radius:2px;display:block}.listen-pp{background:var(--label);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid;color:var(--bg)!important}@keyframes listenPpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.listen-pp.pp-live,.listen-np__pp.pp-live{animation:2.4s ease-in-out infinite listenPpPulse}html[data-motion=reduce] :is(.listen-pp,.listen-np__pp).pp-live{animation:none}@media (prefers-reduced-motion:reduce){:is(.listen-pp,.listen-np__pp).pp-live{animation:none}}.listen-spin{animation:1s linear infinite listenSpin}@keyframes listenSpin{to{transform:rotate(360deg)}}html[data-motion=reduce] .listen-spin{animation-duration:3s}.listen-sk{background:linear-gradient(90deg, var(--fill) 0, var(--fill2) 40%, var(--fill) 80%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite listenSk;display:block}.listen-sk.is-56{flex:none;width:56px;height:56px}@keyframes listenSk{0%{background-position:100% 0}to{background-position:-100% 0}}html[data-motion=reduce] .listen-sk{animation:none}.listen-sk-rows{flex-direction:column;gap:14px;padding:0 16px;display:flex}.listen-sk-rows>div{gap:12px;display:flex}.listen-sk-rows>div>span:last-child{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.listen-chlist{margin:0;padding:0;list-style:none}.listen-chlist li+li{border-top:.5px solid var(--sep)}.listen-chlist button{text-align:left;cursor:pointer;width:100%;min-height:48px;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:8px 2px;display:flex;color:var(--label)!important}.listen-chlist button:hover{background:var(--fill)}.listen-chlist .n{text-align:center;width:28px;font:700 13px/1 var(--sans);color:var(--label3);flex:none;place-items:center;display:grid}.listen-chlist .t{min-width:0;font:600 15px/1.3 var(--sans);flex:1}.listen-chlist .d{font:600 13px/1 var(--sans);color:var(--label3);font-variant-numeric:tabular-nums}.listen-chlist button[aria-current],.listen-chlist button[aria-current] :is(.n,.d){color:var(--tint)!important}.listen-eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.listen-eq i{background:currentColor;border-radius:1px;width:3px;animation:1s ease-in-out infinite listenEq}.listen-eq i:nth-child(2){animation-delay:-.3s}.listen-eq i:nth-child(3){animation-delay:-.6s}@keyframes listenEq{0%,to{height:4px}50%{height:14px}}html[data-motion=reduce] .listen-eq i{height:10px;animation:none}.listen-root{--listen-tabbar:0px;--listen-safe:env(safe-area-inset-bottom,0px)}.listen-mini{z-index:44;left:8px;right:8px;bottom:calc(var(--listen-tabbar) + 8px + var(--listen-safe));background:var(--material);max-width:624px;height:62px;-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));backdrop-filter:blur(var(--blur)) saturate(var(--saturate));border:.5px solid var(--material-line);box-shadow:var(--shadow);color:var(--label);font-family:var(--sans);animation:listenMiniIn var(--t-med) var(--ease-out);border-radius:18px;align-items:center;gap:12px;margin:0 auto;padding:0 8px;display:flex;position:fixed}@keyframes listenMiniIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html[data-motion=reduce] .listen-mini{animation:none}.listen-mini__open{text-align:left;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:12px;height:100%;padding:0;display:flex;color:inherit!important}.listen-mini__meta{flex-direction:column;flex:1;min-width:0;display:flex}.listen-mini__meta b{-webkit-line-clamp:1;font:700 14px/1.25 var(--sans);word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.listen-mini__meta small{font:var(--type-footnote);color:var(--label3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-mini__meta small.is-err{color:var(--danger)}.listen-mini__x{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin-left:-6px;padding:0;display:grid;color:var(--label3)!important}.listen-mini__x:hover{background:var(--fill)}.listen-mini__bar{background:var(--fill2);border-radius:2px;height:2px;position:absolute;bottom:0;left:16px;right:16px;overflow:hidden}.listen-mini__bar i{background:var(--label);height:100%;display:block}.listen-mini :is(button):focus-visible,.listen-np :is(a,button,input):focus-visible{outline:2px solid var(--tint);outline-offset:2px}@media (width>=768px){.listen-mini{width:340px;margin:0;bottom:24px;left:auto;right:24px}}@media (width<=767px){html.has-listen-mini.commons-design .mobile-reader-compose{bottom:calc(60px + 16px + 70px + env(safe-area-inset-bottom,0px))!important}}.listen-toast{z-index:90;left:50%;bottom:calc(var(--listen-tabbar) + 82px + var(--listen-safe));background:var(--label);max-width:min(92vw,420px);color:var(--bg);font:700 14px/1.3 var(--sans);box-shadow:var(--shadow);text-align:center;border-radius:999px;padding:10px 16px;position:fixed;transform:translate(-50%)}.listen-toast.is-low{bottom:calc(var(--listen-tabbar) + 16px + var(--listen-safe))}html.listen-np-open .listen-toast{z-index:110;top:calc(64px + env(safe-area-inset-top,0px));bottom:auto}@media (width>=768px){.listen-toast{bottom:100px}.listen-toast.is-low{bottom:24px}}@media (width>=768px) and (width<=999.98px){.listen-mini{bottom:max(24px, calc(var(--listen-tabbar) + 8px))}.listen-toast{bottom:max(100px, calc(var(--listen-tabbar) + 82px))}.listen-toast.is-low{bottom:max(24px, calc(var(--listen-tabbar) + 16px))}}.listen-np{--np-bg:var(--np-l-bg);--np-ink:var(--np-l-ink);--np-ink2:var(--np-l-ink2);--np-track:var(--np-l-track);--np-fill:var(--np-l-fill);--np-g1:var(--np-l-g1);--np-g2:var(--np-l-g2);--np-menu:var(--np-l-menu);--np-menu-ink:var(--np-l-menu-ink);--np-menu-ink2:var(--np-l-menu-ink2);z-index:100;overscroll-behavior:contain;color:var(--np-ink);font-family:var(--sans);background:radial-gradient(120% 60% at 20% 0%, var(--np-g1), transparent 60%), radial-gradient(90% 50% at 100% 30%, color-mix(in srgb, var(--np-g2) 45%, transparent), transparent 70%), var(--np-bg);animation:listenNpIn var(--t-med) var(--ease-out);position:fixed;inset:0;overflow-y:auto}:root[data-theme=dark] .listen-np{--np-bg:var(--np-d-bg);--np-ink:var(--np-d-ink);--np-ink2:var(--np-d-ink2);--np-track:var(--np-d-track);--np-fill:var(--np-d-fill);--np-g1:var(--np-d-g1);--np-g2:var(--np-d-g2);--np-menu:var(--np-d-menu);--np-menu-ink:var(--np-d-menu-ink);--np-menu-ink2:var(--np-d-menu-ink2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):has([data-dark-ready]) .listen-np{--np-bg:var(--np-d-bg);--np-ink:var(--np-d-ink);--np-ink2:var(--np-d-ink2);--np-track:var(--np-d-track);--np-fill:var(--np-d-fill);--np-g1:var(--np-d-g1);--np-g2:var(--np-d-g2);--np-menu:var(--np-d-menu);--np-menu-ink:var(--np-d-menu-ink);--np-menu-ink2:var(--np-d-menu-ink2)}}@keyframes listenNpIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}html[data-motion=reduce] .listen-np{animation:.2s linear listenNpFade}@keyframes listenNpFade{0%{opacity:0}to{opacity:1}}html.listen-np-open,html.listen-np-open body{overflow:hidden}.listen-np__inner{min-height:100%;padding:calc(8px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;align-items:center;display:flex}.listen-np__top{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:520px;display:flex}.listen-np__ibtn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative;color:var(--np-ink)!important}.listen-np__ibtn:hover{background:var(--np-fill)}.listen-np__ibtn:disabled{opacity:.35;cursor:default}.listen-np__eyebrow{min-width:0;font:800 11px/1.4 var(--sans);letter-spacing:.12em;color:var(--np-ink2);flex-direction:column;align-items:center;display:flex}.listen-np__eyebrow a{letter-spacing:0;font:700 13px/1.3 var(--sans);white-space:nowrap;text-overflow:ellipsis;max-width:220px;text-decoration:none;overflow:hidden;color:var(--np-ink)!important}.listen-np__art{filter:drop-shadow(0 18px 40px #00000047);width:min(300px,78vw);margin:22px 0}.listen-np__art .listen-art{box-shadow:none;border-radius:8px}.listen-np__art .web-book-cover__tt{font-size:clamp(18px,12cqi,40px)!important}.listen-np__art .web-book-cover__ta{font-size:clamp(9px,4.4cqi,14px)!important}.listen-np__body{flex-direction:column;gap:18px;width:100%;max-width:520px;display:flex}.listen-np__head{align-items:flex-start;gap:12px;display:flex}.listen-np__head>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.listen-np__head .listen-ibtn{color:var(--np-ink)!important}.listen-np__title{font:700 26px/1.2 var(--serif);letter-spacing:-.01em;color:var(--np-ink);margin:0}.listen-np__sub{font:600 15px/1.35 var(--sans);color:var(--np-ink2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listen-np__scrub input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.listen-np__scrub input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--np-ink) var(--pct), var(--np-track) var(--pct));border-radius:3px;height:5px}.listen-np__scrub input::-moz-range-track{background:linear-gradient(90deg, var(--np-ink) var(--pct), var(--np-track) var(--pct));border-radius:3px;height:5px}.listen-np__scrub input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--np-ink);border-radius:50%;width:16px;height:16px;margin-top:-5.5px;box-shadow:0 1px 4px #00000040}.listen-np__scrub input::-moz-range-thumb{background:var(--np-ink);border:0;border-radius:50%;width:16px;height:16px}.listen-np__time{font:600 12px/1 var(--sans);color:var(--np-ink2);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.listen-np__ctl{justify-content:space-between;align-items:center;width:100%;max-width:400px;margin:0 auto;display:flex}.listen-np__skip{width:56px;height:56px}.listen-np__skip b{font:800 10px/1 var(--sans);position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)}.listen-np__pp{background:var(--np-ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:78px;height:78px;padding:0;display:grid;box-shadow:0 10px 26px #00000038;color:var(--np-bg)!important}.listen-np__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.listen-np__chip{background:var(--np-fill);min-height:40px;font:700 14px/1 var(--sans);font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;display:inline-flex;color:var(--np-ink)!important}.listen-np__chip.on{background:var(--np-ink);color:var(--np-bg)!important}.listen-np__attr{text-align:center;font:var(--type-footnote);color:var(--np-ink2);margin:0}.listen-np__alert{background:var(--np-fill);box-shadow:inset 0 0 0 1px var(--np-track);font:600 14px/1.4 var(--sans);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.listen-np__alert>div{flex:1}.listen-np__alert b{display:block}.listen-np__alert>div>div{color:var(--np-ink2);font-weight:500}.listen-np__scrim{z-index:101;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));background:#00000040;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.listen-np__menu{background:var(--np-menu);width:100%;max-width:360px;color:var(--np-menu-ink);border-radius:20px;padding:6px;box-shadow:0 20px 50px #0000004d}.listen-np__menu-h{font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--np-menu-ink2);padding:12px 14px 8px}.listen-np__menu button{width:100%;min-height:46px;font:600 16px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;display:flex;color:var(--np-menu-ink)!important}.listen-np__menu button:hover{background:color-mix(in srgb, var(--np-menu-ink) 9%, transparent)}.listen-np__menu button[aria-checked=true]{font-weight:800}.listen-np__scrim.is-sheet{padding:0}.listen-np__sheet{background:var(--bg2);width:100%;max-width:560px;max-height:78dvh;color:var(--label);padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;overflow-y:auto;box-shadow:0 -8px 40px #00000040}.listen-np__sheet .listen-np__ibtn{color:var(--label)!important}.listen-np__sheet-h{font:var(--type-headline);justify-content:space-between;align-items:center;display:flex}.listen-np__sheet-sub{font:var(--type-footnote);color:var(--label3);margin-bottom:8px}@media (width>=768px){.listen-np__scrim.is-sheet{align-items:center}.listen-np__sheet{border-radius:20px}}.listen-toast{justify-content:center;align-items:center;gap:12px;width:max-content;display:flex}.listen-toast button{background:color-mix(in srgb, var(--bg) 18%, transparent);min-height:32px;color:var(--bg);font:800 14px/1 var(--sans);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 12px}.listen-np__mark{background:var(--np-track);min-height:40px;font:700 14px/1 var(--sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;margin:14px auto 0;padding:0 16px;display:inline-flex;color:var(--np-ink)!important}.listen-np__mark:focus-visible{outline:2px solid var(--np-ink);outline-offset:2px}.listen-np__count-text{margin-left:-4px}@media (width<=767.98px){.listen-np__count{display:none}}@media (width>=768px){.listen-np__count-text{display:none}}.listen-np__count{background:var(--np-ink);min-width:20px;height:20px;color:var(--np-bg);font:800 11px/20px var(--sans);border-radius:10px;padding:0 6px}.listen-np__seg{background:var(--fill);border-radius:9px;gap:2px;margin:8px 0 10px;padding:2px;display:flex}.listen-np__seg button{min-height:32px;color:var(--label);font:600 13px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:0 10px}.listen-np__seg button[aria-selected=true]{background:var(--bg);box-shadow:0 1px 3px #0000001f}.listen-marks{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.listen-marks__row{border-bottom:.5px solid var(--sep);padding:12px 0}.listen-marks__top{align-items:flex-start;gap:12px;display:flex}.listen-marks__play{background:var(--label);width:34px;height:34px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.listen-marks__meta{min-width:0;font:var(--type-subhead);color:var(--label);flex:1;padding-top:7px}.listen-marks__meta b{font-variant-numeric:tabular-nums}.listen-marks__meta span{color:var(--label2)}.listen-marks__note{font:var(--type-subhead);color:var(--label2);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.listen-marks__edit{margin:10px 0 0 46px}.listen-marks__edit textarea{box-sizing:border-box;border:1px solid var(--sep);background:var(--bg);width:100%;min-height:64px;color:var(--label);font:var(--type-body);resize:vertical;border-radius:10px;padding:10px 12px}.listen-marks__actions{flex-wrap:wrap;gap:8px;margin:10px 0 0 46px;display:flex}.listen-marks__chip,.listen-marks__btn{background:var(--fill);min-height:32px;color:var(--label);font:600 13px/1 var(--sans);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.listen-marks__chip.is-on{background:var(--tint-soft,var(--fill));color:var(--tint)}.listen-marks__chip:disabled{cursor:default}.listen-marks__btn.is-primary{background:var(--tint);color:#fff}.listen-marks__empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 12px 20px;display:flex}.listen-marks__empty p{max-width:34ch;font:var(--type-subhead);color:var(--label2);margin:0}.listen-marks__ico{background:var(--fill);width:52px;height:52px;color:var(--label2);border-radius:50%;place-items:center;display:grid}@media (width>=768px){.listen-continue__row+.listen-continue__row{border-top:0}.listen-continue .listen-art.is-56{border-radius:6px}}