.music-player{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin:var(--space-6)0;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:var(--border-hairline);user-select:none;transition:box-shadow var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out)}.music-player[data-playing=true]{box-shadow:var(--shadow-medium)}.music-cover{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-recessed)}.music-cover img{width:100%;height:100%;margin:0;padding:0;max-width:none;background:0 0;border-radius:0;box-shadow:none;object-fit:cover;object-position:center;display:block}.music-cover::after{content:'';position:absolute;inset:0;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px rgba(0,0,0,6%);pointer-events:none}[data-theme=dark] .music-cover::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,6%)}.music-cover--empty{background:var(--accent-tertiary)}.music-cover-icon{position:absolute;inset:0;margin:auto;width:28px;height:28px;color:var(--accent-secondary);opacity:.5;pointer-events:none}.music-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);border:none;cursor:pointer;color:#fff;padding:0;transition:background var(--duration-fast)var(--ease-out)}.music-play-btn:hover{background:rgba(0,0,0,.42)}.music-player[data-playing=true] .music-play-btn{background:0 0}.music-player[data-playing=true] .music-play-btn .music-icon{opacity:0;transform:scale(.85)}.music-player[data-playing=true] .music-play-btn:hover{background:rgba(0,0,0,.35)}.music-player[data-playing=true] .music-play-btn:hover .music-icon{opacity:1;transform:scale(1)}.music-play-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-primary)}.music-icon{width:26px;height:26px;transition:opacity var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.music-icon--pause{display:none}.music-player[data-playing=true] .music-icon--play{display:none}.music-player[data-playing=true] .music-icon--pause{display:block}.music-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.music-meta{display:flex;flex-direction:column;gap:2px}.music-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.music-artist{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.music-controls{display:flex;flex-direction:column;gap:var(--space-1)}.music-progress{position:relative;height:4px;background:var(--bg-recessed);border-radius:var(--radius-round);cursor:pointer;overflow:visible;transition:height var(--duration-fast)var(--ease-out)}.music-progress::before{content:'';position:absolute;top:-10px;bottom:-10px;left:0;right:0}.music-progress-fill{height:100%;width:0;background:var(--accent-primary);border-radius:var(--radius-round);position:relative;transition:width .15s linear}.music-progress-fill::after{content:'';position:absolute;right:0;top:50%;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 4px rgba(0,0,0,.12);transform:translate(50%,-50%)scale(0);transition:transform var(--duration-fast)var(--ease-spring)}.music-progress:hover .music-progress-fill::after,.music-player[data-dragging=true] .music-progress-fill::after{transform:translate(50%,-50%)scale(1)}.music-progress:hover,.music-player[data-dragging=true] .music-progress{height:6px}.music-progress:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.music-time{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-ghost);line-height:1}@media(prefers-reduced-motion:reduce){.music-progress-fill{transition:none}.music-progress-fill::after{transition:none}.music-play-btn,.music-icon{transition:none}}@media(max-width:480px){.music-player{gap:var(--space-3);padding:var(--space-3)}.music-cover{width:64px;height:64px}.music-icon{width:22px;height:22px}.music-title{font-size:var(--text-sm)}.music-artist{font-size:var(--text-xs)}}@media print{.music-player{display:none}}