/* Musicshake as an installed app (2026-09-24): the iPhone/iPad install steps (js/app.js) and app-mode spacing */
#msapp-ios { position: fixed; inset: 0; z-index: 100000; background: rgba(0, 0, 0, .55); display: flex; align-items: flex-end; justify-content: center; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); box-sizing: border-box; }
#msapp-ios .msapp-card { position: relative; width: 100%; max-width: 360px; background: #161616; color: #ddd; border: 1px solid #000; border-radius: 14px; box-shadow: inset 0 1px 0 #2e2e2e, 0 0 0 1px #2a2a2a, 0 14px 36px rgba(0, 0, 0, .75); padding: 18px 18px 14px; font: 14px/1.45 arial, helvetica, sans-serif; text-align: left; }
#msapp-ios .msapp-card > img { width: 44px; height: 44px; border-radius: 10px; vertical-align: middle; margin-right: 10px; }
#msapp-ios .msapp-card > b { color: #ff9d2e; font-size: 16px; vertical-align: middle; }
#msapp-ios ol { margin: 14px 0 2px; padding-left: 22px; list-style: decimal outside; }
#msapp-ios li { margin: 6px 0; display: list-item; list-style: inherit; }
#msapp-ios li::marker { color: #ff9d2e; font-weight: bold; }
#msapp-ios li svg { vertical-align: -3px; }
#msapp-ios li b { color: #fff; }
#msapp-ios .msapp-x { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: #888; font-size: 24px; line-height: 1; cursor: pointer; padding: 4px; }
/* installed app: keep the menu bar clear of a landscape iPhone's notch */
html.app-standalone #header { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); box-sizing: border-box; }