/* Anchor the app header to the viewport. Its measured height reserves space. */
:root{--app-header-height:76px}
body.in-app{padding-top:var(--app-header-height)}
body.in-app .topbar{position:fixed;top:0;left:0;right:0;margin:0;border-radius:0}
html{scroll-padding-top:calc(var(--app-header-height) + 16px)}
html[data-theme="light"] body.in-app .topbar{
  background:var(--bg);border:0;border-bottom:1px solid var(--line);
  border-radius:0;box-shadow:none;backdrop-filter:none;
}
@media(min-width:1080px){
  body.in-app .topbar{left:var(--rail)}
  html[data-theme="light"] body.in-app .topbar{padding:10px clamp(16px,2.2vw,40px)}
}
@media(max-width:760px){:root{--app-header-height:164px}}