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