.music-post{--mp-ink:var(--ink);--mp-surface:var(--surface);--mp-accent:var(--color-secondary-600);--mp-muted:var(--color-neutral-500);--mp-track:var(--color-neutral-200)}.dark .music-post{--mp-accent:var(--color-secondary-400);--mp-muted:var(--color-neutral-400);--mp-track:var(--color-neutral-700)}.music-post .mp-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--mp-accent);font-size:.72rem;font-weight:700}.music-post .mp-card{border:1px solid var(--mp-ink);background:var(--mp-surface);box-shadow:4px 4px 0 0 var(--mp-ink)}.music-post .mp-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2rem,4.5vw,3.6rem);font-stretch:75%;line-height:.92}.music-post .mp-transport-btn{border:1px solid var(--mp-ink);background:var(--mp-surface);width:2.75rem;height:2.75rem;color:var(--mp-ink);justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:inline-flex}.music-post .mp-transport-btn:hover{box-shadow:2px 2px 0 0 var(--mp-ink);transform:translate(-1px,-1px)}.music-post .mp-transport-btn:active{box-shadow:none;transform:translate(0)}.music-post .mp-transport-btn[aria-pressed=true]{background:var(--mp-ink);color:var(--mp-surface)}.music-post .mp-play-btn{background:var(--mp-accent);color:#fff;border-color:var(--mp-ink);width:4rem;height:4rem;box-shadow:3px 3px 0 0 var(--mp-ink);border-radius:9999px}.music-post .mp-play-btn:hover{box-shadow:4px 4px 0 0 var(--mp-ink)}.music-post .mp-transport-btn:focus-visible,.music-post .mp-range:focus-visible,.music-post .mp-share-btn:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.music-post .mp-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.25rem}.music-post .mp-range::-webkit-slider-runnable-track{border:1px solid var(--mp-ink);background:linear-gradient(to right, var(--mp-accent) 0%, var(--mp-accent) var(--mp-progress,0%), var(--mp-track) var(--mp-progress,0%), var(--mp-track) 100%);height:6px}.music-post .mp-range::-moz-range-track{border:1px solid var(--mp-ink);background:var(--mp-track);height:6px}.music-post .mp-range::-moz-range-progress{background:var(--mp-accent);height:6px}.music-post .mp-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--mp-ink);background:var(--mp-surface);width:16px;height:16px;box-shadow:2px 2px 0 0 var(--mp-ink);border-radius:0;margin-top:-6px}.music-post .mp-range::-moz-range-thumb{border:1px solid var(--mp-ink);background:var(--mp-surface);width:14px;height:14px;box-shadow:2px 2px 0 0 var(--mp-ink);border-radius:0}.music-post .mp-range:disabled{cursor:not-allowed;opacity:.5}.music-post .mp-eq{align-items:flex-end;gap:3px;height:16px;display:inline-flex}.music-post .mp-eq span{background:var(--mp-accent);transform-origin:bottom;width:3px;height:100%;transform:scaleY(.4)}.music-post .mp-eq[data-playing=true] span{animation:.9s ease-in-out infinite mp-eq-bounce}.music-post .mp-eq[data-playing=true] span:nth-child(2){animation-delay:.15s}.music-post .mp-eq[data-playing=true] span:nth-child(3){animation-delay:.3s}.music-post .mp-eq[data-playing=true] span:nth-child(4){animation-delay:.45s}@keyframes mp-eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.music-post .mp-eq[data-playing=true] span{animation:none;transform:scaleY(.7)}.music-post .mp-transport-btn,.music-post .mp-artwork img{transition:none}}.music-post .mp-artwork{border:1px solid var(--mp-ink);position:relative;overflow:hidden}.music-post .mp-artwork img{transition:transform .4s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.music-post .mp-artwork:hover img{transform:scale(1.03)}}.music-post .mp-stat{border:1px solid var(--mp-ink);background:var(--mp-surface);padding:.875rem 1rem}.music-post .mp-stat-value{font-family:var(--font-heading);font-size:1.5rem;font-stretch:75%;line-height:1.1}.music-post .mp-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mp-muted);font-size:.72rem;font-weight:600}.music-post .mp-share-btn{border:1px solid var(--mp-ink);background:var(--mp-surface);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:600;transition:box-shadow .12s,transform .12s;display:inline-flex}.music-post .mp-share-btn:hover{box-shadow:2px 2px 0 0 var(--mp-ink);transform:translate(-1px,-1px)}.music-post .mp-section-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;font-size:1.45rem;font-stretch:75%;line-height:1}