/* No fixed/composited top layer at rest. Create the scroll backdrop only after scrolling. */
@media(max-width:680px){
 html:not([data-scrolled=true]) body::before{content:none!important;display:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html[data-scrolled=true] body::before{display:block}
 html[data-theme] .topbar{background:var(--bg)!important;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;isolation:isolate}
}
/* Home Screen WebKit samples real fixed/sticky elements, not body pseudo-elements.
   Keep a real opaque header covering the safe area at rest, instead of a compositor hack. */
@media(max-width:680px){
 html[data-standalone=true] .workspace{padding-top:0}
 html[data-standalone=true] .topbar{position:sticky;top:0;z-index:7;height:calc(64px + var(--mintlov-safe-top));padding-top:var(--mintlov-safe-top);background:var(--bg)!important}
 html[data-standalone=true] body::before{content:none!important;display:none!important}
 html[data-standalone=true][data-scrolled=true] .topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
@media(prefers-reduced-transparency:reduce){html[data-standalone=true][data-scrolled=true] .topbar{background:var(--bg)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}