#welcome{position:fixed;inset:0;z-index:100;background:#e5ff29;color:#151a12;transition:opacity .2s ease;pointer-events:none}
#welcome.leaving{opacity:0}
.welcome-mark{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);font-size:112px;font-weight:900;line-height:1.2}
.welcome-footer{position:absolute;bottom:max(64px,env(safe-area-inset-bottom));width:100%;text-align:center}
.welcome-identity{display:flex;align-items:center;justify-content:center;gap:4px}
.welcome-identity img{width:66px;height:76px;object-fit:contain}
.welcome-identity div{text-align:left}
.welcome-identity strong{display:block;font-size:25px;line-height:1.3}
.welcome-identity span{display:block;margin-top:3px;font-size:13px}
.welcome-footer p{font-size:13px;margin-top:13px;color:#46501b}
.web-app{--refresh-backdrop:#fff;overscroll-behavior-y:none;background:var(--refresh-backdrop);color-scheme:light}
.web-app:has(#app .home){--refresh-backdrop:#e5ff29}
.web-app body{overscroll-behavior-y:none;background-color:var(--refresh-backdrop);background-image:linear-gradient(to bottom,var(--refresh-backdrop) 0,var(--refresh-backdrop) 230px,#151a12 230px);background-attachment:fixed}
.web-app body::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--refresh-backdrop);z-index:30;pointer-events:none}
.web-app #app{background:#fff}
.web-app .home{background:#f7faf5}
.web-app .hero{height:calc(166px + env(safe-area-inset-top))}
.web-app .hero-art{position:absolute;top:env(safe-area-inset-top);height:166px;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent,black 12px);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12px)}
.web-app .hero-copy{top:calc(43px + env(safe-area-inset-top))}
@media(min-width:481px){.web-app .hero{height:calc(196px + env(safe-area-inset-top))}.web-app .hero-art{height:196px}.web-app .hero-copy{top:calc(60px + env(safe-area-inset-top))}}
.web-app .side-copy{top:calc(89px + env(safe-area-inset-top))}
.web-app .preview-label{top:calc(12px + env(safe-area-inset-top))}
.web-app .fixed-location{position:fixed;top:calc(6px + env(safe-area-inset-top));left:max(14px,calc((100% - 480px)/2 + 14px));z-index:12;margin:0}
.web-app .pull-refresh{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:11;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;color:#26351b;font-size:12px;pointer-events:none}
.web-app #app.is-pulling{will-change:transform}
.web-app .scroll-end{padding:20px 12px 8px;text-align:center;color:#788270;font-size:12px}
.web-app .page-header{height:calc(58px + env(safe-area-inset-top));padding-top:calc(5px + env(safe-area-inset-top));background:#fff}
.admin-alert-status{font-size:12px;color:#67765f;padding:8px 0;min-height:32px}
@media(prefers-reduced-motion:reduce){#welcome,.web-app #app{transition:none!important}}