.np{position:fixed;inset-inline:0;bottom:0;z-index:45;pointer-events:none}.np[hidden]{display:none}.np-bar{pointer-events:auto;position:relative;display:flex;align-items:center;gap:14px;max-width:860px;margin:0 auto 14px;padding:12px 16px;background:#121212;border-radius:14px;box-shadow:0 10px 34px #00000059;color:var(--kcc-cream)}.np.is-min .np-bar{display:none}.np-btn{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--kcc-gold);cursor:pointer;transition:background .2s var(--ease-out)}.np-btn:hover{background:var(--kcc-cream)}.np-ico{width:0;height:12px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #121212;margin-left:3px}.np[data-state=playing] .np-ico{width:12px;margin-left:0;border-width:0;background:linear-gradient(#121212,#121212) left / 4px 100% no-repeat,linear-gradient(#121212,#121212) right / 4px 100% no-repeat}.np-art{flex:0 0 42px;width:42px;height:42px;border-radius:6px;object-fit:cover}.np-copy{flex:0 1 210px;min-width:0}.np-title,.np-series{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-title{font-size:13px;font-weight:700}.np-series{margin-top:2px;font-size:11px;color:#eaebe699}.np-transport{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0}.np-time{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;color:#eaebe699}.np-scrub{position:relative;flex:1 1 auto;height:4px;border-radius:2px;background:#eaebe633}.np-scrub-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:2px;background:var(--kcc-gold)}.np-range{position:absolute;inset:-8px 0;width:100%;margin:0;opacity:0;cursor:pointer}.np-scrub:focus-within{outline:2px solid var(--kcc-gold);outline-offset:5px;border-radius:2px}.np-mp3{flex:0 0 auto;color:#eaebe6b3;font-size:12px;text-decoration:none}.np-mp3:hover{color:var(--kcc-cream);text-decoration:underline}.np-min{flex:0 0 auto;width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer}.np-min span{display:block;width:18px;height:2px;background:#eaebe68c}.np-min:hover span{background:var(--kcc-cream)}.np-pill{pointer-events:auto;position:fixed;left:16px;bottom:16px;display:none;align-items:center;gap:10px;max-width:min(70vw,320px);padding:10px 18px;border:0;border-radius:999px;background:#121212;color:var(--kcc-cream);font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0000004d}.np.is-min .np-pill{display:flex}.np-pill:hover{background:#2a2a2a}.np-pill-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-pill-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.np-pill-bars i{width:3px;height:5px;border-radius:1px;background:var(--kcc-gold)}.np[data-state=playing] .np-pill-bars i{animation:np-eq .9s ease-in-out infinite}.np[data-state=playing] .np-pill-bars i:nth-child(2){animation-delay:.18s}.np[data-state=playing] .np-pill-bars i:nth-child(3){animation-delay:.36s}@keyframes np-eq{0%,to{height:5px}50%{height:14px}}body.has-np{--np-h: 84px}@media(max-width:768px){.np-bar{flex-wrap:wrap;margin-inline:10px;gap:10px 12px;padding:12px}.np-copy{flex:1 1 auto}.np-transport{flex:1 0 100%;order:3}.np-mp3{display:none}body.has-np{--np-h: 132px}}@media(prefers-reduced-motion:reduce){.np-pill-bars i{animation:none!important}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}