.nm-player{--nm-ink:#1b1b1d;--nm-muted:#767578;--nm-paper:#fff;--nm-line:#e9e6e3;--nm-soft:#f7f6f4;font-family:inherit;color:var(--nm-ink);background:var(--nm-paper);border:1px solid var(--nm-line);border-radius:20px;padding:clamp(18px,3.5vw,42px);max-width:1200px;margin:auto;box-sizing:border-box;overflow:hidden}.nm-player *{box-sizing:border-box}.nm-player [hidden]{display:none!important}.nm-player button,.nm-player input{font:inherit}.nm-player button{cursor:pointer}.nm-player button:focus-visible,.nm-player a:focus-visible{outline:3px solid var(--nm-accent);outline-offset:4px}.nm-player.nm-dark{--nm-ink:#f6f2ee;--nm-muted:#aaa7a4;--nm-paper:#18191c;--nm-line:#333438;--nm-soft:#222327}.nm-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.nm-player .nm-kicker{color:var(--nm-accent);font-size:11px;font-weight:800;letter-spacing:.22em;margin:0 0 10px}.nm-section-heading h2{font-size:clamp(25px,4vw,40px);font-weight:750;letter-spacing:-.045em;margin:0;line-height:1.1;color:var(--nm-ink)}.nm-player .nm-subtitle{color:var(--nm-muted);font-size:14px;margin:12px 0 0}.nm-count{white-space:nowrap;color:var(--nm-muted);border:1px solid var(--nm-line);border-radius:24px;padding:8px 14px;font-size:12px}.nm-stage{display:grid;grid-template-columns:minmax(0,1fr) 29%;gap:30px;background:var(--nm-soft);padding:26px;border-radius:12px}.nm-stage-content{min-width:0;display:flex;flex-direction:column}.nm-now{display:flex;align-items:center;gap:18px;min-height:80px}.nm-main-play{border:0;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--nm-accent);color:white;display:grid;place-items:center;box-shadow:0 5px 16px #0001;transition:transform .2s}.nm-main-play:hover{transform:scale(1.05)}.nm-main-play svg{width:31px;height:31px;display:block}.nm-now-copy{min-width:0}.nm-now-copy p{color:var(--nm-muted);font-size:13px;margin:0 0 4px}.nm-now-copy h3{font-size:clamp(18px,2.5vw,25px);font-weight:650;letter-spacing:-.03em;line-height:1.25;margin:0 0 8px;color:var(--nm-ink);overflow-wrap:anywhere}.nm-tag{font-size:9px;letter-spacing:.1em;border:1px solid var(--nm-line);border-radius:4px;padding:3px 6px;color:var(--nm-muted)}.nm-cover{aspect-ratio:1;position:relative;overflow:hidden;min-width:0;border-radius:7px;align-self:center}.nm-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nm-art{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 10%,#f4a778 0,transparent 45%),linear-gradient(135deg,#552c48,#db6748 60%,#fbbe79);overflow:hidden}.nm-art-disc{position:absolute;width:115%;height:115%;left:25%;top:24%;border:24px solid #211c3677;border-radius:50%;box-shadow:0 0 0 1px #ffd1a655,0 0 0 20px #1d243c33,inset 0 0 0 2px #f2bb8144}.nm-art-label{position:absolute;left:10%;top:9%;font-size:clamp(16px,2vw,25px);color:#ffeccf;font-weight:900;letter-spacing:-.04em;line-height:1}.nm-wave-wrap{height:126px;position:relative;margin:15px 0 12px;flex:1;min-height:110px}.nm-wave{display:block;width:100%;height:100%}.nm-seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.nm-wave-wrap:focus-within{outline:2px solid var(--nm-accent);outline-offset:5px;border-radius:4px}.nm-timeline{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;font-variant-numeric:tabular-nums}.nm-timeline span{background:var(--nm-soft);padding:1px 4px;color:var(--nm-muted)}.nm-timeline [data-current]{color:var(--nm-accent)}.nm-controls,.nm-controls-left,.nm-controls-right{display:flex;align-items:center;gap:12px}.nm-controls{justify-content:space-between;border-top:1px solid var(--nm-line);padding-top:12px;gap:8px}.nm-icon-button,.nm-text-button{border:0;background:none;color:var(--nm-ink);display:inline-flex;align-items:center;justify-content:center;padding:4px;text-decoration:none;gap:6px;font-size:11px!important;white-space:nowrap}.nm-icon-button:hover,.nm-text-button:hover{color:var(--nm-accent)}.nm-icon-button:disabled{opacity:.3;cursor:default}.nm-volume{display:flex;align-items:center;gap:8px;color:var(--nm-muted)}.nm-volume input{width:64px;accent-color:var(--nm-accent);height:4px;cursor:pointer}.nm-volume svg{width:18px;height:18px}.nm-controls-right svg{width:16px;height:16px}.nm-player .nm-message{min-height:18px;color:var(--nm-muted);font-size:12px;margin:12px 0}.nm-list-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.14em;color:var(--nm-muted);padding:12px 0 14px;border-bottom:1px solid var(--nm-line)}.nm-list-head span+span{letter-spacing:0}.nm-player .nm-tracks{list-style:none;padding:0;margin:0;max-height:450px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--nm-line) transparent}.nm-tracks li{margin:0;padding:0;border-bottom:1px solid var(--nm-line)}.nm-track{display:flex;align-items:center;gap:16px;width:100%;border:0;color:var(--nm-ink);background:transparent;text-align:left;padding:14px 10px;transition:background .2s}.nm-track:hover,.nm-track.is-current{background:var(--nm-soft)}.nm-track-number{font-size:11px;color:var(--nm-muted);font-variant-numeric:tabular-nums;width:16px;flex-shrink:0}.nm-thumb{width:44px;height:44px;flex-shrink:0;border-radius:5px;background:linear-gradient(135deg,#e8af8d,#89577a);display:grid;place-items:center;overflow:hidden;color:#fff}.nm-thumb img{width:100%;height:100%;object-fit:cover}.nm-track-copy{min-width:0;flex:1}.nm-track-copy strong{font-size:14px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-track-copy small{font-size:11px;color:var(--nm-muted);display:block;margin-top:3px}.nm-track-duration{font-size:11px;color:var(--nm-muted);font-variant-numeric:tabular-nums}.nm-track.is-current strong{color:var(--nm-accent)}.nm-track-bars{display:flex;align-items:center;gap:2px;height:20px;width:22px;opacity:0;color:var(--nm-accent)}.nm-track-bars i{display:block;width:3px;height:7px;background:currentColor;border-radius:2px}.nm-track-bars i:nth-child(2){height:16px}.nm-track-bars i:nth-child(3){height:11px}.nm-track.is-current .nm-track-bars{opacity:1}.nm-player.is-playing .is-current .nm-track-bars i{animation:nm-bars .8s ease-in-out infinite alternate}.nm-player.is-playing .nm-track-bars i:nth-child(2){animation-delay:-.3s}.nm-player.is-playing .nm-track-bars i:nth-child(3){animation-delay:-.6s}.nm-empty{padding:40px 0;color:var(--nm-muted)}.nm-fallback audio{width:100%}@keyframes nm-bars{to{transform:scaleY(.35)}}@media(max-width:800px){.nm-stage{gap:18px;padding:18px;grid-template-columns:minmax(0,1fr) 25%}.nm-main-play{width:52px;height:52px}.nm-now{gap:12px}.nm-volume input{width:45px}.nm-controls{flex-wrap:wrap}.nm-controls-right{margin-left:auto}.nm-track{gap:10px}.nm-player .nm-section-heading{margin-bottom:22px}}@media(max-width:550px){.nm-stage{grid-template-columns:1fr;position:relative;padding:18px}.nm-cover{position:absolute;width:58px;right:18px;top:18px;align-self:start}.nm-now{padding-right:69px;min-height:65px;align-items:flex-start;gap:10px}.nm-now-copy h3{font-size:17px}.nm-now-copy p{font-size:11px}.nm-main-play{width:42px;height:42px;margin-top:4px}.nm-main-play svg{width:24px}.nm-art-label{font-size:8px}.nm-art-disc{border-width:7px}.nm-wave-wrap{height:110px;margin-top:12px}.nm-track-number{display:none}.nm-thumb{width:38px;height:38px}.nm-player .nm-track{padding:12px 2px}.nm-volume input{width:42px}.nm-controls,.nm-controls-left{gap:6px}.nm-count{display:none}.nm-controls-right{gap:8px}.nm-track-copy strong{font-size:13px}.nm-track-bars{width:14px}.nm-track-bars i{width:2px}}@media(prefers-reduced-motion:reduce){.nm-player *{animation:none!important;transition:none!important}}
/* Keep canvas pixel dimensions out of the flex/grid sizing calculation. */
.nm-player .nm-wave{position:absolute;inset:0}