.page-scene { transform: translate3d(var(--scene-x, 0), var(--scene-y, 0), 0) scale(1.025); transition: transform 1.4s cubic-bezier(.2,.7,.2,1); }
.music-toggle { position: fixed; z-index: 20; right: 22px; bottom: 22px; width: 104px; height: 38px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(119,76,28,.34); color: #5b3c20; background: rgba(255,249,231,.58); box-shadow: 0 10px 30px rgba(79,43,15,.13); backdrop-filter: blur(10px); cursor: pointer; font: 600 8px/1 'Montserrat', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.music-icon { font: 700 15px/1 Georgia, serif; }
.music-toggle i { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: #9b846b; box-shadow: 0 0 0 3px rgba(115,78,38,.08); }
.music-toggle.is-playing { color: #7d501a; border-color: rgba(174,111,30,.58); background: rgba(255,247,220,.78); }
.music-toggle.is-playing i { background: #b97822; box-shadow: 0 0 0 3px rgba(185,120,34,.14), 0 0 13px rgba(185,120,34,.5); animation: soundPulse 1.1s ease-in-out infinite alternate; }
@keyframes soundPulse { to { transform: scale(1.4); opacity: .65; } }
@media (max-width: 850px) { .music-toggle { right: 12px; bottom: 12px; width: 42px; padding: 0; justify-content: center; } .music-toggle .music-label, .music-toggle i { display: none; } }
@media (prefers-reduced-motion: reduce) { .page-scene { transform: none; transition: none; } }