/* Add to home screen */
/* [hidden] first, and with !important: the rules below set a display value,
   and a class selector outranks the browser's own [hidden] rule. Without this
   the button shows on every platform including the ones where it does nothing,
   and the sheet becomes an invisible full-screen layer that eats every click
   on the page. Both of those actually happened before this line existed. */
[data-install-btn][hidden], [data-install-note][hidden], #ios-install-sheet[hidden]{display:none !important}
[data-install-btn]{display:inline-flex; align-items:center; gap:9px; margin:14px 0 0;
  background:transparent; color:#EDF3EB; border:1px solid #2B3A29; border-radius:10px;
  padding:11px 18px; font:600 15px/1 "Sora",system-ui,sans-serif; cursor:pointer;
  transition:border-color .15s, color .15s}
[data-install-btn]:hover{border-color:#6EE04A; color:#6EE04A}
[data-install-note]{margin:9px 0 0; font-size:13px; color:#778775}
#ios-install-sheet{position:fixed; inset:0; z-index:9500; background:rgba(0,0,0,.72);
  display:flex; align-items:flex-end; justify-content:center; padding:16px}
#ios-install-sheet .iis-card{width:min(460px,100%); background:#0D120E; border:1px solid #2B3A29;
  border-radius:16px; padding:22px; margin-bottom:env(safe-area-inset-bottom,0); color:#EDF3EB}
#ios-install-sheet .iis-title{font:700 19px/1.3 "Sora",system-ui,sans-serif; margin:0 0 8px}
#ios-install-sheet .iis-sub{margin:0 0 14px; color:#B4C2B1; font-size:15px}
#ios-install-sheet .iis-steps{margin:0 0 16px; padding-left:20px; font-size:16px; line-height:1.75}
#ios-install-sheet .iis-share{display:inline-block; border:1px solid #2B3A29; border-radius:5px;
  padding:0 6px; color:#8FD0FF; font-size:14px}
#ios-install-sheet .iis-close{width:100%; background:#6EE04A; color:#04120a; border:0;
  border-radius:10px; padding:13px; font:700 15px/1 "Sora",system-ui,sans-serif; cursor:pointer}
#ios-install-sheet .iis-dim{color:#778775; font-size:14px}
