.bmp-app{--bg:#090909;--panel:#111;--panel2:#171717;--text:#f3f3f3;--muted:#999;--line:#292929;--accent:#fff;display:grid;grid-template-columns:210px 1fr;min-height:650px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.bmp-sidebar{padding:28px 18px;border-right:1px solid var(--line);background:#0c0c0c}.bmp-brand{font-weight:900;letter-spacing:.18em;font-size:18px;margin:0 10px 34px}.bmp-nav{display:block;width:100%;text-align:left;background:none;border:0;color:var(--muted);padding:12px 10px;border-radius:8px;cursor:pointer;font-size:14px}.bmp-nav:hover,.bmp-nav.active{background:#1b1b1b;color:var(--text)}
.bmp-main{padding-bottom:115px;min-width:0}.bmp-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 34px;border-bottom:1px solid var(--line)}.bmp-header h2{margin:3px 0 0;font-size:28px}.bmp-kicker{font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:800}.bmp-search{background:#181818;border:1px solid #2b2b2b;color:white;border-radius:999px;padding:12px 18px;width:min(320px,40%);outline:none}.bmp-content{padding:28px 34px}.bmp-hero{display:flex;gap:24px;align-items:center;padding:18px 0 30px}.bmp-hero-art{width:150px;height:150px;object-fit:cover;border-radius:8px;background:#181818}.bmp-now-title{font-size:32px;margin:7px 0}.bmp-now-meta{color:var(--muted);margin:0}.bmp-track{display:grid;grid-template-columns:38px 48px 1fr auto 40px;align-items:center;gap:14px;padding:10px;border-top:1px solid var(--line);cursor:pointer}.bmp-track:hover,.bmp-track.playing{background:#161616}.bmp-track img{width:48px;height:48px;object-fit:cover;border-radius:5px}.bmp-track-info{min-width:0}.bmp-track-info strong,.bmp-track-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmp-track-info span{font-size:12px;color:var(--muted);margin-top:4px}.bmp-track-play,.bmp-fav,.bmp-icon,.bmp-play{border:0;background:none;color:var(--muted);cursor:pointer}.bmp-fav{font-size:17px}.bmp-fav.on{color:#fff}.bmp-track-duration{color:var(--muted);font-size:12px}.bmp-player{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:rgba(10,10,10,.97);border-top:1px solid #292929;min-height:86px;display:grid;grid-template-columns:260px 1fr 180px;align-items:center;gap:24px;padding:12px 24px;box-sizing:border-box}.bmp-current{display:flex;align-items:center;gap:12px;min-width:0}.bmp-current-art{width:54px;height:54px;object-fit:cover;border-radius:5px}.bmp-current-title,.bmp-current-artist{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmp-current-artist{font-size:12px;color:var(--muted);margin-top:4px}.bmp-controls{max-width:700px;width:100%;margin:auto}.bmp-buttons{display:flex;justify-content:center;align-items:center;gap:16px}.bmp-icon.active{color:#fff}.bmp-play{background:#fff;color:#000;width:38px;height:38px;border-radius:50%;font-size:13px}.bmp-progress{display:flex;align-items:center;gap:10px;margin-top:7px}.bmp-time{font-size:10px;color:var(--muted);width:32px;text-align:center}.bmp-progress input{flex:1}.bmp-volume{display:flex;gap:8px;align-items:center;justify-content:flex-end}.bmp-volume-range{width:110px}.bmp-audio{display:none}.bmp-empty{padding:40px;color:var(--muted);text-align:center}.bmp-album-page{display:flex;gap:30px;align-items:flex-start}.bmp-album-page>img{width:280px;height:280px;object-fit:cover;border-radius:8px}.bmp-album-page h1{font-size:42px;margin:8px 0 25px}.bmp-album-page a{color:inherit;text-decoration:none}
@media(max-width:800px){.bmp-app{display:block}.bmp-sidebar{display:flex;gap:5px;overflow:auto;padding:12px}.bmp-brand{display:none}.bmp-nav{white-space:nowrap;width:auto}.bmp-header{display:block;padding:22px}.bmp-search{width:100%;margin-top:15px}.bmp-content{padding:20px}.bmp-hero-art{width:110px;height:110px}.bmp-now-title{font-size:24px}.bmp-player{grid-template-columns:1fr;gap:7px;padding:9px 14px}.bmp-current{display:none}.bmp-volume{display:none}.bmp-main{padding-bottom:150px}.bmp-track{grid-template-columns:32px 42px 1fr 34px}.bmp-track img{width:42px;height:42px}.bmp-track-duration{display:none}.bmp-album-page{display:block}.bmp-album-page>img{width:100%;height:auto}.bmp-album-page h1{font-size:32px}}