.phone{width:248px;aspect-ratio:9/18.5;border-radius:34px;border:7px solid var(--phone-edge);background:#fff;position:relative;overflow:hidden;color:#1d2125;box-shadow:0 18px 40px #141e2829}@container (min-width:760px){.phone{width:268px}}.phone:before{content:"";position:absolute;top:8px;left:50%;width:70px;height:18px;border-radius:999px;background:var(--phone-edge);transform:translate(-50%);z-index:1}.scene{position:absolute;inset:0;padding:38px 12px 14px;opacity:0;transition:opacity .45s ease;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.45;background:#fff}.scene.on{opacity:1}.scene .pop{opacity:0;transform:translateY(8px) scale(.98)}.scene.on .pop{animation:pop .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--d,0) * 1ms)}@keyframes pop{to{opacity:1;transform:none}}.flood .b{animation-duration:.35s!important}.chatbg{background:#eef1f4}.chat-h{font-size:11px;color:#6b7178;text-align:center;padding-bottom:4px;border-bottom:1px solid #e2e5e8}.b{max-width:80%;padding:7px 10px;border-radius:14px;background:#fff;align-self:flex-start;box-shadow:0 1px #0000000a}.b.me{align-self:flex-end;background:#ddf3d9}.who{display:block;font-size:10px;color:#80868c;margin-bottom:1px}.think{align-self:flex-start;background:#fff;border-radius:16px;padding:8px 11px;box-shadow:0 2px 10px #0000000f}.card{background:#fff;border-radius:14px;padding:10px 11px;box-shadow:0 1px #0000000d,0 4px 12px #141e280f;display:grid;gap:6px}.tag{font-size:10px;font-weight:700;color:var(--c-ink);letter-spacing:.02em}.tag.pay{color:#4338ca}.big{font-size:15px;font-weight:700;line-height:1.3}.row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.ok,.good{color:var(--c-ink);font-weight:600}.warn{color:#c2412f;font-weight:600}.muted{color:#6b7178}.center{text-align:center}.strike{text-decoration:line-through;color:#a0a5ab}.pill-row{display:flex;gap:6px}.pbtn{flex:1;text-align:center;border-radius:999px;padding:5px 0;font-size:11.5px;font-weight:600;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c-ink)}.pbtn.fill{background:var(--c);color:#fff}.avs{display:flex;gap:4px}.av{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:10px;font-weight:600;color:#fff;background:var(--c)}.av:nth-child(2){background:#6c8f7e}.av:nth-child(3){background:#88a597}.av:nth-child(4){background:#a9bdb3}.tap{position:absolute;width:26px;height:26px;border-radius:999px;background:#1d212540;border:2px solid rgb(255 255 255 / .9);pointer-events:none;opacity:0}.scene.on .tap{animation:tap 1.1s ease forwards;animation-delay:calc(var(--d,0) * 1ms)}@keyframes tap{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1)}55%{transform:scale(.8)}to{opacity:0;transform:scale(.8)}}.spin{width:30px;height:30px;border-radius:999px;border:3px solid #e1e3e6;border-top-color:#9aa0a6;margin:18px auto 4px}.scene.on .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bar{display:block;height:6px;border-radius:999px;background:#e8eaed;overflow:hidden}.bar i{display:block;height:100%;width:12%;background:#b9bec4}.amt{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:26px;font-weight:600;text-align:right;padding:4px 2px}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:auto}.pad span{background:#f1f2f6;border-radius:10px;text-align:center;padding:8px 0;font-size:14px;font-weight:600;color:#333}.pad span.go-key{background:var(--c);color:#fff;font-size:12px;display:grid;place-items:center}.wal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;text-align:center}.wal div{background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:12px;padding:8px 4px;font-size:11px}.wal b{display:block;font-size:13px}.store{display:grid;gap:4px;font-size:11.5px}.store .bar{height:8px}.store .bar i{background:#d24b3b;width:97%}.store.after .bar i{background:#378add;width:76%}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-radius:10px;overflow:hidden}.grid i{display:block;aspect-ratio:1;background:linear-gradient(160deg,#9cc3e6,#e6f1fb)}.grid i:nth-child(3n+2){background:linear-gradient(160deg,#e9c99c,#f6e7d2)}.grid i:nth-child(3n){background:linear-gradient(160deg,#8fb59a,#dcebdc)}.grid i:nth-child(5n+1){background:linear-gradient(160deg,#d7a3a3,#f3dede)}.goal{border-radius:14px;background:#e6f1fb;padding:10px;display:grid;gap:6px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border-radius:999px;padding:4px 10px;background:#fff;font-size:11.5px;font-weight:600;color:#185fa5}.chip.sel{background:#185fa5;color:#fff}.split{display:grid;gap:8px}.arrow{text-align:center;font-size:18px;color:#8a9097;line-height:1}.mini{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.mini img{width:16px;height:16px;border-radius:4px}@media(prefers-reduced-motion:reduce){.s-stage{place-items:stretch;padding:14px}.phone,.story .phone{width:100%;aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none;overflow-x:auto;overflow-y:hidden;display:flex;gap:10px;scroll-snap-type:x mandatory}.phone:before{content:none}.scene{position:relative;inset:auto;flex:0 0 214px;aspect-ratio:9/18.5;opacity:1;scroll-snap-align:start;border:5px solid var(--phone-edge);border-radius:24px;overflow:hidden}.scene .pop{opacity:1;transform:none}.tap{display:none}.scene .spin{animation:none}}