/* ambient-music.css — floating background-music toggle pill */
#am-toggle {
  position: fixed; bottom: 18px; left: 18px; z-index: 9000;
  display: inline-flex; align-items: center; gap: 8px;
  font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.22em;
  text-transform: uppercase; cursor: pointer;
  color: var(--ink-soft, #a8a8b2); background: rgba(10,10,11,0.82);
  border: 1px solid var(--rule, #23232a); border-radius: 999px;
  padding: 8px 13px; line-height: 1; backdrop-filter: blur(4px);
  transition: color .15s, border-color .15s, background .15s;
}
#am-toggle:hover { color: var(--ink, #e9e9ec); border-color: var(--accent, #2fb3b8); }
#am-toggle svg { opacity: 0.6; }
#am-toggle .am-state { color: var(--ink-faint, #6b6b75); }
#am-toggle.on { color: var(--accent, #2fb3b8); border-color: rgba(47,179,184,0.5); background: rgba(47,179,184,0.08); }
#am-toggle.on svg { opacity: 1; }
#am-toggle.on .am-state { color: var(--accent, #2fb3b8); }
@media (max-width: 600px) { #am-toggle .am-label { display: none; } }