@font-face { font-family: Inter; src: url('/fonts/inter-variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
.island-landing { font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; }
.site-sound { position: absolute; z-index: 20; right: 60px; top: 2px; display: none; }
.island-shell.is-expanded:not(.is-media-inline):not(.is-media-compact) .site-sound { display: block; }
.island-shell:has(.site-sound) .island-header { width: calc(100% - 78px); }
.site-sound button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; background: transparent; color: #f5f5f7ad; cursor: pointer; }
.site-sound button:hover { color: #fff; }
.site-sound button:focus-visible { outline: 1px solid #fff; outline-offset: -2px; border-radius: 6px; }
/* Match the scaled navigation row, including narrow windows. */
.island-shell .site-sound,
.island-shell .island-drag-handle { top: calc(3px * var(--website-header-scale, 1)); transform: scale(var(--website-header-scale, 1)); transform-origin: top right; }
.island-shell .site-sound { right: calc(60px * var(--website-header-scale, 1)); }
.island-shell .island-drag-handle { right: calc(24px * var(--website-header-scale, 1)); width: 26px; height: 26px; }
.site-sound button { width: 26px; height: 26px; }
.site-sound button svg,
.island-shell .island-drag-handle .player-icon { width: 18px; height: 18px; }
.island-shell .island-drag-handle .player-icon { transform: translateY(-1px); }
/* Both presentations use PlaybackEqualizer; keep its color independent of context. */
.island-shell .playback-equalizer { color: #f5f5f7; opacity: 1; }