.modern .music-toggle{ position: fixed; top: max(19px,env(safe-area-inset-top)); right: max(21px,env(safe-area-inset-right)); z-index: 30; width: max-content; min-width: 124px; max-width: calc(100% - 32px); min-height: 53px; padding: 0 0 5px; border: 0; border-radius: 18px; background: #070605; box-shadow: 0 4px 10px #0706054d; color: #d9ccae; font-family: var(--font-display, Maple, sans-serif); -webkit-tap-highlight-color: transparent; }
.modern .music-button-face{ position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 9px 14px; border: 1px solid #c5b28656; border-radius: 18px; background: linear-gradient(155deg,#4a3f2e,#13110d); box-shadow: inset 0 2px 1px #fff1d024,inset 0 -2px 0 #09080640; }
.modern .music-toggle[aria-pressed='true']{ background: #98703e; color: #664225; }
.modern .music-toggle[aria-pressed='true'] .music-button-face{ border-color: #fff2c4; background: linear-gradient(155deg,#ffeab1,#ffd980 80%); box-shadow: inset 0 2px 1px #fff9e3,inset 0 -2px #eaba694d; }
.modern .music-button-copy{ display: flex; align-items: baseline; gap: 5px; font-size: 1.15rem; line-height: 1.3; }
.modern .music-button-copy strong{ font-weight: inherit; font-size: 1rem; opacity: .85; }
.modern .music-speaker{ display: block; flex-shrink: 0; width: 23px; height: 23px; }
.modern [data-music-toggle][aria-pressed='false'] .music-waves,
.modern [data-music-toggle][aria-pressed='true'] .music-muted{ display: none; }
.modern .music-button-glint{ position: absolute; top: -5px; right: 5px; color: #fff3c6; font: .77rem/1 sans-serif; font-style: normal; opacity: 0; }
.modern .music-toggle[aria-pressed='true'] .music-button-glint{ opacity: 1; }
.modern .music-toggle:focus-visible{ outline: 3px solid #ffe2a4; outline-offset: 5px; }
.modern .music-toggle:disabled{ opacity: .6; cursor: default; }
.modern.motion-on .music-toggle .music-button-face{ transition: transform 240ms cubic-bezier(.2,1.5,.4,1); }
.modern .music-toggle:enabled:active .music-button-face{ transform: translateY(4px); }
html.intro-active .modern .music-toggle{ visibility: hidden; }
@media (max-width: 650px){.modern .music-toggle{ top: max(17px,env(safe-area-inset-top)); right: max(16px,env(safe-area-inset-right)); min-width: 109px; border-radius: 16px; }
.modern .music-button-face{ padding-inline: 10px; gap: 7px; border-radius: 16px; }
.modern .music-button-copy{ font-size: 1.15rem; }
.modern .music-speaker{ width: 21px; height: 21px; }

}
@media (prefers-reduced-motion: reduce){.modern .music-toggle .music-button-face{ transition: none; }

}