:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}
body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}
.pwa-install-btn{
  position:fixed;right:16px;bottom:calc(16px + var(--safe-bottom));z-index:9999;
  border:0;border-radius:999px;padding:13px 17px;background:#075b99;color:#fff;
  font-weight:800;box-shadow:0 10px 26px rgba(7,91,153,.3);display:none
}
.pwa-install-btn.show{display:block}
.pwa-toast{
  position:fixed;left:50%;bottom:calc(78px + var(--safe-bottom));transform:translateX(-50%);
  z-index:10000;background:#17324a;color:#fff;padding:12px 16px;border-radius:12px;
  max-width:calc(100% - 32px);font-size:13px;box-shadow:0 10px 28px rgba(0,0,0,.22);
  opacity:0;pointer-events:none;transition:.2s
}
.pwa-toast.show{opacity:1}
.pwa-ios-guide{
  position:fixed;inset:0;z-index:10001;background:rgba(5,23,38,.62);
  display:none;place-items:end center;padding:16px
}
.pwa-ios-guide.show{display:grid}
.pwa-ios-card{
  width:min(100%,460px);background:#fff;border-radius:20px;padding:22px;
  box-shadow:0 18px 50px rgba(0,0,0,.28)
}
.pwa-ios-card h3{margin:0 0 12px;color:#075b99}
.pwa-ios-card p{line-height:1.55;color:#596b7b}
.pwa-ios-card button{width:100%;border:0;border-radius:12px;padding:12px;background:#075b99;color:#fff;font-weight:800}
@media(max-width:700px){
  input,select,button{min-height:48px}
  .primary,.big{min-height:52px;font-size:15px}
  #cameraBtn{min-height:52px;font-weight:800}
  .reader{position:fixed!important;inset:0!important;z-index:9998;background:#000;padding:12px}
  .reader video{max-height:82vh!important;object-fit:cover!important}
}
@media(display-mode:standalone){
  .pwa-install-btn{display:none!important}
}