/* Playlist d’ambiance flottante : une pastille discrète en bas à droite, jamais
   un bloc qui concurrence la page. Le panneau s’ouvre au survol, au focus ou au
   toucher ; replié, il reste en place (visibility) pour que la musique continue. */
.ambient-player{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;font-family:var(--font-sans)}
.ambient-pill{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;max-width:14rem;padding:.5rem .95rem .5rem .8rem;border:1px solid var(--line-inverse);border-radius:999px;background:oklch(.165 .008 265 / .82);color:var(--text-inverse);font-size:.8125rem;font-weight:500;line-height:1;box-shadow:var(--elevation-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--motion-base)}
.ambient-pill:hover{border-color:var(--text-inverse-muted)}
.ambient-logo{width:1.05rem;height:1.05rem;flex:none}
.ambient-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ambient-panel{order:-1;padding:.6rem;border:1px solid var(--line-inverse);border-radius:var(--r-overlay);background:oklch(.165 .008 265 / .92);color:var(--text-inverse-muted);box-shadow:var(--elevation-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(.5rem);transform-origin:bottom right;transition:opacity var(--motion-base),transform var(--motion-base),visibility 0s linear var(--motion-base)}
.has-player .ambient-panel{width:min(20rem,calc(100vw - 2rem))}
.ambient-player.is-open .ambient-panel,.ambient-panel:focus-within{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover){.ambient-player:hover .ambient-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}}
.ambient-frame+.ambient-actions{margin-top:.5rem}
.ambient-frame iframe{display:block;width:100%;height:152px;border:0;border-radius:var(--r-panel)}
.ambient-actions{display:flex;justify-content:flex-end}
.ambient-button{min-height:2.5rem;padding:.5rem .9rem;border:1px solid var(--line-inverse);border-radius:var(--r-field);background:transparent;color:var(--text-inverse);font-size:.8125rem}
.ambient-button:hover{border-color:var(--text-inverse-muted)}
@media (max-width:700px){.ambient-player{right:.75rem;bottom:.75rem}.has-player .ambient-panel{width:min(20rem,calc(100vw - 1.5rem))}}
@media (prefers-reduced-motion:reduce){.ambient-panel{transition:none}}
@media print{.ambient-player{display:none}}