/* Keep page scrolling inside its own viewport on mobile. The root document
   stays still, so embedded iOS browsers cannot carry page content above the header. */
.site-scroll{position:relative;z-index:0;isolation:isolate}
.site-scroll>main,.site-scroll>.site-footer{position:relative;z-index:0;isolation:isolate}
:root{--control-glass:rgba(250,250,250,.7);--control-glass-hover:rgba(243,243,243,.83);--control-blur:24px}
body .site-header,body.archive-page .site-header{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(243,243,243,.78));backdrop-filter:blur(34px) saturate(125%);-webkit-backdrop-filter:blur(34px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 12px rgba(0,0,0,.035)}
@media(max-width:760px){
 html:has(body.site-shell){height:100%;overflow:hidden;overscroll-behavior:none}
 body.site-shell{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;padding:0;overscroll-behavior:none}
 body.site-shell .site-header{position:fixed;inset:0 0 auto;z-index:1100}
 body.site-shell .site-scroll{position:fixed;inset:var(--header-height,60px) 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;contain:paint;clip-path:inset(0);scroll-behavior:smooth;scroll-padding-top:12px}
 .site-scroll .archive-subnav{top:0}
 .site-scroll #music,.site-scroll #show,.site-scroll #album-003,.site-scroll #language,.site-scroll #latest,.site-scroll .product-card,.site-scroll .show-announcement{scroll-margin-top:12px}
}
@media(prefers-reduced-motion:reduce){body.site-shell .site-scroll{scroll-behavior:auto}}
@media(prefers-reduced-transparency:reduce){body .site-header,body.archive-page .site-header,.motion-box,.purchase-link,.platforms a,.converter-open,.language-switch{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}