.musique-page{min-height:100vh;padding-bottom:var(--space-3xl)}.musique-hero{padding:var(--space-xl)0 var(--space-lg);background:linear-gradient(180deg,var(--color-bg-dark),var(--color-bg-medium));margin-bottom:var(--space-2xl);border-bottom:1px solid #4a9b9f33}.musique-breadcrumb{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);font-size:.8rem;display:flex}.musique-hero h1{font-size:var(--text-4xl);margin:0 0 var(--space-xs)}.musique-vol{color:var(--color-primary-light);font-size:.95rem;font-weight:600}.musique-layout{gap:var(--space-2xl);grid-template-columns:420px 1fr;align-items:start;display:grid}.player-card{border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-lg);background:#ffffff08;border:1px solid #ffffff12;flex-direction:column;display:flex}.cover-wrapper{border-radius:var(--radius-lg);transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.cover-wrapper.is-playing{box-shadow:0 20px 60px #2a9d8f59}.album-cover{width:100%;height:auto;transition:transform .5s;display:block}.cover-wrapper.is-playing .album-cover{transform:scale(1.02)}.now-playing{text-align:center}.now-playing-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-light);margin-bottom:var(--space-xs);font-size:.7rem;display:block}.now-playing-title{color:#fff;margin:0 0 4px;font-size:1.3rem}.now-playing-album{color:var(--color-text-muted);margin:0;font-size:.82rem}.progress-bar-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none}.progress-bar-bg{background:#ffffff1a;border-radius:999px;height:4px;position:relative;overflow:visible}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:999px;height:100%;transition:width .1s linear;position:relative}.progress-thumb{opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:-4px;right:-6px;box-shadow:0 0 6px #2a9d8f99}.progress-bar-wrapper:hover .progress-thumb{opacity:1}.progress-times{color:var(--color-text-muted);margin-top:var(--space-xs);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex}.player-controls{justify-content:center;align-items:center;gap:var(--space-xl);display:flex}.ctrl-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.ctrl-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.ctrl-btn:disabled{opacity:.3;cursor:default}.ctrl-play{width:58px;height:58px;box-shadow:0 4px 20px #2a9d8f66;background:var(--color-primary)!important;color:#fff!important}.ctrl-play:hover{transform:scale(1.08);box-shadow:0 6px 25px #2a9d8f99!important}.volume-row{align-items:center;gap:var(--space-md);display:flex}.ctrl-btn-sm{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;transition:color .2s;display:flex}.ctrl-btn-sm:hover{color:var(--color-text-primary)}.volume-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:999px;flex:1;height:3px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary-light);cursor:pointer;border-radius:50%;width:12px;height:12px}.tracklist-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:var(--space-xl)0 var(--space-lg);font-size:1rem}.tracklist{margin:0 0 var(--space-2xl);gap:var(--space-xs);flex-direction:column;padding:0;list-style:none;display:flex}.track-item{align-items:center;gap:var(--space-lg);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0000;transition:all .2s;display:flex}.track-item:hover{background:#ffffff0a;border-color:#ffffff0f}.track-item.active{background:#2a9d8f14;border-color:#2a9d8f40}.track-num{text-align:center;width:28px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.track-item.active .track-num{color:var(--color-primary-light)}.track-eq{align-items:flex-end;gap:2px;height:16px;display:flex}.track-eq span{background:var(--color-primary-light);border-radius:1px;width:3px;animation:.6s ease-in-out infinite alternate eq;display:block}.track-eq span:first-child{height:8px;animation-delay:0s}.track-eq span:nth-child(2){height:14px;animation-delay:.15s}.track-eq span:nth-child(3){height:6px;animation-delay:.3s}@keyframes eq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.track-info{flex-direction:column;flex:1;gap:2px;display:flex}.track-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.track-item.active .track-name{color:var(--color-primary-light)}.track-album{color:var(--color-text-muted);font-size:.78rem}.track-duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.82rem}.track-play-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);opacity:0;background:0 0;border:none;align-items:center;transition:opacity .2s,color .2s;display:flex}.track-item:hover .track-play-btn,.track-item.active .track-play-btn{opacity:1;color:var(--color-primary-light)}.album-info-card{border-radius:var(--radius-xl);padding:var(--space-xl);background:#ffffff06;border:1px solid #ffffff0f}.album-info-card h3{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-md);font-size:.9rem}.album-info-card p{color:var(--color-text-secondary);margin:0 0 var(--space-lg);font-size:.9rem;line-height:1.7}.album-meta{gap:var(--space-lg);flex-wrap:wrap;display:flex}.album-meta span{color:var(--color-text-muted);font-size:.82rem}.mt-lg{margin-top:var(--space-lg)}@media (max-width:900px){.musique-layout{grid-template-columns:1fr}.player-card{max-width:500px;margin:0 auto}}