:root{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px)}
body{padding-bottom:var(--app-safe-bottom)}
.app-install-fab{position:fixed;right:14px;bottom:calc(14px + var(--app-safe-bottom));z-index:9996;border:0;border-radius:999px;padding:10px 14px;background:#0097df;color:#fff;box-shadow:0 8px 24px rgba(0,83,132,.24);font-family:'Kanit',sans-serif;font-weight:500;display:none;align-items:center;gap:7px;cursor:pointer}.app-install-fab.show{display:flex}
.pwa-toast{position:fixed;left:50%;bottom:calc(72px + var(--app-safe-bottom));transform:translateX(-50%);width:min(92vw,420px);z-index:9997;background:#173c50;color:#fff;border-radius:12px;padding:11px 13px;box-shadow:0 12px 30px rgba(0,0,0,.22);font-family:'Kanit',sans-serif;font-size:.83rem;display:none}.pwa-toast.show{display:block}
@media(max-width:820px){.site-header,.header{padding-top:var(--app-safe-top)}main{padding-bottom:calc(90px + var(--app-safe-bottom))!important}.actions{position:sticky;bottom:var(--app-safe-bottom);z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px;border-radius:12px;box-shadow:0 -5px 18px rgba(20,59,80,.08)}.actions .btn{min-height:44px}}