body main{min-height:0;height:100vh;height:100dvh;max-height:none}
.pwa-controls{border-top:1px solid #aec7ad;margin-top:24px;padding:18px 0 8px}.pwa-controls button{display:block;padding:12px 16px;border:1px solid #668e76;border-radius:12px;background:#fff8e0;min-height:44px}.pwa-controls p{font-size:12px;line-height:1.5}.pwa-controls [hidden],.pwa-connection[hidden]{display:none!important}
.pwa-connection{position:absolute;top:0;left:0;right:0;z-index:100;margin:0;padding:8px 14px;background:#fff0bd;color:#193e33;font-size:12px;text-align:center;pointer-events:none}
@media(max-width:649px){body main{width:100%;border:0;border-radius:0}body{display:block}main>header{padding-top:env(safe-area-inset-top);height:calc(74px + env(safe-area-inset-top))}main>.screen{height:calc(100% - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}main>nav{padding-bottom:env(safe-area-inset-bottom);height:calc(74px + env(safe-area-inset-bottom))}.welcome-page,.signup-page{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom))}input,select,textarea{font-size:16px!important}}
/* Keep the existing phone-shaped desktop preview. Standalone PWA windows expand
   to the device viewport; installation is offered outside the signed-in app. */
@media(min-width:650px){body main{width:min(100%,430px);height:min(94vh,820px);border:9px solid #fff;border-radius:44px}.welcome-page{padding-left:25px;padding-right:25px}.welcome-logo-grid,.welcome-directory{gap:8px}}
@media(display-mode:standalone){body main{width:100%;height:100vh;height:100dvh;border:0;border-radius:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}