* { box-sizing: border-box; }
html, body { margin: 0; background: #e6e6e1; }
body { display: flex; justify-content: center; padding: 16px 12px; font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
.phone { position: relative; width: 390px; max-width: 100%; height: 844px; max-height: calc(100dvh - 32px); border: 9px solid #161616; border-radius: 48px; background: #fff; overflow: hidden; box-shadow: 0 0 0 1px #777, 0 12px 32px #0002; }
.phone-status { height: 44px; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; color: #171717; font-size: 14px; font-weight: 700; letter-spacing: -.3px; }
.island { position: absolute; width: 90px; height: 25px; background: #111; border-radius: 20px; left: 50%; transform: translateX(-50%); top: 7px; }
.status-icons { display: flex; align-items: center; gap: 5px; fill: currentColor; }
.signal { width: 17px; height: 12px; }
.wifi { width: 16px; height: 12px; }
.battery { width: 26px; height: 13px; }
iframe { display: block; width: 100%; height: calc(100% - 44px); border: 0; border-radius: 0 0 36px 36px; }
.home-indicator { position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); height: 5px; width: 110px; background: #171717; border-radius: 5px; pointer-events: none; }