/* iPhone device frame — see ios-frame.js */
.ios-device { width: 402px; height: 874px; border-radius: 48px; overflow: hidden; position: relative; background: #F2F2F7; box-shadow: 0 40px 80px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.12); font-family: -apple-system, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.ios-device.dark { background: #000; }
.ios-island { position: absolute; top: 11px; left: 50%; transform: translateX(-50%); width: 126px; height: 37px; border-radius: 24px; background: #000; z-index: 50; }
.ios-status-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; pointer-events: none; }
.ios-status { display: flex; gap: 154px; align-items: center; justify-content: center; padding: 21px 24px 19px; box-sizing: border-box; position: relative; z-index: 20; width: 100%; }
.ios-status-side { flex: 1; height: 22px; display: flex; align-items: center; justify-content: center; padding-top: 1.5px; }
.ios-status-icons { gap: 7px; padding-top: 1px; padding-right: 1px; }
.ios-time { font-family: -apple-system, "SF Pro", system-ui; font-weight: 590; font-size: 17px; line-height: 22px; }
.ios-body { height: 100%; display: flex; flex-direction: column; }
.ios-content { flex: 1; overflow: auto; scrollbar-width: none; }
.ios-content::-webkit-scrollbar { display: none; }
.ios-home { position: absolute; bottom: 0; left: 0; right: 0; z-index: 60; height: 34px; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 8px; pointer-events: none; box-sizing: border-box; }
.ios-home > div { width: 139px; height: 5px; border-radius: 100px; background: rgba(0,0,0,0.25); }
.ios-device.dark .ios-home > div { background: rgba(255,255,255,0.7); }