.music-wall{max-width:760px;margin:0 auto;padding:.5rem 0 3rem}.music-intro{text-align:center;font-size:.92rem;opacity:.65;margin:.25rem 0 1.5rem}.music-grid{display:flex;flex-direction:column;border-radius:14px;overflow:hidden}.music-card{position:relative;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;cursor:pointer;outline:0;border-radius:12px;transition:background .18s ease;-webkit-tap-highlight-color:transparent}.music-card+.music-card{margin-top:2px}.music-card:focus-visible,.music-card:hover{background:rgba(48,169,222,.08)}.music-card:focus-visible{outline:2px solid #30a9de;outline-offset:-2px}.music-num{flex:0 0 1.5rem;text-align:center;font-size:.9rem;opacity:.4;font-variant-numeric:tabular-nums;transition:opacity .15s ease}.music-eq{flex:0 0 1.5rem;display:none;align-items:flex-end;justify-content:center;gap:2px;height:16px}.music-eq i{width:3px;background:#30a9de;border-radius:2px;animation:music-eq .9s ease-in-out infinite}.music-eq i:first-child{height:60%;animation-delay:0s}.music-eq i:nth-child(2){height:100%;animation-delay:.2s}.music-eq i:nth-child(3){height:45%;animation-delay:.4s}.music-eq i:nth-child(4){height:80%;animation-delay:.1s}@keyframes music-eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}.music-card.is-active .music-num{display:none}.music-card.is-active .music-eq{display:flex}.music-card:not(.is-playing) .music-eq i{animation-play-state:paused;transform:scaleY(.4)}.music-cover-wrap{position:relative;flex:0 0 52px;width:52px;height:52px;border-radius:8px;overflow:hidden;background:#e9ecef;box-shadow:0 1px 3px rgba(16,24,40,.12)}.music-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.music-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(12,16,22,.34);opacity:0;transition:opacity .2s ease;pointer-events:none}.music-card.is-active .music-overlay,.music-card:hover .music-overlay{opacity:1}.music-overlay svg{width:22px;height:22px;color:#fff}.music-card .music-pause-icon{display:none}.music-card.is-playing .music-play-icon{display:none}.music-card.is-playing .music-pause-icon{display:block}.music-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.music-title{font-size:.95rem;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.music-artist{margin-top:.15rem;font-size:.8rem;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card.is-active .music-title{color:#30a9de}html[data-user-color-scheme=dark] .music-card:focus-visible,html[data-user-color-scheme=dark] .music-card:hover{background:rgba(48,169,222,.14)}html[data-user-color-scheme=dark] .music-cover-wrap{background:#26292f}@media (max-width:600px){.music-card{gap:.8rem}}@media (max-width:480px){.music-card{gap:.8rem;padding:.6rem .7rem}.music-cover-wrap{flex-basis:46px;width:46px;height:46px}.music-title{font-size:.9rem}.music-artist{font-size:.76rem}}