.spb{--beat:2.5s;font-family:var(--g-font);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--g-ease);border:0;padding:0;position:relative}.spb:active{transform:scale(.94)}.spb:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.spb-ic{--hs:20px;background:var(--g-sunken);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--g-line-soft);border-radius:50%;flex:none;place-items:center;display:grid}.spb-pill{--hs:19px;border-radius:var(--g-r-pill);background:var(--g-sunken);height:44px;color:var(--g-ink);white-space:nowrap;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:15px;font-weight:700;display:inline-flex}.spb-mini{--hs:13px;border-radius:var(--g-r-pill);background:var(--g-sunken);height:22px;color:var(--g-ink);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 9px 0 6px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.spb-mini .spb-hz-h{animation-name:spb-soft}.spb-card{--hs:23px;background:var(--g-paper);width:100%;color:var(--g-ink);text-align:left;border-radius:22px;align-items:center;gap:14px;padding:14px 14px 14px 16px;display:flex}.spb-card:active{transform:scale(.98)}.spb-card-ic{z-index:1;background:var(--g-sunken);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--g-line-soft);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.spb-card-text{z-index:1;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;position:relative}.spb-card-text b{font-size:15px;font-weight:700}.spb-card-text span{color:var(--g-ink-mute);font-size:12.5px;line-height:1.35}.spb-card-chev{z-index:1;color:var(--g-ink-3);flex:none;display:flex;position:relative}.spb-card-chev svg{width:18px;height:18px}@media (hover:hover){.spb-ic:hover,.spb-pill:hover,.spb-mini:hover{background:var(--g-like-soft)}}.spb-hz{width:var(--hs);height:var(--hs);flex:none;display:block;position:relative}.spb-hz-tap{display:block;position:absolute;inset:0}.spb-hz-h{transform-origin:50% 55%;width:100%;height:100%;animation:spb-beat var(--beat,2.5s) var(--g-spring) infinite;position:absolute;inset:0;overflow:visible}.spb-hz-fill{fill:var(--g-on-like)}.spb-st-a{stop-color:var(--g-like-a)}.spb-st-b{stop-color:var(--g-like-b)}.spb-st-c{stop-color:var(--g-like-c)}@keyframes spb-beat{0%,26%,to{transform:scale(1)}5%{transform:scale(1.24)}11%{transform:scale(.93)}17%{transform:scale(1.16)}}@keyframes spb-soft{0%,26%,to{transform:scale(1)}5%{transform:scale(1.13)}11%{transform:scale(.96)}17%{transform:scale(1.07)}}.spb-ring{width:var(--rs,84px);height:var(--rs,84px);margin:calc(var(--rs,84px) / -2) 0 0 calc(var(--rs,84px) / -2);border:2px solid var(--g-like-b);opacity:0;pointer-events:none;animation:spb-ring var(--beat,2.5s) var(--g-ease) infinite;border-radius:50%;position:absolute;top:50%;left:50%}.spb-ring.is-2{animation-name:spb-ring-2}@keyframes spb-ring{0%{opacity:0;transform:scale(.85)}4%{opacity:.6;transform:scale(1)}32%,to{opacity:0;transform:scale(1.8)}}@keyframes spb-ring-2{0%,11%{opacity:0;transform:scale(.85)}15%{opacity:.42;transform:scale(1)}44%,to{opacity:0;transform:scale(2.05)}}.spb-hz-shine{fill:none;stroke:var(--g-on-like);stroke-width:1.4px;stroke-linecap:round;opacity:.4;animation:spb-shine var(--beat,2.5s) linear infinite}@keyframes spb-shine{0%,30%,to{opacity:.4}6%{opacity:1}}.spb-fly{pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.spb-fly i{width:calc(var(--hs) * .46);height:calc(var(--hs) * .46);left:calc(var(--hs) * -.23);top:calc(var(--hs) * -.23);opacity:0;display:block;position:absolute}.spb-fly svg{width:100%;height:100%;display:block;overflow:visible}.spb-fly path{fill:var(--g-like-b)}.spb-fly i:nth-child(2) path{fill:var(--g-like-a)}.spb-fly i:first-child{animation:spb-fly1 var(--beat,2.5s) var(--g-ease) infinite}.spb-fly i:nth-child(2){animation:spb-fly2 var(--beat,2.5s) var(--g-ease) infinite}.spb-fly i:nth-child(3){animation:spb-fly3 var(--beat,2.5s) var(--g-ease) infinite}@keyframes spb-fly1{0%,3%{opacity:0;transform:translate(0)scale(.3)}8%{opacity:1}38%,to{opacity:0;transform:translate(calc(var(--hs) * -.75), calc(var(--hs) * -1.7)) scale(1) rotate(-16deg)}}@keyframes spb-fly2{0%,9%{opacity:0;transform:translate(0)scale(.3)}14%{opacity:1}44%,to{opacity:0;transform:translate(calc(var(--hs) * .08), calc(var(--hs) * -2.1)) scale(1.1)}}@keyframes spb-fly3{0%,15%{opacity:0;transform:translate(0)scale(.3)}20%{opacity:1}50%,to{opacity:0;transform:translate(calc(var(--hs) * .8), calc(var(--hs) * -1.6)) scale(.9) rotate(16deg)}}.spb-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.spb-burst b{left:calc(var(--hs) / -2);top:calc(var(--hs) / -2);width:var(--hs);height:var(--hs);border:2px solid var(--g-like-b);opacity:0;border-radius:50%;position:absolute}.spb-burst i{background:var(--g-like-b);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:-2.5px}.spb-burst i:nth-of-type(2n){background:var(--g-like-a)}.spb-burst i:first-of-type{--a:0deg}.spb-burst i:nth-of-type(2){--a:60deg}.spb-burst i:nth-of-type(3){--a:120deg}.spb-burst i:nth-of-type(4){--a:180deg}.spb-burst i:nth-of-type(5){--a:240deg}.spb-burst i:nth-of-type(6){--a:300deg}.is-tap0 .spb-hz-tap{animation:spb-tap0 .62s var(--g-spring) both}.is-tap1 .spb-hz-tap{animation:spb-tap1 .62s var(--g-spring) both}.is-tap0 .spb-burst b{animation:spb-br0 .56s var(--g-ease) both}.is-tap1 .spb-burst b{animation:spb-br1 .56s var(--g-ease) both}.is-tap0 .spb-burst i{animation:spb-bd0 .64s var(--g-ease) both}.is-tap1 .spb-burst i{animation:spb-bd1 .64s var(--g-ease) both}@keyframes spb-tap0{0%{transform:scale(.68)}40%{transform:scale(1.34)}66%{transform:scale(.94)}to{transform:scale(1)}}@keyframes spb-tap1{0%{transform:scale(.68)}40%{transform:scale(1.34)}66%{transform:scale(.94)}to{transform:scale(1)}}@keyframes spb-br0{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}@keyframes spb-br1{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}@keyframes spb-bd0{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--hs) * -1.5 - 6px)) scale(.3)}}@keyframes spb-bd1{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--hs) * -1.5 - 6px)) scale(.3)}}.spb-wrap{--beat:2.5s;z-index:200;font-family:var(--g-font);color:var(--g-ink);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.spb-wrap *,.spb-wrap :before,.spb-wrap :after{box-sizing:border-box}.spb-veil{background:var(--g-scrim);cursor:pointer;animation:spb-fade .26s var(--g-ease) both;border:0;padding:0;position:absolute;inset:0}.spb-sheet{max-height:calc(100dvh - 60px);padding:56px 18px calc(20px + env(safe-area-inset-bottom));background:var(--g-paper);box-shadow:var(--g-sh-modal);animation:spb-up .52s var(--g-spring) both;border-radius:30px 30px 0 0;flex-direction:column;gap:14px;display:flex;position:relative}@media (min-width:901px){.spb-wrap{justify-content:center;align-items:center}.spb-sheet{border-radius:30px;width:400px;padding-bottom:20px;animation-name:spb-pop}.spb-grab{display:none}}.spb-grab{background:var(--g-line);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:8px;left:50%}.spb-x{background:var(--g-sunken);width:36px;height:36px;color:var(--g-ink-2);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.spb-badge{--hs:42px;--rs:84px;background:var(--g-paper);width:84px;height:84px;box-shadow:var(--g-sh-pop), 0 0 0 6px var(--g-like-soft);border-radius:50%;place-items:center;margin-left:-42px;display:grid;position:absolute;top:-42px;left:50%}.spb-sheet h2{text-align:center;letter-spacing:-.02em;margin:0;font-size:25px;font-weight:800;line-height:1.15}.spb-why{text-align:center;color:var(--g-ink-mute);margin:-8px 0 2px;font-size:14px;line-height:1.4}.spb-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.spb-tile{background:var(--g-sunken);height:70px;color:var(--g-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .16s linear, box-shadow .2s var(--g-ease);border:0;border-radius:18px;place-items:center;padding:0;font-family:inherit;font-size:21px;font-weight:800;display:grid;position:relative}.spb-tile.is-on{background:var(--g-like-soft);box-shadow:inset 0 0 0 2px var(--g-like-b)}.spb-tile.is-other{grid-column:1/-1;height:48px;font-size:15px;font-weight:700}.spb-tile.is-pop0{animation:spb-tile0 .48s var(--g-spring) both}.spb-tile.is-pop1{animation:spb-tile1 .48s var(--g-spring) both}@keyframes spb-tile0{0%{transform:scale(.88)}to{transform:none}}@keyframes spb-tile1{0%{transform:scale(.88)}to{transform:none}}.spb-tile-h{width:13px;height:13px;fill:var(--g-like-b);animation:spb-grow .42s var(--g-spring) both;position:absolute;top:8px;right:9px}@keyframes spb-grow{0%{transform:scale(0)}to{transform:none}}.spb-fld{flex-direction:column;gap:6px;display:flex}.spb-fld label{color:var(--g-ink-mute);padding-left:4px;font-size:12.5px;font-weight:600}.spb-fld input{background:var(--g-sunken);height:48px;box-shadow:inset 0 0 0 1px var(--g-line-soft);color:var(--g-ink);font:inherit;border:0;border-radius:14px;padding:0 14px;font-size:16px}.spb-fld input::placeholder{color:var(--g-ink-3)}.spb-fld input:focus-visible{outline:2px solid var(--g-accent);outline-offset:0}.spb-fld.is-in{animation:spb-in .36s var(--g-spring) both}@keyframes spb-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.spb-tg-row{align-items:center;gap:12px;min-height:44px;display:flex}.spb-tg-row span{flex:1;font-size:14px;font-weight:500}.spb-tg{border-radius:var(--g-r-pill);background:var(--g-line);cursor:pointer;border:0;flex:none;width:48px;height:28px;padding:0;transition:background-color .18s linear;position:relative}.spb-tg:after{content:"";background:var(--g-paper);width:22px;height:22px;box-shadow:var(--g-sh-card);transition:transform .32s var(--g-spring);border-radius:50%;position:absolute;top:3px;left:3px}.spb-tg.is-on{background:var(--g-accent)}.spb-tg.is-on:after{transform:translate(20px)}.spb-tg:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.spb-err{color:var(--g-warn-ink);text-align:center;margin:-4px 0 0;font-size:13px;font-weight:600}.spb-pay{--hs:20px;background:var(--g-primary);width:100%;height:58px;color:var(--g-on-primary);cursor:pointer;transition:transform .14s var(--g-ease), opacity .16s linear;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:17px;font-weight:800;display:flex}.spb-pay:active{transform:scale(.97)}.spb-pay:disabled{opacity:.45;cursor:default}.spb-pay:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.spb-pay .spb-hz-h{animation-name:spb-soft}.spb-pay-sum{font-variant-numeric:tabular-nums;animation:spb-sum .44s var(--g-spring) both;display:inline-block}@keyframes spb-sum{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}.spb-fine{color:var(--g-ink-3);text-align:center;justify-content:center;align-items:center;gap:6px;margin:-4px 0 0;font-size:12px;font-weight:500;display:flex}.spb-fine svg{flex:none}.spb-ty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px;display:flex}.spb-ty-heart{--hs:88px;place-items:center;width:120px;height:110px;display:grid;position:relative}.spb-ty-heart .spb-hz{animation:spb-ty-pop .7s var(--g-spring) both}.spb-ty-heart .spb-hz-h{animation:none}.spb-ty-b{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.spb-ty-b em{opacity:0;width:16px;height:16px;animation:spb-ty-fly 1.3s var(--g-ease) both;display:block;position:absolute;top:-8px;left:-8px}.spb-ty-b em svg{width:100%;height:100%;display:block}.spb-ty-b em path{fill:var(--g-like-b)}.spb-ty-b em:nth-child(2n) path{fill:var(--g-like-a)}.spb-ty-b em:nth-child(odd){animation-delay:80ms}.spb-ty-b em:nth-child(3n){width:11px;height:11px;top:-5.5px;left:-5.5px}.spb-ty-b em:first-child{--a:-8deg;--d:92px}.spb-ty-b em:nth-child(2){--a:28deg;--d:118px}.spb-ty-b em:nth-child(3){--a:62deg;--d:96px}.spb-ty-b em:nth-child(4){--a:98deg;--d:124px}.spb-ty-b em:nth-child(5){--a:132deg;--d:98px}.spb-ty-b em:nth-child(6){--a:168deg;--d:116px}.spb-ty-b em:nth-child(7){--a:204deg;--d:94px}.spb-ty-b em:nth-child(8){--a:238deg;--d:126px}.spb-ty-b em:nth-child(9){--a:274deg;--d:100px}.spb-ty-b em:nth-child(10){--a:310deg;--d:120px}.spb-ty-b em:nth-child(11){--a:342deg;--d:108px}.spb-ty-b em:nth-child(12){--a:186deg;--d:70px}@keyframes spb-ty-fly{0%{opacity:0;transform:rotate(var(--a)) translateY(-10px) rotate(calc(-1 * var(--a))) scale(.3)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(calc(-1 * var(--a) + 24deg)) scale(1.1)}}@keyframes spb-ty-pop{0%{transform:scale(.3)}45%{transform:scale(1.22)}70%{transform:scale(.95)}to{transform:none}}.spb-ty h2{margin:0}.spb-ty p{max-width:300px;color:var(--g-ink-mute);margin:0 0 6px;font-size:14px;line-height:1.45}@keyframes spb-fade{0%{opacity:0}to{opacity:1}}@keyframes spb-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes spb-pop{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spb-hz-h,.spb-ring,.spb-hz-shine{animation:none!important}.spb-ring,.spb-fly,.spb-burst,.spb-ty-b{display:none!important}.spb-sheet,.spb-veil,.spb-tile,.spb-pay-sum,.spb-hz-tap,.spb-ty-heart .spb-hz{animation-duration:1ms!important}}
