/* GRIND MEDIA PWA 46E.1 — install UI only. */
.rg-pwa-install-entry[hidden]{display:none!important}
.rg-pwa-install-entry{
  appearance:none;
  border:0;
  background:transparent;
  text-align:left;
  width:auto;
  cursor:pointer;
}
.rg-pwa-install-entry:focus-visible{
  outline:2px solid rgba(255,59,59,.7);
  outline-offset:2px;
}
.rg-pwa-install-dialog{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:20px;
}
.rg-pwa-install-dialog[hidden]{display:none!important}
.rg-pwa-install-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.rg-pwa-install-card{
  position:relative;
  width:min(100%,420px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:linear-gradient(180deg,#121216 0%,#09090b 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);
  color:#f5f5f6;
  padding:24px;
}
.rg-pwa-install-card::before{
  content:"";
  position:absolute;
  left:24px;
  top:0;
  width:74px;
  height:2px;
  background:linear-gradient(90deg,#ff3b3b,#d40000);
}
.rg-pwa-install-close{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,.68);
  font:500 26px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}
.rg-pwa-install-close:hover{background:rgba(255,255,255,.06);color:#fff}
.rg-pwa-install-kicker{
  margin:0 42px 7px 0;
  color:#ff4b4b;
  font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.rg-pwa-install-title{
  margin:0 42px 12px 0;
  font:750 22px/1.18 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.02em;
}
.rg-pwa-install-copy{
  margin:0;
  color:rgba(255,255,255,.76);
  font:450 14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.rg-pwa-install-steps{
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
  counter-reset:rg-pwa-step;
}
.rg-pwa-install-steps li{
  counter-increment:rg-pwa-step;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:rgba(255,255,255,.9);
  font:550 14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.rg-pwa-install-steps li::before{
  content:counter(rg-pwa-step);
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,59,59,.42);
  border-radius:7px;
  background:rgba(255,59,59,.08);
  color:#ff5555;
  font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.rg-pwa-modal-open{overflow:hidden!important}
@media (prefers-reduced-motion:no-preference){
  .rg-pwa-install-card{animation:rgPwaCardIn .16s ease-out}
  @keyframes rgPwaCardIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
}