/* Mobile registration stays in the header; no fixed footer space is needed. */
html{scroll-padding-bottom:20px}
.app{padding-bottom:20px}
.header .brand img{width:76px;height:45px;padding:0;border:0;mix-blend-mode:multiply;flex-shrink:0}
.toast{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40}
.mobile-header-line{display:none}
@media(max-width:799px){
 :root{--mobile-header-space:calc(68px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--mobile-header-space) + 12px)}
 .app{padding-top:var(--mobile-header-space);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 .header{position:fixed;inset:0 0 auto;z-index:30;height:var(--mobile-header-space);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin:0;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px;background:rgba(245,244,238,.98);border-bottom:1px solid #dce3d7;box-shadow:0 2px 12px #263c3608}
 .header .brand{gap:8px;font-size:15px;min-width:0;flex-shrink:1}.header .brand>span{white-space:nowrap}.header .brand img{width:58px;height:36px}
 .header .header-links{display:none}
 .header .mobile-header-line{display:flex;width:128px;min-width:128px;min-height:44px;margin:0;padding:10px 8px;font-size:13px;line-height:1.4;white-space:nowrap;border-radius:8px;flex-shrink:0;box-shadow:0 2px 0 #078b3c}
}
@media(max-width:359px){
 .header .brand{gap:6px;font-size:14px}
 .header .brand img{width:44px;height:29px}
 .header .mobile-header-line{width:120px;min-width:120px;font-size:12px}
}