@keyframes spin-4dae7234{to{transform:rotate(1turn)}}@keyframes fadeIn-4dae7234{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-4dae7234{0%{opacity:1}to{opacity:0}}@keyframes slideUp-4dae7234{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown-4dae7234{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake-4dae7234{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse-4dae7234{0%,to{opacity:1}50%{opacity:.5}}.on[data-v-4dae7234]{container-type:inline-size;margin:0 auto;max-width:560px;padding:20px 16px 32px}.on__intro[data-v-4dae7234]{text-align:center}.on__letters[data-v-4dae7234]{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:18px}.on__letter[data-v-4dae7234]{border-radius:12px;box-shadow:0 4px 12px #262f3814;display:grid;font-size:17px;font-weight:900;height:40px;place-items:center;width:40px}.on__letter[data-v-4dae7234]:nth-child(odd){transform:rotate(-4deg)}.on__letter[data-v-4dae7234]:nth-child(2n){transform:rotate(3deg)}.on__letter--R[data-v-4dae7234]{background:#e0f2f0;color:#00897b}.on__letter--I[data-v-4dae7234]{background:#e6edfc;color:#2f6fd6}.on__letter--A[data-v-4dae7234]{background:#f0e9fc;color:#7c3aed}.on__letter--S[data-v-4dae7234]{background:#ffe9ee;color:#ff385c}.on__letter--E[data-v-4dae7234]{background:#fdf0dc;color:#f59e0b}.on__letter--C[data-v-4dae7234]{background:#e9ebee;color:#5c6470}.on__title[data-v-4dae7234]{color:var(--gray-900,oklch(22% .015 250deg));font-size:22px;font-weight:900;letter-spacing:-.02em;margin:0 0 6px}.on__sub[data-v-4dae7234]{color:var(--gray-600,oklch(50% .01 250deg));font-size:14px;line-height:1.65;margin:0 auto 22px;max-width:400px}.on__start[data-v-4dae7234]{align-items:center;background:var(--brand-love,#ff385c);border:0;border-radius:16px;box-shadow:0 8px 24px #d3004659;color:#fff;cursor:pointer;display:inline-flex;font-size:16.5px;font-weight:800;gap:10px;min-height:50px;padding:0 40px;transition:transform .18s var(--ease-out-expo)}.on__start[data-v-4dae7234]:hover{transform:translateY(-2px)}.on__start[data-v-4dae7234]:active{transform:scale(.97)}.on__start[data-v-4dae7234]:focus-visible{outline:2px solid var(--brand-love,#ff385c);outline-offset:3px}.on__start-arrow[data-v-4dae7234]{font-weight:900;transition:transform .18s var(--ease-out-expo)}.on__start:hover .on__start-arrow[data-v-4dae7234]{transform:translate(3px)}.on__credit[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));font-size:11px;line-height:1.5;margin:14px auto 0;max-width:420px}.on__credit-link[data-v-4dae7234]{color:inherit;text-decoration:underline}.on__progress[data-v-4dae7234]{background:#e8ebef;border-radius:4px;height:7px;overflow:hidden}.on__progress-fill[data-v-4dae7234]{background:linear-gradient(90deg,var(--brand-love,#ff385c),oklch(60% .19 25deg));border-radius:4px;display:block;height:100%;transform-origin:left center}[dir=rtl] .on__progress-fill[data-v-4dae7234]{transform-origin:right center}.on__progress-fill[data-v-4dae7234]{transition:transform .3s var(--ease-out-expo)}.on__count[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));font-size:12.5px;font-variant-numeric:tabular-nums;margin:8px 0 30px;text-align:center}.on__count strong[data-v-4dae7234]{color:var(--brand-love,#ff385c);font-size:14px;font-weight:900}.on__item[data-v-4dae7234]{text-align:center}.on__statement[data-v-4dae7234]{background:linear-gradient(180deg,#fdfcfa,#fff 70%);border:1.5px solid oklch(.92 .006 250);border-radius:18px;color:var(--gray-900,oklch(22% .015 250deg));font-size:17px;font-weight:700;line-height:1.5;margin:0 auto 18px;max-width:420px;padding:22px 24px}.on__scale[data-v-4dae7234]{align-items:center;display:flex;gap:15px;justify-content:center;margin:0 0 8px}.on__dot[data-v-4dae7234]{background:#fff;border:2.5px solid var(--gray-300,oklch(84% .008 250deg));border-radius:50%;cursor:pointer;height:40px;padding:0;transition:border-color .16s var(--ease-out-expo),background .16s var(--ease-out-expo),transform .16s var(--ease-out-expo);width:40px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.on__dot[data-v-4dae7234]:hover{transform:scale(1.08)}.on__dot.is-on[data-v-4dae7234]{animation:on-pop-4dae7234 .24s var(--ease-out-expo);background:var(--brand-love,#ff385c);border-color:var(--brand-love,#ff385c)}.on__dot[data-v-4dae7234]:active{transform:scale(.9)}.on__dot[data-v-4dae7234]:focus-visible{outline:2px solid var(--brand-love,#ff385c);outline-offset:3px}@keyframes on-pop-4dae7234{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.on__scale-cap[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));display:flex;font-size:11.5px;font-weight:700;justify-content:space-between;margin:0 auto;max-width:260px}.on__back[data-v-4dae7234]{background:transparent;border:0;color:var(--gray-500,oklch(58% .012 250deg));cursor:pointer;font-size:13px;font-weight:600;margin-top:22px;min-height:44px}.on__back[data-v-4dae7234]:focus-visible{outline:2px solid var(--brand-love,#ff385c);outline-offset:2px}.on-slide-enter-active[data-v-4dae7234],.on-slide-leave-active[data-v-4dae7234]{transition:opacity .16s var(--ease-out-expo),transform .16s var(--ease-out-expo)}.on-slide-enter-from[data-v-4dae7234]{opacity:0;transform:translate(26px)}.on-slide-leave-to[data-v-4dae7234]{opacity:0;transform:translate(-26px)}.on__result[data-v-4dae7234]{text-align:center}.on__result-eyebrow[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}.on__code[data-v-4dae7234]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.on__code-label[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));font-size:12px;font-weight:700;margin-inline-end:4px}.on__code-tile[data-v-4dae7234]{animation:on-tile-in-4dae7234 .46s var(--ease-out-expo) forwards;border-radius:13px;box-shadow:0 6px 16px #262f381a;display:grid;font-size:22px;font-weight:900;height:46px;opacity:0;place-items:center;width:46px}.on__code-tile[data-v-4dae7234]:nth-child(odd){rotate:-2.5deg}.on__code-tile[data-v-4dae7234]:nth-child(2n){rotate:2deg}.on__code-tile--R[data-v-4dae7234]{background:#e0f2f0;color:#00897b}.on__code-tile--I[data-v-4dae7234]{background:#e6edfc;color:#2f6fd6}.on__code-tile--A[data-v-4dae7234]{background:#f0e9fc;color:#7c3aed}.on__code-tile--S[data-v-4dae7234]{background:#ffe9ee;color:#ff385c}.on__code-tile--E[data-v-4dae7234]{background:#fdf0dc;color:#f59e0b}.on__code-tile--C[data-v-4dae7234]{background:#e9ebee;color:#5c6470}@keyframes on-tile-in-4dae7234{0%{opacity:0;transform:translateY(18px) scale(.7)}60%{opacity:1;transform:translateY(-4px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}.on__axes[data-v-4dae7234]{display:flex;flex-direction:column;gap:13px;margin:0 auto;max-width:460px;text-align:start}.on__axis-head[data-v-4dae7234]{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:5px}.on__axis-name[data-v-4dae7234]{font-size:13.5px;font-weight:800}.on__axis-name--R[data-v-4dae7234]{color:#00897b}.on__axis-name--I[data-v-4dae7234]{color:#2f6fd6}.on__axis-name--A[data-v-4dae7234]{color:#7c3aed}.on__axis-name--S[data-v-4dae7234]{color:#ff385c}.on__axis-name--E[data-v-4dae7234]{color:#f59e0b}.on__axis-name--C[data-v-4dae7234]{color:#5c6470}.on__axis-pct[data-v-4dae7234]{color:var(--gray-500,oklch(58% .012 250deg));font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:900}.on__bar[data-v-4dae7234]{background:#e8ebef;height:10px;overflow:hidden}.on__bar[data-v-4dae7234],.on__bar-fill[data-v-4dae7234]{border-radius:6px;display:block}.on__bar-fill[data-v-4dae7234]{height:100%;transform-origin:left center}[dir=rtl] .on__bar-fill[data-v-4dae7234]{transform-origin:right center}.on__bar-fill[data-v-4dae7234]{transform:scaleX(0);transition:transform .7s var(--ease-out-expo)}.on__bar--R .on__bar-fill[data-v-4dae7234]{background:#00897b}.on__bar--I .on__bar-fill[data-v-4dae7234]{background:#2f6fd6}.on__bar--A .on__bar-fill[data-v-4dae7234]{background:#7c3aed}.on__bar--S .on__bar-fill[data-v-4dae7234]{background:#ff385c}.on__bar--E .on__bar-fill[data-v-4dae7234]{background:#f59e0b}.on__bar--C .on__bar-fill[data-v-4dae7234]{background:#5c6470}.on__desc-title[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));font-size:12px;font-weight:800;letter-spacing:.12em;margin:20px 0 8px;text-transform:uppercase}.on__descs[data-v-4dae7234]{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 auto;max-width:460px;padding:0;text-align:start}.on__desc[data-v-4dae7234]{align-items:flex-start;background:#f6f9fb;border-radius:14px;display:flex;gap:12px;padding:13px 15px}.on__desc-ch[data-v-4dae7234]{border-radius:11px;display:grid;flex:none;font-size:18px;font-weight:900;height:38px;place-items:center;width:38px}.on__desc--R .on__desc-ch[data-v-4dae7234]{background:#e0f2f0;color:#00897b}.on__desc--I .on__desc-ch[data-v-4dae7234]{background:#e6edfc;color:#2f6fd6}.on__desc--A .on__desc-ch[data-v-4dae7234]{background:#f0e9fc;color:#7c3aed}.on__desc--S .on__desc-ch[data-v-4dae7234]{background:#ffe9ee;color:#ff385c}.on__desc--E .on__desc-ch[data-v-4dae7234]{background:#fdf0dc;color:#f59e0b}.on__desc--C .on__desc-ch[data-v-4dae7234]{background:#e9ebee;color:#5c6470}.on__desc-body[data-v-4dae7234]{display:flex;flex-direction:column;gap:2px;min-width:0}.on__desc-name[data-v-4dae7234]{color:var(--gray-900,oklch(22% .015 250deg));font-size:13.5px;font-weight:800}.on__desc-text[data-v-4dae7234]{color:var(--gray-600,oklch(50% .01 250deg));font-size:12.5px;line-height:1.5}.on__share[data-v-4dae7234]{align-items:center;background:var(--brand-love,#ff385c);border:0;border-radius:16px;box-shadow:0 8px 24px #d3004659;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:800;gap:9px;justify-content:center;margin-top:30px;min-height:48px;padding:0 38px;transition:transform .18s var(--ease-out-expo)}.on__share[data-v-4dae7234]:hover{transform:translateY(-2px)}.on__share[data-v-4dae7234]:active{transform:scale(.97)}.on__share[data-v-4dae7234]:focus-visible{outline:2px solid var(--brand-love,#ff385c);outline-offset:3px}.on__share-ic[data-v-4dae7234]{height:18px;width:18px}.on__toast[data-v-4dae7234]{background:#20252a;border-radius:999px;bottom:28px;box-shadow:0 10px 28px #0f171f4d;color:#f8f8f8;font-size:13px;font-weight:700;left:50%;padding:11px 20px;position:fixed;transform:translate(-50%);z-index:40}.on-toast-enter-active[data-v-4dae7234]{transition:opacity .2s var(--ease-out-expo)}.on-toast-enter-from[data-v-4dae7234]{opacity:0}.on__actions[data-v-4dae7234]{display:flex;gap:10px;justify-content:center;margin-top:16px}.on__go[data-v-4dae7234]{align-items:center;background:#fff;border:1.5px solid oklch(.88 .05 15);border-radius:13px;color:var(--brand-love,#ff385c);cursor:pointer;display:inline-flex;font-size:14.5px;font-weight:800;min-height:48px;padding:0 22px;text-decoration:none;transition:transform .16s var(--ease-out-expo)}.on__go[data-v-4dae7234]:hover{transform:translateY(-1px)}.on__go[data-v-4dae7234]:active{transform:scale(.97)}.on__go[data-v-4dae7234]:focus-visible{outline:2px solid var(--brand-love,#ff385c);outline-offset:3px}.on__retry[data-v-4dae7234]{background:#fff;border:1.5px solid var(--gray-200,oklch(90% .006 250deg));border-radius:13px;color:var(--gray-700,oklch(40% .01 250deg));cursor:pointer;font-size:14px;font-weight:700;min-height:48px;padding:0 18px;transition:transform .16s var(--ease-out-expo)}.on__retry[data-v-4dae7234]:hover{transform:translateY(-1px)}.on__retry[data-v-4dae7234]:active{transform:scale(.97)}.on__retry[data-v-4dae7234]:focus-visible{outline:2px solid var(--brand-love,#ff385c);outline-offset:2px}.on__note[data-v-4dae7234]{color:var(--gray-400,oklch(70% .01 250deg));font-size:11.5px;margin:16px 0 0}@media(prefers-reduced-motion:reduce){.on-slide-enter-active[data-v-4dae7234],.on-slide-leave-active[data-v-4dae7234],.on-toast-enter-active[data-v-4dae7234],.on__bar-fill[data-v-4dae7234],.on__dot[data-v-4dae7234],.on__progress-fill[data-v-4dae7234]{transition:none}.on__code-tile[data-v-4dae7234]{animation:none;opacity:1}.on__dot.is-on[data-v-4dae7234]{animation:none}.on__dot[data-v-4dae7234]:active,.on__dot[data-v-4dae7234]:hover,.on__go[data-v-4dae7234]:active,.on__go[data-v-4dae7234]:hover,.on__retry[data-v-4dae7234]:active,.on__retry[data-v-4dae7234]:hover,.on__share[data-v-4dae7234]:active,.on__share[data-v-4dae7234]:hover,.on__start[data-v-4dae7234]:active,.on__start[data-v-4dae7234]:hover{transform:none}.on__letter[data-v-4dae7234]{transform:none!important}}@container (max-width: 400px){.on[data-v-4dae7234]{padding:22px 12px 36px}}