:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6edf3;background:#0a0e14;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-height:100dvh}.np-page{--art-tint:#3a3f46;max-width:30rem;height:100dvh;padding:calc(env(safe-area-inset-top,0px) + .5rem) 1.25rem calc(env(safe-area-inset-bottom,0px) + 100px);background:#0a0e14;background:linear-gradient(180deg, color-mix(in srgb, var(--art-tint) 45%, #0a0e14) 0%, color-mix(in srgb, var(--art-tint) 18%, #0a0e14) 45%, #0a0e14 75%);flex-direction:column;margin:0 auto;transition:background .6s;display:flex;position:relative;overflow:hidden}.eq-bg{pointer-events:none;opacity:.22;z-index:0;width:100%;height:calc(100% - 66px);position:absolute;top:0;left:0;right:0}.np-top,.np-art,.np-meta,.np-progress-wrap,.np-controls,.np-status{z-index:1;position:relative}.np-top{align-items:center;min-height:3rem;margin-top:1.5rem;display:flex}.np-top-center{text-align:center;flex:1;min-width:0}.np-top-sub{letter-spacing:.04em;color:#8b949e;font-size:.7rem;display:block}.np-top-name{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:2rem;font-weight:800;overflow:hidden}.np-art{flex:1;justify-content:center;align-items:center;min-height:0;padding:.75rem 0;display:flex}.art{aspect-ratio:1;object-fit:cover;border-radius:8px;width:min(100%,44dvh);box-shadow:0 12px 48px #0009}.art-placeholder{color:#e6edf338;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 25%,#f0b42947,#0000 55%),radial-gradient(circle at 75% 80%,#ef44443d,#0000 55%),#161b22;justify-content:center;align-items:center;font-size:6rem;display:flex}.np-meta{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.np-meta-text{min-width:0}.np-title{font-size:1.4rem;font-weight:800;line-height:1.2}.np-artist{color:#b3b9c0;min-height:1.2em;margin-top:.15rem;font-size:.95rem}.np-live{letter-spacing:.1em;color:#3fb950;flex-shrink:0;align-items:center;gap:.45rem;padding-top:.5rem;font-size:.7rem;font-weight:700;display:flex}.np-progress-wrap{margin-top:.9rem}.progress-track{background:#ffffff2e;border-radius:999px;height:4px;overflow:hidden}.progress-fill{background:#fff;border-radius:999px;height:100%;transition:width .5s linear}.progress-times{color:#8b949e;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.35rem;font-size:.7rem;display:flex}.np-controls{justify-content:center;align-items:center;margin-top:1rem;display:flex;position:relative}.np-side{color:#8b949e;justify-content:center;align-items:center;font-size:.75rem;display:flex}.np-controls>.np-icon{position:absolute;left:calc(25% - 1.06rem);transform:translate(-50%)}.np-icon{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:50%;height:2.5rem}.np-next{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;position:absolute;left:calc(50% + 2.9rem);right:0;overflow:hidden}.np-next small{letter-spacing:.1em;text-transform:uppercase;font-size:.6rem}.np-next-title{color:#c9d1d9;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.8rem;display:-webkit-box;overflow:hidden}.np-next-artist{color:#8b949e;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.7rem;overflow:hidden}.np-icon:active{color:#e6edf3;background:#ffffff14}.np-play{color:#000;cursor:pointer;touch-action:manipulation;background:#fff;border:none;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;transition:transform .1s,background .2s;display:grid}.np-play.playing{background:#1ed760}.np-play:active{transform:scale(.94)}.np-status{text-align:center;color:#8b949e;min-height:1.2em;margin-top:.75rem;padding:0 1rem;font-size:.78rem}.sheet-backdrop{z-index:30;background:#00000073;animation:.25s fadein;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}.sheet{z-index:40;background:#161b22;border:1px solid #30363d;border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;max-width:30rem;height:auto;max-height:min(80dvh,42rem);margin:0 auto;transition:transform .32s cubic-bezier(.32,.72,.35,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 84px));box-shadow:0 -8px 40px #00000080}.sheet.open{transform:translateY(0)}.sheet.dragging{transition:none}.sheet-grab{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.6rem 1.25rem .85rem}.grabber{background:#484f58;border-radius:999px;width:2.6rem;height:4px;margin:0 auto .7rem}.sheet-peek{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.sheet-chip{font-size:.95rem;font-weight:700}.sheet-peek-sub{color:#8b949e;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.sheet-body{overscroll-behavior:contain;padding:.5rem 1.25rem calc(env(safe-area-inset-bottom,0px) + 1.5rem);text-align:left;flex-direction:column;flex:1;gap:.6rem;display:flex;overflow-y:auto}.info-card{background:#ffffff0a;border:1px solid #30363d;border-radius:12px;flex-direction:column;gap:.7rem;padding:.85rem 1rem;display:flex}.info-row{align-items:flex-start;gap:.75rem;display:flex}.info-icon{color:#f0b429;flex-shrink:0;margin-top:.2rem}.info-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.info-label{letter-spacing:.09em;text-transform:uppercase;color:#8b949e;font-size:.65rem;font-weight:700}.info-value{color:#e6edf3;font-size:.95rem;line-height:1.35}.sheet-empty{color:#8b949e;font-size:.9rem}.desc{color:#b3b9c0;white-space:pre-line;font-size:.95rem;line-height:1.5}.links{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.links a{color:#f0b429;border:1px solid #30363d;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.85rem;text-decoration:none;display:inline-flex}.links a:active{background:#21262d}.sheet-footer{text-align:center;color:#6e7681;margin-top:1.5rem;font-size:.65rem}.sheet-footer a{color:#8b949e;font-weight:600;text-decoration:none}.dot{background:#8b949e;border-radius:50%;width:10px;height:10px}.dot.live{background:#3fb950;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 14px #3fb950cc}@keyframes pulse{50%{opacity:.5}}