:root{--app-bg:#009bf5;--chrome-top:var(--app-bg);--chrome-bottom:#103351}*{box-sizing:border-box}html,body{background:var(--chrome-top);width:100%;height:100%;margin:0;overflow:hidden}.device{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(to bottom, var(--chrome-top) 50%, var(--chrome-bottom) 50%);position:fixed;inset:0}.device iframe{background:#b8d9d6;border:0;width:100%;height:100%;display:block}body.framed{background:#e3ece9}body.framed .device{width:390px;height:844px;transform:translate(-50%, -50%) scale(var(--frame-scale,1));border-radius:44px;padding:0;inset:50% auto auto 50%;overflow:hidden;box-shadow:0 20px 60px #0005}.boot-cover{z-index:5;background:#1c8cfa url(/Drawple-assets/bg-blue.png) 50%/100% 100%;justify-content:center;transition:opacity .18s ease-out;display:flex;position:absolute;inset:0}.boot-cover img{width:250px;height:74px;margin-top:calc(env(safe-area-inset-top) + 64px);object-fit:contain}.boot-cover--done{opacity:0;pointer-events:none}.drawple-promo{padding-top:26px;position:relative}.drawple-promo__x{color:#7a86a8;background:0 0;border:0;width:36px;height:36px;font:400 28px/1 system-ui,sans-serif;position:absolute;top:8px;right:10px}.drawple-promo__icon{background:#fff;border-radius:20px;place-items:center;width:78px;height:78px;margin:0 auto 10px;display:grid;box-shadow:0 4px 10px #000a4c26}.drawple-promo__icon img{width:62px;height:62px}.drawple-promo h1{text-transform:uppercase;letter-spacing:.5px;font:400 30px/1.05 Lilita One,DrawpleUI,sans-serif}.drawple-promo__line{color:#3a4a7a;margin-top:8px;font:800 15px/1.35 DrawpleUI}.drawple-promo__ticks{text-align:left;gap:7px;margin:14px 0 4px;padding:0;list-style:none;display:grid}.drawple-promo__ticks li{color:#2a3770;align-items:center;gap:9px;font:800 14px/1.3 DrawpleUI;display:flex}.drawple-promo__ticks i{color:#fff;text-align:center;background:#22b866;border-radius:50%;flex:none;width:22px;height:22px;font:900 13px/22px system-ui,sans-serif}.drawple-promo__badge{width:190px;margin:16px auto 6px;display:block}.drawple-promo__badge img{width:100%;display:block}.drawple-promo__badge:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #0750ff}@font-face{font-family:Lilita One;src:url(/Drawple-assets/LilitaOne.ttf);font-display:swap}@font-face{font-family:Lilita One;src:url(/Drawple-assets/LilitaOne.ttf);font-display:swap}@font-face{font-family:DrawpleCta;src:url(/Drawple-assets/Montserrat-800.ttf);font-weight:800;font-display:swap}.store-cta{top:50%;left:calc(50% + var(--frame-w,390px) / 2 + 48px);text-align:center;color:#000a4c;background:#fff;border-radius:28px;width:236px;padding:22px 20px 20px;font-family:DrawpleCta,Montserrat,system-ui,sans-serif;position:fixed;transform:translateY(-50%);box-shadow:0 18px 50px #000a4c33}.store-cta[hidden]{display:none}.store-cta__logo{width:180px;margin:0 auto 10px;display:block}.store-cta h2{letter-spacing:.5px;text-transform:uppercase;margin:0 0 6px;font:400 30px/1.05 Lilita One,sans-serif}.store-cta p{color:#3a4a7a;margin:0 0 14px;font-size:14px;font-weight:800;line-height:1.35}.store-cta__badge{width:160px;margin:12px auto;display:block}.store-cta__badge img{width:100%;display:block}.store-cta__badge:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #0750ff}.store-cta__or{color:#7a86a8;margin:4px 0 8px;font-size:12px;font-weight:800}.store-cta__qr{width:132px;height:132px;image-rendering:pixelated;border-radius:12px;margin:0 auto;display:block}