/* iOS focus zoom depends on the computed input font, including on wide iPads.
   Keep pinch zoom available; do not constrain the viewport's maximum scale. */
html[data-ios="true"] #app input,
html[data-ios="true"] .modal input,
html[data-ios="true"] textarea,
html[data-ios="true"] select{font-size:16px}
/* Paint the area beneath the translucent system status bar even while the
   splash is visible or the main content is scrolled. No synthetic status icons. */
html[data-ios="true"]{background:var(--yellow)}
html[data-ios="true"]::before{content:'';position:fixed;inset:0 0 auto;height:var(--safe-top);background:var(--yellow);z-index:10001;pointer-events:none}
html[data-ios="true"] .modal::backdrop{clip-path:inset(var(--safe-top) 0 0)}
html[data-ios="true"] #splash.ios-install-screen{height:100%;min-height:0;overflow-y:auto;padding:calc(24px + var(--safe-top)) max(18px,env(safe-area-inset-right)) calc(24px + var(--safe-bottom)) max(18px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}
.ios-install-card{width:100%;max-width:404px;margin-block:auto;flex-shrink:0;border:1px solid var(--stroke);border-radius:22px;background:var(--card);padding:24px 20px;box-shadow:0 12px 30px #0004}
.ios-install-card h2{font-size:20px;color:var(--yellow)}
.ios-install-card .ios-steps{line-height:1.8}
.ios-install-card .ios-steps li{align-items:flex-start;margin:16px 0}
.ios-install-card .ios-install-help{font-size:13px;margin-bottom:12px}
.ios-install-card .ios-browser-note{color:var(--yellow)}
.ios-install-address{display:block;overflow-wrap:anywhere;font-family:system-ui,sans-serif;font-size:14px;text-decoration:underline;text-underline-offset:4px}