.app-demo{color:#163e35;font-size:12px;line-height:1.6}.app-demo__stage{position:relative}.app-demo button{color:#163e35;min-height:44px;font:inherit;cursor:pointer;background:#fffdf7;border:1px solid #c7d6c6;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 10px;line-height:1.5;display:inline-flex}.app-demo button:hover:not(:disabled){background:#edf0df}.app-demo button:disabled{opacity:.45;cursor:default}.app-demo button svg{flex:none}.app-demo [hidden]{display:none!important}.app-demo button:focus-visible,.app-demo__panel:focus-visible{outline-offset:3px;outline:3px solid #537b2c}.app-demo__bar{align-items:center;gap:6px;margin-bottom:8px;display:flex}.app-demo__count{white-space:nowrap;align-items:center;gap:9px;margin-right:auto;display:flex}.app-demo__count b{font-variant-numeric:tabular-nums;font-size:13px}.app-demo__count span{gap:4px;display:flex}.app-demo__count i{background:#d5ddc7;border-radius:50%;width:6px;height:6px;display:block}.app-demo__count i.is-found{background:#267c57}.app-demo__expand{flex:none;width:44px;padding:0!important}.app-demo__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-demo__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-demo__panel{aspect-ratio:1;cursor:crosshair;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;background:#edf0e6;border-radius:8px;min-width:0;position:relative}.app-demo__panel img{aspect-ratio:1;border-radius:inherit;pointer-events:none;visibility:hidden;width:100%;height:auto;display:block}.app-demo__stage[data-ready] .app-demo__panel img{visibility:visible}.app-demo__panel svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.app-demo__ring{fill:none;stroke:#e04038;stroke-width:6px}.app-demo__hint{pointer-events:none;opacity:0;background:#e04038;border:3px solid #e04038;border-radius:16px;position:absolute}.app-demo__miss{fill:none;stroke:#b96730;stroke-width:4px;animation:.6s ease-out forwards app-demo-miss}.app-demo__cursor{fill:#fff8;stroke:#163e35;stroke-width:4px;stroke-dasharray:7 4}.app-demo__status:not(.app-demo__sr){color:#536354;margin:8px 0;font-size:11px}[data-demo-cta-home]:not(:empty){margin-top:10px}.app-demo__result{text-align:center;background:#edf0e3;border-radius:10px;padding:26px 14px 14px;animation:.35s ease-out app-demo-result;position:relative}.app-demo__result>strong{font-size:18px;line-height:1.45;display:block}.app-demo__result p{margin:5px 0 20px;font-size:12px}.app-demo__result .app-promotion__stores{text-align:left;animation:.35s ease-out app-demo-result}.app-demo__celebration{color:#fff;background:#163e35;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid;position:relative}.app-demo__celebration>i{width:8px;height:8px;transform:rotate(calc(var(--spark) * 60deg)) translateY(-40px);background:#d28b39;border-radius:2px;animation:.85s ease-out both app-demo-spark;position:absolute;top:20px;left:20px}.app-demo__celebration>i:nth-of-type(2n){background:#4d8870}.app-demo__stage.is-complete .app-demo__panels,.app-demo__stage.is-complete .app-demo__bar{display:none}.app-demo__retry{margin:8px 0}.app-demo__dialog{color:#163e35;overscroll-behavior:contain;background:#f8f9f0;border:1px solid #d5ddc7;border-radius:16px;width:min(960px,100% - 24px);max-width:none;max-height:calc(100svh - 24px);margin:auto;padding:14px}.app-demo__dialog::backdrop{background:#102820a8}.app-demo__dialog-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.app-demo__dialog-bar strong{font-size:14px}.app-demo__dialog-bar button{flex:none}.app-demo__dialog [data-demo-expand]{display:none}.app-demo__dialog .app-demo__panels{max-width:min(100%,200svh - 492px);margin-inline:auto}.app-demo__dialog [data-demo-cta],.app-demo__dialog .app-demo__result{max-width:600px;margin-inline:auto}@media (width<=700px){.app-demo__count{gap:6px}.app-demo__count span{display:none}.app-demo__panels{gap:6px}.app-demo__dialog{padding:10px}.app-demo__dialog .app-demo__panels{flex-direction:column;align-items:center;max-width:none;display:flex}.app-demo__dialog .app-demo__panel{width:min(100%,max(180px,50svh - 140px))}}@media (height<=500px) and (aspect-ratio>=1){.app-demo__dialog .app-demo__panels{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;display:grid}.app-demo__dialog .app-demo__panel{width:100%}}@keyframes app-demo-miss{0%{opacity:.9}to{opacity:0}}@keyframes app-demo-result{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes app-demo-spark{0%{opacity:1;transform:rotate(calc(var(--spark) * 60deg)) translateY(-22px)}to{opacity:0;transform:rotate(calc(var(--spark) * 60deg)) translateY(-60px)}}@media (prefers-reduced-motion:reduce){.app-demo__miss,.app-demo__result,.app-demo__result .app-promotion__stores,.app-demo__celebration>i{animation:none}.app-demo__celebration>i{display:none}}.app-promotion{--app-deep:#163e35;width:100%;max-width:600px;color:var(--app-deep);isolation:isolate;background:#f7f8f1;border:1px solid #dce3d5;border-radius:16px;margin:0 auto 40px;padding:12px;position:relative}.app-promotion *,.app-promotion :before,.app-promotion :after{box-sizing:border-box}.app-promotion__header{align-items:center;gap:8px;margin-bottom:5px;display:flex}.app-promotion__header h2{flex:1;min-width:0;margin:0;font-size:12px;font-weight:650;line-height:1.45}.app-promotion__identity{align-items:center;gap:9px;min-height:44px;text-decoration:none;display:flex}.app-promotion__identity img{border-radius:8px;flex:none}.app-promotion__identity span{overflow-wrap:anywhere}.app-promotion__identity>svg{flex:none;margin-left:auto}.app-promotion__stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-store-button{border:1px solid var(--app-deep);background:var(--app-deep);color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:52px;padding:7px 28px 7px 12px;text-decoration:none;transition:background .18s;display:flex;position:relative}.app-store-button>span{overflow-wrap:anywhere;font-size:9px;line-height:1.45}.app-store-button strong{white-space:nowrap;font-size:15px;font-weight:650;line-height:1.5}.app-store-button>svg{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.app-store-button--light{color:var(--app-deep);background:#fffdf7}.app-store-button--pending{cursor:default}a.app-store-button:hover{color:#fff;background:#285548}.app-promotion__qr{flex:none;position:relative}.app-promotion__qr summary{cursor:pointer;border-radius:8px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.app-promotion__qr summary::-webkit-details-marker{display:none}.app-promotion__qr summary:hover{background:#e9eee2}.app-promotion__qr>div{z-index:5;background:#fffdf7;border:1px solid #dce3d5;border-radius:12px;width:176px;padding:14px;position:absolute;top:46px;right:0;box-shadow:0 12px 30px #163e3520}.app-promotion__qr img{max-width:100%;display:block}.app-promotion__qr p{margin:8px 0 0;font-size:10px;line-height:1.6}.app-promotion a:focus-visible,.app-promotion summary:focus-visible{outline-offset:3px;outline:3px solid #537b2c}.app-promotion--article{margin-top:24px;margin-bottom:0}@media (width<=700px){.app-promotion{border-radius:12px;margin-bottom:30px;padding:10px}.app-promotion__qr{display:none}.app-promotion--article{margin-top:20px;margin-bottom:0}}@media (width<=360px){.app-store-button{padding:7px 9px}.app-store-button>svg{display:none}.app-store-button strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.app-promotion *,.app-promotion :before,.app-promotion :after{transition:none!important}}