.nr-listen{box-sizing:border-box;min-height:64px;margin:0 0 var(--nr-s4)}.nr-listen.is-pending{visibility:hidden}.nr-listen__bar{box-sizing:border-box;display:flex;align-items:center;gap:var(--nr-s2);min-height:64px;padding:var(--nr-s2) 0;border-top:1px solid var(--nr-line);border-bottom:1px solid var(--nr-line);background-color:var(--nr-bg);color:var(--nr-ink);font-family:var(--nr-font-head)}.nr-listen__play{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background-color:var(--nr-gold);background-image:var(--nr-gold-grad);color:var(--nr-on-gold);cursor:pointer;transition:transform var(--nr-dur-fast) var(--nr-ease-out)}.nr-listen__play:active{transform:scale(.94)}.nr-listen__play[aria-disabled="true"]{opacity:.7;cursor:progress}.nr-listen__play .i-pause,.nr-listen.is-playing .nr-listen__play .i-play{display:none}.nr-listen.is-playing .nr-listen__play .i-pause{display:inline}.nr-listen__main{flex:1 1 auto;min-width:0;padding-left:var(--nr-s1)}.nr-listen__title{font-size:var(--nr-fs-ui);font-weight:700;line-height:20px;color:var(--nr-ink)}.nr-listen__line{display:flex;align-items:center;gap:var(--nr-s2);min-height:22px}.nr-listen__rail{position:relative;flex:1 1 auto;height:22px;cursor:pointer;touch-action:none}.nr-listen__rail::before,.nr-listen__fill{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background-color:var(--nr-line)}.nr-listen__fill{background-color:var(--nr-mark);transform:scaleX(0);transform-origin:0 50%}.nr-listen__time{flex:none;font-size:var(--nr-fs-xs);line-height:22px;color:var(--nr-meta);font-variant-numeric:tabular-nums}.nr-listen__note{position:relative;display:none;flex:1 1 auto;overflow:hidden;margin:0;font-size:var(--nr-fs-sm);line-height:22px;color:var(--nr-meta)}.nr-listen__skip,.nr-listen__speed{flex:none;display:none;align-items:center;justify-content:center;gap:2px;min-width:44px;height:44px;padding:0 6px;border:1px solid var(--nr-line);background:#fff0;color:var(--nr-ink);font:600 var(--nr-fs-xs)/1 var(--nr-font-head);font-variant-numeric:tabular-nums;cursor:pointer}.nr-listen__skip:hover,.nr-listen__speed:hover{border-color:var(--nr-mark);color:var(--nr-mark)}.nr-listen.is-ready .nr-listen__skip,.nr-listen.is-ready .nr-listen__speed,.nr-listen.is-local .nr-listen__speed{display:inline-flex}.nr-listen:not(.is-ready) .nr-listen__rail,.nr-listen:not(.is-ready) .nr-listen__time{display:none}.nr-listen:not(.is-ready) .nr-listen__note{display:block}.nr-listen__play:focus-visible,.nr-listen__skip:focus-visible,.nr-listen__speed:focus-visible,.nr-listen__rail:focus-visible{outline:2px solid var(--nr-focus);outline-offset:2px}.nr-listen.is-wait .nr-listen__note::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--nr-mst-gold-soft),transparent);transform:translateX(-100%)}@media (max-width:767px){.nr-listen.is-mini .nr-listen__bar{position:fixed;left:calc(8px + env(safe-area-inset-left, 0px));right:calc(68px + env(safe-area-inset-right, 0px));bottom:calc(16px + max(var(--nr-fixed-bottom, 0px), env(safe-area-inset-bottom, 0px)));z-index:9990;min-height:56px;padding:var(--nr-s1) var(--nr-s2);border:1px solid var(--nr-line)}.nr-listen.is-mini .nr-listen__skip,.nr-listen.is-mini .nr-listen__title{display:none}}@media (max-width:380px){.nr-listen__skip span{display:none}.nr-listen__skip{min-width:40px;padding:0}}@media (prefers-reduced-motion:no-preference){html:not(.nr-motion-off) .nr-listen.is-wait .nr-listen__note::after{animation:nr-listen-shine 1.8s var(--nr-ease-out) infinite}html:not(.nr-motion-off) .nr-listen.is-mini.is-enter .nr-listen__bar{animation:nr-listen-rise var(--nr-dur-slow) var(--nr-ease-emph) both}}@media (prefers-reduced-motion:reduce){.nr-listen__play{transition:none}}html.nr-motion-off .nr-listen__play{transition:none}@keyframes nr-listen-shine{to{transform:translateX(100%)}}@keyframes nr-listen-rise{from{opacity:0;transform:translate3d(0,var(--nr-rise),0)}}