/* Exact 310 × 637 HTML/CSS phone frame from gymproposition/public/logo-iphone.css.
   Namespaced for this page. The wallpaper is replaced by a read-only light app. */
.gym-apple-phone { position: relative; width: 310px; height: 637px; padding: 7px; border-radius: 49px; border: 1px solid #85877c; background: #292c27; box-shadow: 0 0 0 2px #060705, inset 0 0 0 2px #52554a, 0 35px 65px #0007; }
.gym-apple-screen { position: relative; height: 100%; overflow: hidden; isolation: isolate; border: 3px solid #050605; border-radius: 41px; background: #f5f6f8; }
.gym-status-bar { height: 56px; padding: 14px 20px 0 23px; display: flex; align-items: flex-start; justify-content: space-between; position: relative; font:650 13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:#171b22; }
.gym-island { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 91px; height: 26px; border-radius: 30px; background: #050605; }
.gym-island::after { content: ''; position: absolute; right: 9px; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: radial-gradient(circle at 65% 35%, #172342, #090c14); }
.gym-status-icons { display: flex; gap: 5px; align-items: center; height: 15px; }
.gym-signal { display: flex; align-items: flex-end; gap: 1.5px; height: 10px; }
.gym-signal i { width: 2.5px; background: #171b22; border-radius: 1px; }
.gym-signal i:nth-child(1) { height: 4px; }.gym-signal i:nth-child(2) { height: 6px; }.gym-signal i:nth-child(3) { height: 8px; }.gym-signal i:nth-child(4) { height: 10px; }
.gym-wifi { display: inline-block; font-size: 19px; line-height: 12px; transform: rotate(180deg); }
.gym-battery { width: 20px; height: 10px; border: 1px solid #171b228c; border-radius: 3px; position: relative; padding: 1px; }
.gym-battery::before { content: ''; display: block; height: 100%; width: 85%; background: #171b22; border-radius: 1px; }
.gym-battery::after { content: ''; position: absolute; right: -3px; top: 2px; width: 1.5px; height: 4px; background: #171b228c; border-radius: 1px; }
.gym-home-indicator { position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:97px;height:4px;border-radius:5px;background:#171b22; }
.gym-side-button { position: absolute; width: 3px; left: -4px; border-radius: 2px 0 0 2px; background: linear-gradient(90deg, #71756a, #30342c); }
.gym-silent { top: 99px; height: 21px; }.gym-volume-up { top: 140px; height: 40px; }.gym-volume-down { top: 190px; height: 40px; }.gym-power { top: 157px; height: 64px; left: auto; right: -4px; border-radius: 0 2px 2px 0; }
.gym-app-frame { position:absolute;top:44px;left:0;width:390px;height:calc((100% - 63px) * 1.3541666667);transform:scale(.7384615385);transform-origin:top left;border:0;background:#f2f2f7;color-scheme:light; }