/* Installed iPhone web app (APP-13862): safe areas under the notch and Home bar, banner, offline notice. */
body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
#install-banner{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:20;display:flex;gap:.5rem;align-items:flex-start;padding:.8rem 1rem;border:1px solid #22d3ee;border-radius:.9rem;background:#0f141a;color:#e6edf3;font:15px/1.45 "Open Sans",system-ui,sans-serif;box-shadow:0 6px 24px #000a}
#install-banner p{margin:0;flex:1 1 auto;min-width:0;color:#e6edf3}
#install-banner a{color:#22d3ee}
#install-banner .close{flex:none;width:2.75rem;height:2.75rem;padding:0;margin:-.6rem -.7rem 0 0;border:0;border-radius:50%;background:none;color:#9fb0c0;font-size:1.6rem;line-height:1;cursor:pointer}
#install-banner .arrow{position:absolute;left:50%;bottom:-.55rem;width:1rem;height:1rem;margin-left:-.5rem;background:#0f141a;border-right:1px solid #22d3ee;border-bottom:1px solid #22d3ee;transform:rotate(45deg)}
.share-icon{display:inline-block;width:1.05em;height:1.3em;vertical-align:-.25em;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26' fill='none' stroke='%2322d3ee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v14M5 7l5-5 5 5M6 11H3v13h14V11h-3'/%3E%3C/svg%3E")}
#offline-notice{position:sticky;top:0;z-index:15;margin:0;padding:.5rem 1rem;background:#22d3ee;color:#0a0d11;font:600 14px/1.4 system-ui,sans-serif;text-align:center}