.iphone-stage{aspect-ratio:5/8;--iphone-metal:linear-gradient(135deg, #f5f6f8 0%, #b8bcc4 18%, #eef0f3 38%, #8f949c 62%, #e3e6ea 82%, #a9adb5 100%);width:100%;max-width:400px;margin-inline:auto;position:relative}.iphone-stage[data-finish=deep-blue]{--iphone-metal:linear-gradient(135deg, #5d6f94 0%, #27334f 25%, #56688d 45%, #1c2640 70%, #4a5b80 100%)}.iphone-stage[data-finish=cosmic-orange]{--iphone-metal:linear-gradient(135deg, #f09a62 0%, #b8511d 25%, #eb8a4f 45%, #9c4214 70%, #e27c3f 100%)}.iphone-gl{pointer-events:none;opacity:0;transition:opacity .7s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.iphone-stage[data-live=true] .iphone-gl{opacity:1}.iphone-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.iphone-css3d{inset:0;position:absolute!important}.iphone-poster{box-sizing:border-box;background:linear-gradient(#050506, #050506) padding-box, var(--iphone-metal) border-box;width:434px;height:906px;transform:translate(-50%, -50%) scale(var(--iphone-poster-scale,.6));border:5px solid #0000;border-radius:71px;padding:11px;position:absolute;top:50%;left:50%;box-shadow:0 50px 90px -40px #0000008c,inset 0 0 0 1px #ffffff0f}.iphone-screen{color:#000;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;pointer-events:none;background:#000;border-radius:55px;width:402px;height:874px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Inter,system-ui,sans-serif;position:relative;overflow:hidden}.iphone-island{z-index:40;background:#000;border-radius:19px;width:126px;height:37px;margin-left:-63px;transition:transform .42s cubic-bezier(.2,.9,.25,1);position:absolute;top:11px;left:50%}.iphone-screen:has([data-island=ping]) .iphone-island{transform:scale(1.42,1.08)}.iphone-glare{z-index:41;pointer-events:none;transform:translateX(var(--iphone-glare,0px));will-change:transform;background:linear-gradient(100deg,#0000 40%,#ffffff1a 47%,#ffffff08 53%,#0000 60%);position:absolute;inset:-10% -80%}.iphone-screen-dark{background:#000;position:absolute;inset:0}.iphone-showcase{flex-direction:column;align-items:center;display:flex}.iphone-showcase-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.iphone-swatch{background:#eff0ed;border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #00000040}.iphone-swatch[data-finish=burgundy]{background:#54393e}.iphone-swatch[data-finish=glacier]{background:#c5d5ef}.iphone-swatch[data-finish=silver]{background:#eff0ed}.iphone-swatch[data-finish=black]{background:#2e2d2d}.iphone-swatch[data-finish=deep-blue]{background:#34425f}.iphone-swatch[data-finish=cosmic-orange]{background:#d26a31}
.iphone-lock{position:absolute;inset:0}.iphone-lock-wallpaper{background:radial-gradient(60% 42% at 22% 80%, color-mix(in oklab, var(--brand-blue) 85%, transparent) 0%, transparent 70%), radial-gradient(55% 40% at 82% 28%, color-mix(in oklab, var(--brand-indigo) 80%, transparent) 0%, transparent 70%), radial-gradient(38% 28% at 66% 96%, color-mix(in oklab, var(--brand-cyan) 70%, transparent) 0%, transparent 70%), linear-gradient(180deg, #060a18 0%, #0a1330 55%, #050814 100%);position:absolute;inset:-8%}.iphone-lock-date{text-align:center;color:#ffffffdb;font-size:21px;font-weight:600;position:absolute;top:84px;left:0;right:0}.iphone-lock-time{text-align:center;letter-spacing:-2px;color:#ffffffed;text-shadow:0 2px 24px #0000002e;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:100px;font-weight:700;line-height:1;position:absolute;top:110px;left:0;right:0}.iphone-lock-button{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;bottom:42px;box-shadow:inset 0 0 0 .5px #ffffff4d}.iphone-lock-button--left{left:44px}.iphone-lock-button--right{right:44px}.iphone-status{z-index:20;color:#fff;justify-content:space-between;align-items:center;height:54px;padding:6px 30px 0 52px;font-size:17px;font-weight:600;transition:color .3s;display:flex;position:absolute;top:0;left:0;right:0}.iphone-status svg{fill:currentColor;display:block}.iphone-status-icons{align-items:center;gap:6px;display:flex}.iphone-status-time{transition:opacity .3s}.iphone-battery{border-radius:4px;width:25px;height:12px;position:relative;box-shadow:inset 0 0 0 1px}.iphone-battery>span{background:currentColor;border-radius:2px;width:17px;position:absolute;top:2px;bottom:2px;left:2px}.iphone-battery:after{content:"";opacity:.6;background:currentColor;border-radius:0 1px 1px 0;width:1.5px;height:4px;position:absolute;top:4px;right:-3px}.iphone-home{z-index:20;background:#ffffffeb;border-radius:3px;width:140px;height:5px;margin-left:-70px;transition:background-color .3s;position:absolute;bottom:8px;left:50%}