html { min-height: 100%; }
body { min-height: 100vh; min-height: 100dvh; }
@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); }
}
.worker-pwa-status { position: fixed; bottom: max(12px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100vw - 24px); padding: 10px 16px; border: 1px solid #fcd34d; border-radius: 12px; background: #fffbeb; color: #92400e; font: 14px/1.5 system-ui, sans-serif; z-index: 10000; pointer-events: none; }
.worker-pwa-install { margin-top: 18px; padding-top: 14px; border-top: 1px solid #e2e8f0; color: #64748b; font: 13px/1.6 system-ui, sans-serif; }
.worker-pwa-install p { margin: 0; }
.worker-pwa-install button { margin-top: 10px; min-height: 44px; padding: 8px 18px; background: #2563eb; color: white; border: 0; border-radius: 10px; cursor: pointer; font: inherit; }
.worker-pwa-status[hidden], .worker-pwa-install button[hidden] { display: none; }