@font-face{font-family:Poppins;src:url('assets/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('assets/Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#edeae6}body{font-family:Poppins,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100svh;overflow:hidden;padding:18px 12px 16px;color:#756d79;background:radial-gradient(ellipse at 50% 40%,#faf9f7 0%,#eeebe7 65%,#e5e1dc 100%)}.preview-caption{display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px;margin-bottom:13px;font-size:10px;font-weight:400;letter-spacing:.2px}.preview-caption>span:nth-child(2){font-weight:500;color:#4d4055}.preview-dot{height:5px;width:5px;border-radius:50%;background:#8327c6}.caption-divider{opacity:.4;margin:0 2px}.device-stage{display:flex;justify-content:center;align-items:center;flex:0 0 auto}.device-wrap{position:relative;width:310.5px;height:649.5px;--device-scale:.75}.phone{position:relative;width:414px;height:866px;padding:11px;background:linear-gradient(115deg,#414141 0%,#151515 10%,#070707 55%,#343434 100%);border-radius:55px;box-shadow:0 0 0 1px #3c3c3c,0 0 0 2px #a3a09b,0 24px 44px #35291d2e,0 8px 13px #35291d24,inset 0 0 0 3px #424242;transform:scale(var(--device-scale));transform-origin:top left}.phone:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff15;border-radius:50px;pointer-events:none}.phone-screen{height:100%;width:100%;border-radius:44px;background:#fff;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.phone-status{height:43px;min-height:43px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px 25px 0;background:white;color:#272727}.status-time{font-family:Poppins,Arial,sans-serif;font-size:13px;font-weight:500}.status-icons{margin-top:1px}.camera-island{position:absolute;width:105px;height:27px;border-radius:99px;background:#111;left:50%;top:8px;transform:translateX(-50%);box-shadow:inset 0 0 0 1px #000}.camera-island i{position:absolute;width:8px;height:8px;background:#101725;border:2px solid #202432;border-radius:50%;right:13px;top:10px}.phone iframe{border:0;display:block;width:100%;flex:1;min-height:0;background:#fff;overflow:auto}.phone-home{height:21px;min-height:21px;background:white;display:grid;place-items:center;padding-top:4px}.phone-home span{height:4px;width:113px;background:#191919;border-radius:99px}.side-button{position:absolute;background:#555;border-radius:3px;box-shadow:inset 1px 0 1px #222;width:3px;left:-3px}.silent{height:29px;top:111px}.volume-up{height:55px;top:160px}.volume-down{height:55px;top:228px}.power{left:auto;right:-3px;height:78px;top:185px}.preview-help{text-align:center;font-size:10px;line-height:1.8;margin-top:14px;color:#736a78}.preview-disclaimer{display:block;font-size:9px;color:#99909b;margin-top:2px}@media(max-width:450px){body{padding:13px 9px}.preview-caption{font-size:9px;margin-bottom:11px;gap:6px}.preview-help{font-size:9px;margin-top:11px}.preview-disclaimer{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}