.pwa-install{font:inherit;color:var(--brand,#155e9f);background:var(--paper,#fff);border:1px solid var(--line,#d8dee8);border-radius:8px;padding:8px 12px;cursor:pointer;white-space:nowrap}
.pwa-install[hidden]{display:none!important}
.pwa-install:focus-visible{outline:3px solid var(--focus,#0e7490);outline-offset:3px}
.pwa-dialog{font:inherit;color:var(--ink,#111827);background:var(--paper,#fff);border:1px solid var(--line,#d8dee8);border-radius:16px;padding:24px;max-width:min(440px,calc(100% - 32px));box-shadow:var(--shadow,0 20px 56px #0f172a1a)}
.pwa-dialog::backdrop{background:#07142780}
.pwa-update{position:fixed;z-index:1000;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));max-width:calc(100% - 32px);display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px;background:var(--paper,#fff);color:var(--ink,#111827);border:1px solid var(--line,#d8dee8);border-radius:12px;box-shadow:var(--shadow,0 20px 56px #0f172a1a)}
.pwa-offline{min-height:100vh;display:grid;place-items:center;margin:0;padding:24px;background:#f4f6f9;color:#111827;font-family:Kanit,Tahoma,Arial,sans-serif;line-height:1.65}
.pwa-offline main{max-width:560px;padding:32px;background:#fff;border:1px solid #d8dee8;border-radius:16px;box-shadow:0 20px 56px #0f172a1a}
.pwa-offline img{width:72px;height:72px}.pwa-offline a{color:#155e9f}.pwa-offline nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
@media(display-mode:standalone){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:env(safe-area-inset-top)}}