/* Stage983: Web-only Add to Home Screen recommendation */
#trfA2hsBackdrop{
  position:fixed;
  inset:0;
  z-index:10080;
  display:none;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:calc(16px + env(safe-area-inset-top, 0px)) calc(16px + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) calc(16px + env(safe-area-inset-left, 0px));
  background:rgba(0,0,0,.78);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
#trfA2hsBackdrop.is-open{display:flex;}
#trfA2hsDialog{
  width:min(520px,94vw);
  max-height:min(88vh,720px);
  overflow:auto;
  box-sizing:border-box;
  color:#e6eef7;
  background:#111820;
  border:1px solid rgba(129,170,207,.48);
  border-radius:16px;
  box-shadow:0 18px 48px rgba(0,0,0,.68), 0 0 0 1px rgba(255,255,255,.04) inset;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
#trfA2hsDialog .trf-a2hs-header{
  padding:18px 18px 12px;
  font-size:19px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.02em;
  text-align:center;
}
#trfA2hsDialog .trf-a2hs-body{
  padding:4px 18px 16px;
  font-size:14px;
  line-height:1.75;
  color:rgba(230,238,247,.96);
}
#trfA2hsDialog .trf-a2hs-body p{margin:0;}
#trfA2hsDialog .trf-a2hs-reason{
  margin-top:12px;
  padding:12px 13px;
  border:1px solid rgba(129,170,207,.28);
  border-radius:12px;
  background:rgba(19,42,60,.5);
  color:rgba(230,238,247,.94);
}
#trfA2hsDialog .trf-a2hs-steps{
  margin:12px 0 0;
  padding:12px 13px;
  border-radius:12px;
  background:rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.1);
  white-space:pre-line;
}
#trfA2hsDialog .trf-a2hs-note{
  display:block;
  margin-top:10px;
  font-size:12px;
  line-height:1.55;
  color:rgba(178,195,211,.9);
}
#trfA2hsDialog .trf-a2hs-footer{
  display:flex;
  justify-content:center;
  gap:10px;
  padding:14px 18px 18px;
  border-top:1px solid rgba(255,255,255,.1);
}
#trfA2hsDialog button{
  min-height:46px;
  padding:10px 16px;
  border:1px solid #354757;
  border-radius:12px;
  color:#e6eef7;
  background:#18212a;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
#trfA2hsDialog button:focus-visible{
  outline:3px solid rgba(88,177,255,.75);
  outline-offset:2px;
}
#trfA2hsDialog .trf-a2hs-primary{
  border-color:#3578a6;
  background:#1a4c70;
}
#trfA2hsDialog .trf-a2hs-primary:active,
#trfA2hsDialog button:active{transform:translateY(1px);}
body.trf-a2hs-open{overflow:hidden !important;}

@media (max-width:420px){
  #trfA2hsBackdrop{align-items:flex-end;padding:12px 10px calc(10px + env(safe-area-inset-bottom, 0px));}
  #trfA2hsDialog{width:100%;max-height:86vh;border-radius:18px 18px 12px 12px;}
  #trfA2hsDialog .trf-a2hs-header{padding:17px 15px 10px;font-size:18px;}
  #trfA2hsDialog .trf-a2hs-body{padding:4px 15px 14px;font-size:13px;line-height:1.68;}
  #trfA2hsDialog .trf-a2hs-footer{flex-direction:column;padding:12px 15px 15px;}
  #trfA2hsDialog button{width:100%;}
}

@media (prefers-reduced-motion:no-preference){
  #trfA2hsBackdrop.is-open #trfA2hsDialog{animation:trfA2hsIn .18s ease-out both;}
  @keyframes trfA2hsIn{
    from{opacity:0;transform:translateY(12px) scale(.985);}
    to{opacity:1;transform:none;}
  }
}