/* Accueil uniquement : verre discret, sans animation permanente. */
.home-brand-tools { display:flex; align-items:center; gap:10px; flex:none; }
.home-music {
 position:relative; display:inline-flex; align-items:center; justify-content:center;
 flex:none; width:40px; height:40px; padding:0; margin:0; border-radius:50%;
 border:1px solid rgba(255,248,231,.19); color:#eee9dd; cursor:pointer;
 background:linear-gradient(145deg,rgba(255,250,234,.16),rgba(255,250,234,.035) 58%,rgba(255,250,234,.08));
 -webkit-backdrop-filter:blur(12px) saturate(115%); backdrop-filter:blur(12px) saturate(115%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.04),0 2px 7px rgba(0,0,0,.13);
 transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease;
 -webkit-tap-highlight-color:transparent;
}
.home-music::before { content:""; position:absolute; inset:-3px; border-radius:50%; }
.home-music svg { width:18px; height:18px; flex:none; opacity:.8; }
/* La barre indique l’arrêt ; la petite perle dorée indique la lecture. */
.home-music::after { content:""; position:absolute; width:22px; height:1px; border-radius:1px;
 background:currentColor; transform:rotate(-43deg); opacity:.85; }
.home-music[aria-pressed="true"] { color:#f5d9a1; background-color:rgba(222,187,126,.1); }
.home-music[aria-pressed="true"] svg { opacity:1; }
.home-music[aria-pressed="true"]::after { width:3px; height:3px; right:7px; bottom:7px; border-radius:50%; transform:none; opacity:1; }
.home-music:focus-visible { outline:2px solid #ead6ac; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) {
 .home-music:hover { transform:translateY(-1px); background-color:rgba(255,250,234,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 3px 8px rgba(0,0,0,.16); }
}
.home-music:active { transform:scale(.97); }
/* Les libellés du script et les messages restent accessibles. */
.home-music>span,.home-music-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px;
 overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:700px) { .home-brand-tools { gap:9px; } .home-music { width:38px; height:38px; } }
@media(prefers-reduced-motion:reduce) { .home-music { transition:none; } .home-music:hover,.home-music:active { transform:none; } }

/* Libérer la place du bouton aux largeurs intermédiaires, sans déplacer le logo. */
@media(min-width:701px) and (max-width:1000px) {
 header:has(>.home-brand-tools) { column-gap:6px; }
 .home-brand-tools { gap:8px; }
 .home-music { width:38px; height:38px; }
 header:has(>.home-brand-tools) #nav { gap:8px; }
}