.nplayer{--np-red:#f43f55;--np-blue:#70dcff;--np-bg:#0b1422;--np-panel:#111e30;--np-text:#f4f8ff;--np-muted:#9fb2c8;color:var(--np-text);background:linear-gradient(145deg,#152439,var(--np-bg) 55%);border:1px solid #31516a;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #06101e77;font:500 14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;max-width:900px;position:relative}.nplayer *{box-sizing:border-box}.nplayer button,.nplayer select{font:inherit}.np-top{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#07111ec9}.np-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--np-red),#a41c49);display:grid;place-items:center;color:white;font-weight:900;font-style:italic;box-shadow:0 5px 18px #fa426066}.np-brand{font-size:18px;font-weight:850;letter-spacing:-.04em}.np-brand span{color:var(--np-blue)}.np-pill{margin-left:auto;color:var(--np-blue);border:1px solid #4d8090;border-radius:99px;padding:5px 10px;font-size:11px;letter-spacing:.09em}.np-stage{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 35%,#294763,#0a1423 65%);display:grid;place-items:center;overflow:hidden}.np-stage audio{display:none}.np-stage video{width:100%;height:100%;object-fit:contain;display:none}.np-stage.np-video video{display:block}.np-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;width:100%;height:100%;padding:25px}.np-stage.np-video .np-art{display:none}.np-disc{width:min(29%,170px);aspect-ratio:1;border:10px solid #253b53;border-radius:50%;background:repeating-radial-gradient(circle,#121e2f 0 3px,#203149 4px 6px);display:grid;place-items:center;box-shadow:0 14px 35px #0008,inset 0 0 0 7px #0c1625}.np-disc:after{content:'N';display:grid;place-items:center;width:36%;aspect-ratio:1;border-radius:50%;background:var(--np-red);color:white;font-weight:900;font-size:24px}.np-art strong{font-size:clamp(19px,3vw,30px)}.np-art small{color:var(--np-muted)}.np-message{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;background:#07111eea;padding:9px;border-radius:9px;color:#ffd7dd;display:none}.np-message:not(:empty){display:block}.np-body{padding:18px 20px 20px}.np-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.np-title{font-weight:750;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-subtitle{color:var(--np-muted);font-size:12px}.np-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--np-blue);font-size:12px}.np-seek{width:100%;height:20px;accent-color:var(--np-red);cursor:pointer;margin:0 0 12px}.np-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.np-btn{border:1px solid #37546d;background:#172a40;color:var(--np-text);height:38px;min-width:38px;padding:0 10px;border-radius:10px;cursor:pointer}.np-btn:hover,.np-btn:focus-visible,.np-select:hover{border-color:var(--np-blue);color:var(--np-blue)}.np-btn:focus-visible,.np-select:focus-visible,.np-seek:focus-visible,.np-volume:focus-visible{outline:2px solid var(--np-blue);outline-offset:2px}.np-primary{background:var(--np-red);border-color:var(--np-red);color:white;font-weight:700;padding:0 16px}.np-primary:hover{background:#ff6072;color:white}.np-spacer{flex:1}.np-volume{width:85px;accent-color:var(--np-blue)}.np-select{background:#172a40;color:var(--np-text);border:1px solid #37546d;border-radius:9px;padding:8px;cursor:pointer}.np-list{border-top:1px solid #294159;padding:13px 20px 19px;max-height:185px;overflow:auto}.np-list-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--np-muted);margin-bottom:8px}.np-track{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:transparent;color:var(--np-text);border:0;border-radius:9px;padding:9px;cursor:pointer}.np-track:hover,.np-track[aria-current=true]{background:#1b3249}.np-track[aria-current=true] .np-number{color:var(--np-red)}.np-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-number{font-variant-numeric:tabular-nums;color:var(--np-muted);min-width:20px}.np-track-type{margin-left:auto;color:var(--np-muted);font-size:11px}.np-empty{color:var(--np-muted);padding:10px}.nplayer:fullscreen{max-width:none;border-radius:0;display:flex;flex-direction:column}.nplayer:fullscreen .np-stage{flex:1;min-height:0;aspect-ratio:auto}.nplayer:fullscreen .np-disc{width:min(25vh,180px)}@media(max-width:560px){.np-top{padding:12px 14px}.np-body{padding:13px}.np-list{padding:12px}.np-volume{width:55px}.np-btn{min-width:36px;padding:0 8px}.np-controls{gap:6px}.np-title{font-size:15px}.np-pill{font-size:9px}.np-art{gap:10px}.np-disc{width:26%;border-width:5px}}

/* Timed video lyrics: overlay remains visible in player fullscreen mode. */
.np-lyrics{position:absolute;z-index:3;bottom:9%;left:5%;right:5%;max-width:760px;margin:auto;padding:10px 16px;border-radius:12px;background:#080808b8;color:#fff;text-align:center;font-size:clamp(18px,2.3vw,29px);font-weight:800;line-height:1.35;white-space:pre-line;text-shadow:0 2px 7px #000;pointer-events:none}
.np-lyrics[hidden],.np-lyrics-toggle[hidden]{display:none!important}
.np-lyrics-toggle[aria-pressed=true]{background:#b91f30;border-color:#ff6170;color:#fff}
.np-mode-toggle{font-size:12px!important;font-weight:750!important;white-space:nowrap}
.np-mode-toggle[aria-pressed=true]{background:#18465a;border-color:var(--np-blue);color:var(--np-blue)}
.np-mode-toggle[aria-pressed=false]{opacity:.72}
.np-cover{display:block;width:min(42%,210px);max-height:65%;aspect-ratio:1;object-fit:contain;border-radius:12px;box-shadow:0 12px 32px #0009}
.np-cover[hidden],.np-disc[hidden]{display:none!important}
@media(max-width:560px){.np-art:has(.np-cover:not([hidden])){gap:7px;padding:8px}.np-art:has(.np-cover:not([hidden])) small{display:none}.np-art:has(.np-cover:not([hidden])) strong{font-size:14px}}
.nplayer:fullscreen .np-lyrics{bottom:8%;font-size:clamp(24px,3vw,44px)}

/* Large artwork play control + live equalizer */
.np-overlay-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border:0;border-radius:24px;background:var(--np-red);color:#fff;font-size:40px;display:grid;place-items:center;box-shadow:0 12px 35px #0009,0 0 0 2px #ffffff22;transition:.2s}
.np-overlay-play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 14px 42px #000b,0 0 0 3px #70dcff55}
.np-overlay-play.is-playing{opacity:.18;width:58px;height:58px;font-size:24px}.np-stage:hover .np-overlay-play.is-playing,.np-overlay-play.is-playing:focus{opacity:.9}
.np-equalizer{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);height:44px;display:flex;align-items:flex-end;gap:5px;padding:7px 12px;border-radius:9px;background:#070707a8;pointer-events:none}
.np-equalizer i{display:block;width:7px;height:8px;border-radius:4px;background:#ffad32;transform-origin:bottom}
.np-equalizer.is-playing i{animation:npBar .65s ease-in-out infinite alternate}.np-equalizer.is-playing i:nth-child(2){animation-duration:.42s}.np-equalizer.is-playing i:nth-child(3){animation-duration:.78s}.np-equalizer.is-playing i:nth-child(4){animation-duration:.5s}.np-equalizer.is-playing i:nth-child(5){animation-duration:.7s}.np-equalizer.is-playing i:nth-child(6){animation-duration:.46s}.np-equalizer.is-playing i:nth-child(7){animation-duration:.82s}
@keyframes npBar{from{height:7px}to{height:36px}}
.np-stage.np-video .np-overlay-play{top:50%}.np-stage.np-video .np-equalizer{bottom:14px}
@media(max-width:560px){.np-overlay-play{width:66px;height:66px;border-radius:18px;font-size:30px}.np-equalizer{height:34px;bottom:8px}.np-equalizer i{width:5px}.np-equalizer.is-playing i{max-height:26px}}