.hb{position:relative;display:grid;place-items:center;width:240px;height:220px}.hb>*{grid-area:1 / 1}.hb__btn{width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:hb-idle 2s ease-in-out infinite;transition:width .45s cubic-bezier(.7,0,.3,1),height .45s cubic-bezier(.7,0,.3,1),border-radius .45s,background-color .45s,transform .25s,opacity .25s}.hb__btn:hover{transform:translateY(-2px)}.hb__label{transition:opacity .15s}@keyframes hb-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.hb:not(.hb--idle) .hb__btn{width:64px;height:64px;border-radius:50%;background:#ef4444;animation:none;cursor:default;transform:none}.hb:not(.hb--idle) .hb__label{opacity:0}.hb__heart{width:96px;height:96px;overflow:visible;opacity:0;transform:scale(.5);pointer-events:none}.hb--beating .hb__btn,.hb--bursting .hb__btn{opacity:0;transform:scale(.4)}.hb--beating .hb__heart{opacity:1;transform:scale(1);transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .15s;animation:hb-beat var(--beat) ease-in-out .3s var(--beats)}@keyframes hb-beat{0%{transform:scale(1);filter:drop-shadow(0 0 0 #ef444400)}15%{transform:scale(1.25);filter:drop-shadow(0 0 18px #ef4444aa)}30%{transform:scale(1)}45%{transform:scale(1.15);filter:drop-shadow(0 0 10px #ef444477)}65%,to{transform:scale(1);filter:drop-shadow(0 0 0 #ef444400)}}.hb__shine{fill:#fff;opacity:.45}.hb__pulse{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#f43f5e55,transparent 70%);opacity:0;pointer-events:none}.hb--beating .hb__pulse{animation:hb-pulse var(--beat) ease-out .3s var(--beats)}@keyframes hb-pulse{0%{transform:scale(.8);opacity:0}12%{opacity:1}60%,to{transform:scale(2.4);opacity:0}}.hb__ecg{align-self:end;width:220px;height:44px;opacity:0;fill:none;stroke-width:3;overflow:visible;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.hb--beating .hb__ecg{animation:hb-ecg var(--beat) linear .3s var(--beats),hb-hue 1.8s linear infinite}@keyframes hb-hue{0%{filter:drop-shadow(0 0 4px #a855f7) hue-rotate(0deg)}to{filter:drop-shadow(0 0 4px #a855f7) hue-rotate(360deg)}}@keyframes hb-ecg{0%{stroke-dashoffset:100;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.hb--bursting .hb__heart{opacity:0;transform:scale(1.8);transition:transform .5s cubic-bezier(.2,.7,.3,1),opacity .5s}.hb__ring{width:96px;height:96px;border:3px solid #ef4444;border-radius:50%;opacity:0;pointer-events:none}.hb--bursting .hb__ring{animation:hb-ring .5s ease-out forwards}@keyframes hb-ring{0%{transform:scale(.6);opacity:1}to{transform:scale(2.4);opacity:0}}.hb__particle{width:12px;height:12px;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 10px hsl(calc(var(--a) + 300deg) 90% 60%);background:hsl(calc(var(--a) + 300deg) 90% 60%)}.hb--bursting .hb__particle{animation:hb-particle .7s cubic-bezier(.15,.7,.3,1) forwards}@keyframes hb-particle{0%{transform:rotate(var(--a)) translateY(0) scale(1.2);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(0);opacity:0}}.hb-result{animation:hb-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes hb-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.fw{position:relative;display:grid;place-items:center;width:300px;height:380px}.fw>.fw__btn{grid-area:1 / 1}.fw__btn{position:relative;z-index:1;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:fw-idle 2s ease-in-out infinite;transition:width .4s cubic-bezier(.7,0,.3,1),height .4s cubic-bezier(.7,0,.3,1),border-radius .4s,background-color .4s,transform .25s,opacity .25s}.fw__btn:hover{transform:translateY(-2px)}.fw__label{transition:opacity .15s}@keyframes fw-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.fw:not(.fw--idle) .fw__btn{width:16px;height:16px;border-radius:50%;background:#fbbf24;cursor:default;transform:none;animation:fw-charge .25s ease-in-out infinite alternate}.fw:not(.fw--idle) .fw__label{opacity:0}@keyframes fw-charge{0%{box-shadow:0 0 6px 2px #fbbf24}to{box-shadow:0 0 16px 6px #f97316}}.fw--show .fw__btn{opacity:0;transform:scale(0);transition-delay:.2s}.fw__sky{position:absolute;left:50%;top:50%;width:460px;height:480px;transform:translate(-50%,-331px);pointer-events:none}.fw-result{animation:fw-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes fw-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.cc{position:relative;display:grid;place-items:center;width:var(--lane);height:220px}.cc>*{grid-area:1 / 1}.cc__btn{position:relative;z-index:2;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:cc-idle 2s ease-in-out infinite;transition:transform .25s}.cc__btn:hover{transform:translateY(-2px)}@keyframes cc-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.cc:not(.cc--idle) .cc__btn{animation:cc-squash .45s cubic-bezier(.5,0,.5,1) forwards;pointer-events:none}@keyframes cc-squash{0%{transform:scale(1)}35%{transform:scale(1.12,.7)}60%{transform:scale(.85,1.1);opacity:1}to{transform:scale(0);opacity:0}}.cc__lane{position:relative;width:var(--lane);height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.cc__lane:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:#e7d3ad;opacity:0;transition:opacity .3s}.cc:not(.cc--idle) .cc__lane:after{opacity:1}.cc__runner{position:absolute;left:0;bottom:12px;opacity:0;will-change:transform}.cc__runner:after{content:"";position:absolute;left:15%;right:15%;bottom:-3px;height:6px;border-radius:50%;background:#7850142e}.cc__body svg{display:block}.cc:not(.cc--idle) .cc__runner--mouse{opacity:1}.cc--chase .cc__runner--cat,.cc--pounce .cc__runner--cat{opacity:1;z-index:1}.cc--popping .cc__runner--mouse .cc__body{animation:cc-pop .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes cc-pop{0%{transform:translateY(10px) scale(0)}to{transform:none}}.cc__leg{stroke-linecap:round;transform-box:fill-box;transform-origin:top center}.cc__legs--cat .cc__leg{stroke:#f59e0b;stroke-width:6}.cc__legs--mouse .cc__leg{stroke:#71717a;stroke-width:2.5}.cc__tail{fill:none;stroke:#f59e0b;stroke-width:6;stroke-linecap:round;transform-box:view-box;transform-origin:22px 34px}.cc__tail--mouse{stroke:#f9a8d4;stroke-width:2;transform-origin:14px 28px}.cc--chase .cc__legs--cat .cc__leg--a{animation:cc-leg .28s ease-in-out infinite alternate}.cc--chase .cc__legs--cat .cc__leg--b{animation:cc-leg .28s ease-in-out -.14s infinite alternate}.cc--chase .cc__legs--mouse .cc__leg--a{animation:cc-leg .16s ease-in-out infinite alternate}.cc--chase .cc__legs--mouse .cc__leg--b{animation:cc-leg .16s ease-in-out -.08s infinite alternate}@keyframes cc-leg{0%{transform:rotate(-38deg)}to{transform:rotate(38deg)}}.cc--chase .cc__runner--cat .cc__body{transform-origin:50% 100%;animation:cc-gallop .28s ease-in-out infinite alternate}@keyframes cc-gallop{0%{transform:translateY(0) rotate(-3deg) scale(1.05,.95)}to{transform:translateY(-7px) rotate(3deg) scale(.96,1.04)}}.cc--chase .cc__runner--mouse .cc__body{animation:cc-bob .16s ease-in-out infinite alternate}@keyframes cc-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.cc--chase .cc__tail{animation:cc-tail .56s ease-in-out infinite alternate}.cc--chase .cc__tail--mouse{animation-duration:.32s}@keyframes cc-tail{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}.cc__dust{position:absolute;left:0;bottom:0;width:20px;height:14px}.cc__dust i{position:absolute;left:6px;bottom:0;width:10px;height:10px;border-radius:50%;background:#e7d3ad;opacity:0}.cc--chase .cc__dust i{animation:cc-dust .5s ease-out infinite}.cc--chase .cc__dust i:nth-child(2){animation-delay:.17s;width:7px;height:7px}.cc--chase .cc__dust i:nth-child(3){animation-delay:.34s;width:12px;height:12px}.cc__runner--mouse .cc__dust{transform:scale(.6);transform-origin:left bottom}@keyframes cc-dust{0%{opacity:.9;transform:translate(0) scale(.4)}to{opacity:0;transform:translate(-26px,-10px) scale(1.4)}}.cc__speed{position:absolute;left:-18px;bottom:10px;width:20px;height:16px}.cc__speed i{position:absolute;left:0;height:2px;border-radius:1px;background:#a8a29e;opacity:0}.cc__speed i:nth-child(1){top:0;width:14px}.cc__speed i:nth-child(2){top:7px;width:20px}.cc__speed i:nth-child(3){top:14px;width:10px}.cc--chase .cc__speed i{animation:cc-speed .35s linear infinite}.cc--chase .cc__speed i:nth-child(2){animation-delay:.12s}.cc--chase .cc__speed i:nth-child(3){animation-delay:.24s}@keyframes cc-speed{0%{opacity:0;transform:translate(8px)}30%{opacity:.8}to{opacity:0;transform:translate(-12px)}}.cc__sweat{position:absolute;left:30px;top:-4px;width:6px;height:8px;opacity:0;border-radius:50%/60% 60% 40% 40%;background:#7dd3fc}.cc--chase .cc__sweat{animation:cc-sweat .9s ease-out infinite}@keyframes cc-sweat{0%{opacity:0;transform:translate(0) rotate(-30deg) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(-22px,6px) rotate(-60deg) scale(1)}}.cc__alert{position:absolute;left:50%;top:-22px;margin-left:-6px;font:900 18px system-ui,sans-serif;color:#ef4444;opacity:0}.cc--popping .cc__alert{animation:cc-alert .45s ease-out both}.cc--pounce .cc__alert{animation:cc-alert-out .6s ease-out both}@keyframes cc-alert-out{0%{opacity:0;transform:translateY(6px) scale(.4)}25%{opacity:1;transform:translateY(-2px) scale(1.2)}80%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes cc-alert{0%{opacity:0;transform:translateY(6px) scale(.4)}60%{opacity:1;transform:translateY(-2px) scale(1.2)}to{opacity:1;transform:none}}.cc--pounce .cc__runner--cat .cc__body{animation:cc-pounce .55s cubic-bezier(.3,0,.4,1) forwards}@keyframes cc-pounce{0%{transform:translate(0) rotate(0)}20%{transform:translate(-6px,4px) rotate(4deg)}55%{transform:translate(calc(var(--leap) * .55),-52px) rotate(-14deg)}to{transform:translate(var(--leap),6px) rotate(0)}}.cc--pounce .cc__legs--cat .cc__leg--front{transform:rotate(-45deg);transition:transform .15s .1s}.cc--pounce .cc__legs--cat .cc__leg:not(.cc__leg--front){transform:rotate(40deg);transition:transform .15s .1s}.cc--pounce .cc__tail{transform:rotate(-30deg);transition:transform .3s}.cc--pounce .cc__runner--cat:after{animation:cc-shadow-leap .55s cubic-bezier(.3,0,.4,1) forwards}@keyframes cc-shadow-leap{55%{transform:translate(calc(var(--leap) * .55)) scale(.5);opacity:.5}to{transform:translate(var(--leap)) scale(1);opacity:1}}.cc--pounce .cc__runner--mouse .cc__body{animation:cc-shiver .06s linear 6 alternate}@keyframes cc-shiver{0%{transform:translate(-1px)}to{transform:translate(1px)}}.cc__puff{position:absolute;left:50%;bottom:8px;width:120px;height:40px;margin-left:-60px;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle at 20% 60%,#e7d3ad 0 12px,transparent 13px),radial-gradient(circle at 45% 40%,#efe0c2 0 16px,transparent 17px),radial-gradient(circle at 72% 58%,#e7d3ad 0 13px,transparent 14px),radial-gradient(circle at 88% 70%,#efe0c2 0 8px,transparent 9px)}.cc--pounce .cc__puff{animation:cc-puff .6s ease-out .5s both}@keyframes cc-puff{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.4) translateY(-8px)}}.cc__stars{position:absolute;z-index:2;left:calc(50% - 22px);bottom:92px;width:0;height:0;opacity:0}.cc__stars i{position:absolute;left:-6px;top:-8px;font-style:normal;font-size:14px;color:#f59e0b;animation:cc-orbit 1s linear infinite}.cc__stars i:nth-child(2){animation-delay:-.33s;color:#fb7185}.cc__stars i:nth-child(3){animation-delay:-.66s;color:#38bdf8}.cc--pounce .cc__stars{animation:cc-fade-in .25s ease-out .6s both}@keyframes cc-orbit{0%{transform:rotate(0) translate(16px) rotate(0)}to{transform:rotate(360deg) translate(16px) rotate(-360deg)}}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}.cc__gotcha{position:absolute;z-index:2;left:calc(50% + 26px);bottom:84px;padding:4px 10px;border-radius:12px;font:800 13px system-ui,sans-serif;color:#78350f;background:#fff;box-shadow:0 4px 12px #78350f26;opacity:0;transform-origin:0 100%}.cc__gotcha:after{content:"";position:absolute;left:10px;bottom:-5px;width:10px;height:10px;background:#fff;transform:rotate(45deg)}.cc--pounce .cc__gotcha{animation:cc-gotcha .4s cubic-bezier(.3,1.6,.5,1) .6s both}@keyframes cc-gotcha{0%{opacity:0;transform:scale(0) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}.cc-result{animation:cc-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes cc-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.sv{--ink: #1c0a04;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;container-type:size}.sv>*{grid-area:1 / 1}.sv__fill{fill:var(--ink);color:var(--ink)}.sv__dusk{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,#7a1d0a,#b8240a00 70%);transition:opacity calc(var(--set) * .6) ease-in calc(var(--set) * .4)}.sv--setting .sv__dusk,.sv--aligned .sv__dusk,.sv--done .sv__dusk{opacity:.75}.sv__sun{position:relative;z-index:1;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:sv-idle 2s ease-in-out infinite;transition:width .5s cubic-bezier(.6,0,.3,1.3),height .5s cubic-bezier(.6,0,.3,1.3),border-radius .5s,background .5s,box-shadow .6s,transform .25s}.sv__sun:hover{transform:translateY(-2px)}.sv__label{transition:opacity .15s}@keyframes sv-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.sv:not(.sv--idle) .sv__sun{width:96px;height:96px;border-radius:50%;cursor:default;background:radial-gradient(circle at 50% 50%,#fffbe0,#ffe680 45%,#ffc93a);box-shadow:0 0 40px 10px #ffd84d99,0 0 120px 40px #ffb33055;animation:sv-glow 2.4s ease-in-out infinite alternate}.sv:not(.sv--idle) .sv__label{opacity:0}@keyframes sv-glow{0%{box-shadow:0 0 40px 10px #ffd84d99,0 0 120px 40px #ffb33055}to{box-shadow:0 0 52px 14px #ffd84daa,0 0 150px 56px #ffb33066}}.sv--setting .sv__sun,.sv--aligned .sv__sun{animation:sv-glow 2.4s ease-in-out infinite alternate}.sv--setting .sv__sun:after,.sv--aligned .sv__sun:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#ffe9a8,#ffb347 55%,#ff8a2a);opacity:0;animation:sv-warm var(--set) ease-in forwards}.sv--aligned .sv__sun:after{opacity:1;animation:none}@keyframes sv-warm{40%{opacity:0}to{opacity:1}}.sv__orbit{position:relative;z-index:1;will-change:transform}.sv--aligned .sv__sun{animation:sv-flare 1s ease-out}@keyframes sv-flare{0%{scale:1;box-shadow:0 0 40px 10px #ffd84d99,0 0 120px 40px #ffb33055}35%{scale:1.08;box-shadow:0 0 70px 24px #ffe27acc,0 0 200px 90px #ffb33088}to{scale:1;box-shadow:0 0 46px 12px #ffd84daa,0 0 140px 50px #ffb33066}}.sv__ground{position:absolute;z-index:3;left:0;right:0;bottom:0;height:26%;background:var(--ink)}.sv__ground:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 178 14' preserveAspectRatio='none'%3E%3Cpath fill='%231c0a04' d='M0 14V9l6-3 4 2 8-4 6 3 10-2 3-4 3 4 9 1 7-3 10 2 5-5 4 5 12 1 6-2 9 2 8-3 7 2 4-4 3 4 10 1 8-2 6 3 9-2 7 1 6-3 8 3V14z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat}.sv__tree{position:absolute;right:-28px;bottom:calc(100% + 6px);width:120px;color:var(--ink)}.sv__stand{position:absolute;z-index:2;left:calc(70cqw - 180px);bottom:calc(26% + 2px);width:200px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .8s ease-out,transform .5s ease-out}.sv:not(.sv--idle) .sv__stand{opacity:1;transform:none}.sv__giraffe{display:block;width:200px;overflow:visible}.sv__leg{fill:var(--ink)}.sv__leg--far{fill:#3a1a0c}.sv__tail{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 0}.sv__horn{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.sv:not(.sv--idle) .sv__tail{animation:sv-tail 1.8s ease-in-out infinite alternate}@keyframes sv-tail{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}.sv__birds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sv__bird{position:absolute;left:0;top:calc(18% + var(--i) * 4%);width:calc(18px - var(--i) * 3px);fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;opacity:0}.sv--setting .sv__bird{animation:sv-fly var(--set) linear calc(var(--i) * .25s) forwards,sv-flap .35s ease-in-out infinite alternate}@keyframes sv-fly{0%{opacity:1;transform:translate(calc(100cqw + 20px))}to{opacity:1;transform:translate(-40px,-30px)}}@keyframes sv-flap{0%{scale:1 1}to{scale:1 .3}}.sv-result{position:relative;z-index:4;animation:sv-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes sv-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.fl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.fl>*{grid-area:1 / 1}.fl__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.fl__seedwrap{position:relative;z-index:2}.fl__btn{width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:fl-idle 2s ease-in-out infinite;transition:width .45s cubic-bezier(.7,0,.3,1),height .45s cubic-bezier(.7,0,.3,1),border-radius .45s,background-color .45s,transform .25s,opacity .3s}.fl__btn:hover{transform:translateY(-2px)}.fl__label{transition:opacity .15s}@keyframes fl-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.fl:not(.fl--idle) .fl__btn{width:16px;height:22px;border-radius:50%/60% 60% 40% 40%;background:#8b5a2b;animation:none;cursor:default;transform:none;box-shadow:inset -3px -3px #6b4220}.fl:not(.fl--idle) .fl__label{opacity:0}.fl--grow .fl__btn{opacity:0;transform:scale(.3);transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,1,.36,1)}.fl__soil{fill:#8b5e34}.fl__turf{fill:#4ade80;opacity:0;transition:opacity .8s ease-out}.fl:is(.fl--grow,.fl--done) .fl__turf{opacity:1}.fl__grass{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0)}.fl:is(.fl--grow,.fl--done) .fl__grass{animation:fl-grass 1.1s cubic-bezier(.22,1,.36,1) both}.fl:is(.fl--grow,.fl--done) .fl__grass--front{animation-delay:.15s}@keyframes fl-grass{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.fl__blade{transform-box:fill-box;transform-origin:50% 100%;animation:fl-blade 2.8s infinite;animation-delay:calc(var(--i) * -70ms)}@keyframes fl-blade{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.33,.66,.66,1)}25%{transform:rotate(4deg);animation-timing-function:cubic-bezier(.37,0,.63,1)}75%{transform:rotate(-3deg);animation-timing-function:cubic-bezier(.33,0,.66,.33)}to{transform:rotate(0)}}.fl__stem{fill:none;stroke:#16a34a;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.fl__leaf{fill:#22c55e;transform:scale(0)}.fl__head,.fl__petal,.fl__center{transform:scale(0)}.fl:is(.fl--grow,.fl--done) .fl__stem{animation:fl-draw 1.3s cubic-bezier(.3,.7,.3,1) var(--d) both}.fl:is(.fl--grow,.fl--done) .fl__leaf{animation:fl-leaf .9s cubic-bezier(.34,1.25,.64,1) calc(var(--d) + .5s) both}.fl:is(.fl--grow,.fl--done) .fl__leaf--late{animation-delay:calc(var(--d) + .75s)}.fl:is(.fl--grow,.fl--done) .fl__head{animation:fl-bloom 1.2s cubic-bezier(.22,1,.36,1) calc(var(--d) + 1s) both}.fl:is(.fl--grow,.fl--done) .fl__petal{animation:fl-petal .85s cubic-bezier(.34,1.2,.64,1) calc(var(--d) + 1.05s + var(--p) * 55ms) both}.fl:is(.fl--grow,.fl--done) .fl__center{animation:fl-pop .6s cubic-bezier(.34,1.35,.64,1) calc(var(--d) + 1.45s) both}.fl:is(.fl--grow,.fl--done) .fl__flower{animation:fl-sway var(--sw) calc(var(--d) + 1.3s) infinite}.fl:is(.fl--grow,.fl--done) .fl__nod{animation:fl-nod var(--sw) calc(var(--d) + 1.3s + var(--sw) * .15) infinite}@keyframes fl-draw{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes fl-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fl-leaf{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}@keyframes fl-bloom{0%{transform:scale(.15) rotate(-45deg)}to{transform:scale(1) rotate(0)}}@keyframes fl-petal{0%{transform:scale(.3,0)}to{transform:scale(1)}}@keyframes fl-sway{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.33,.66,.66,1)}25%{transform:rotate(2deg);animation-timing-function:cubic-bezier(.37,0,.63,1)}75%{transform:rotate(-1.6deg);animation-timing-function:cubic-bezier(.33,0,.66,.33)}to{transform:rotate(0)}}@keyframes fl-nod{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.33,.66,.66,1)}25%{transform:rotate(4deg);animation-timing-function:cubic-bezier(.37,0,.63,1)}75%{transform:rotate(-3deg);animation-timing-function:cubic-bezier(.33,0,.66,.33)}to{transform:rotate(0)}}.fl__cloud{animation:fl-drift 9s ease-in-out infinite alternate}.fl__cloud--b{animation-duration:12s;animation-direction:alternate-reverse}@keyframes fl-drift{0%{transform:translate(-14px)}to{transform:translate(18px)}}.fl__butterfly{opacity:0}.fl__wing{animation:fl-flap .16s ease-in-out infinite alternate}@keyframes fl-flap{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}.fl-result{position:relative;z-index:3;animation:fl-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes fl-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.ts{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;container-type:size}.ts>*{grid-area:1 / 1}.ts__stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ts__dark{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(180deg,#0b1120,#172033 55%,#2a3445);transition:opacity 1.1s ease-in-out}.ts--gathering .ts__dark,.ts--storm .ts__dark{opacity:1}.ts--clearing .ts__dark{opacity:0;transition-duration:1.2s}.ts__rainbow{position:absolute;left:-10%;right:-10%;bottom:16%;aspect-ratio:2 / 1;opacity:0;background:radial-gradient(circle at 50% 100%,transparent 55%,#ef444466 55.5%,#f9731666 58%,#facc1566 60.5%,#22c55e66 63%,#3b82f666 65.5%,#8b5cf666 68%,transparent 70.5%);transition:opacity 1.4s ease-out .3s}.ts--clearing .ts__rainbow,.ts--done .ts__rainbow{opacity:1}.ts__rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ts__clouds{position:absolute;left:0;right:0;top:0;height:32%}.ts__clouds:before{content:"";position:absolute;left:0;right:0;top:0;height:62%;opacity:0;background:linear-gradient(180deg,#1f2937,#263040 60%,#26304000);transition:opacity 1s ease-out}.ts:is(.ts--gathering,.ts--storm) .ts__clouds:before{opacity:1}.ts--clearing .ts__clouds:before{opacity:0;transition-duration:1.1s}.ts__cloud{position:absolute;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1s;opacity:0}.ts__cloud--a{width:95%;left:-22%;top:-4%;transform:translate(-110%)}.ts__cloud--b{width:95%;right:-26%;top:0;transform:translate(110%)}.ts__cloud--c{width:80%;left:2%;top:14%;transform:translate(-140%);transition-delay:.1s}.ts__cloud--d{width:76%;right:-12%;top:20%;transform:translate(140%);transition-delay:.15s}.ts:is(.ts--gathering,.ts--storm) .ts__cloud{transform:none;opacity:1}.ts--storm .ts__cloud--a,.ts--storm .ts__cloud--c{animation:ts-drift 6s ease-in-out infinite alternate}.ts--storm .ts__cloud--b,.ts--storm .ts__cloud--d{animation:ts-drift 7s ease-in-out infinite alternate-reverse}@keyframes ts-drift{0%{translate:-8px 0}to{translate:10px 0}}.ts--clearing .ts__cloud{opacity:0;transition:transform 1.2s cubic-bezier(.5,0,.75,0),opacity 1.1s ease-in}.ts--clearing .ts__cloud--a,.ts--clearing .ts__cloud--c{transform:translate(-120%)}.ts--clearing .ts__cloud--b,.ts--clearing .ts__cloud--d{transform:translate(120%)}.ts__ground{position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(180deg,#3b4656,#1f2937 18%,#111827);box-shadow:0 -1px #94a3b833}.ts__btn{position:relative;z-index:2;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:ts-idle 2s ease-in-out infinite;transition:width .45s cubic-bezier(.7,0,.3,1),height .45s cubic-bezier(.7,0,.3,1),border-radius .45s,background-color .45s,transform .9s cubic-bezier(.45,0,.2,1) .25s,opacity .6s ease-in .5s}.ts__btn:hover{transform:translateY(-2px)}.ts__label{transition:opacity .15s}@keyframes ts-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.ts:not(.ts--idle) .ts__btn{width:96px;height:34px;border-radius:999px;cursor:default;animation:none;background:#7b8593;box-shadow:inset 0 -6px 8px -4px #4b5563;transform:translateY(-38cqh) scale(2.2);opacity:0}.ts__btn:before,.ts__btn:after{content:"";position:absolute;border-radius:50%;opacity:0;background:#7b8593;transition:opacity .3s .15s}.ts__btn:before{width:44px;height:44px;left:14px;top:-22px}.ts__btn:after{width:34px;height:34px;right:14px;top:-15px}.ts:not(.ts--idle) .ts__btn:before,.ts:not(.ts--idle) .ts__btn:after{opacity:1}.ts:not(.ts--idle) .ts__label{opacity:0}.ts-result{position:relative;z-index:3;animation:ts-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes ts-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.cr{--scroll: 0;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;font-family:ui-monospace,Menlo,monospace}.cr>*{grid-area:1 / 1}.cr__scene,.cr__play{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cr__clouds{position:absolute;left:0;right:0;top:9%;height:70px;background:radial-gradient(28px 16px at 40px 40px,#fff 98%,#fff0),radial-gradient(22px 18px at 64px 30px,#fff 98%,#fff0),radial-gradient(24px 14px at 86px 42px,#fff 98%,#fff0),radial-gradient(20px 12px at 250px 22px,#fff 98%,#fff0),radial-gradient(18px 14px at 268px 14px,#fff 98%,#fff0),radial-gradient(20px 11px at 286px 24px,#fff 98%,#fff0);background-size:340px 70px;background-repeat:repeat-x;background-position-x:calc(var(--scroll) * -.15px)}.cr__hills{position:absolute;left:0;right:0;bottom:18%;height:24%;background:radial-gradient(70px 64px at 70px 100%,#22c55e 98%,#22c55e00) 0 0 / 300px 100% repeat-x,radial-gradient(110px 90px at 210px 100%,#4ade80 98%,#4ade8000) 0 0 / 300px 100% repeat-x;background-position-x:calc(var(--scroll) * -.4px),calc(var(--scroll) * -.4px)}.cr__ground{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(#4ade80 0,#4ade80 8px,#16a34a 8px,#16a34a 12px,#16a34a00 12px),repeating-conic-gradient(#b45309 0,#b45309 25%,#92400e 0,#92400e 50%) 0 12px / 24px 24px;background-position-x:calc(var(--scroll) * -1px),calc(var(--scroll) * -1px);box-shadow:inset 0 2px #86efac}.cr__btn{position:relative;z-index:3;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:cr-idle 2s ease-in-out infinite;transition:width .35s cubic-bezier(.7,0,.3,1),height .35s cubic-bezier(.7,0,.3,1),border-radius .35s,background-color .35s,transform .4s cubic-bezier(.3,1.3,.5,1) .15s}.cr__btn:hover{transform:translateY(-2px)}.cr__label{transition:opacity .15s}@keyframes cr-idle{0%,to{box-shadow:0 0 #22c55e55}50%{box-shadow:0 0 0 10px #22c55e00}}.cr:not(.cr--idle) .cr__btn{width:32px;height:32px;border-radius:3px;background:#f59e0b;cursor:default;animation:none;box-shadow:inset -3px -3px #b45309,inset 3px 3px #fde68a;transform:translateY(var(--block-dy, 0))}.cr:not(.cr--idle) .cr__label{opacity:0}.cr:is(.cr--play,.cr--clear) .cr__btn{visibility:hidden;transition:none}.cr__world{position:absolute;left:0;top:0;will-change:transform}.cr__block{position:absolute;width:32px;height:32px;border-radius:3px;display:grid;place-items:center;background:#f59e0b;box-shadow:inset -3px -3px #b45309,inset 3px 3px #fde68a;visibility:hidden}.cr:is(.cr--play,.cr--clear) .cr__block{visibility:visible}.cr__brace{font:900 13px ui-monospace,Menlo,monospace;color:#78350f;letter-spacing:-1px}.cr__block.is-hit{animation:cr-bump .22s ease-out;background:#a16207;box-shadow:inset -3px -3px #713f12,inset 3px 3px #ca8a04}.cr__block.is-hit .cr__brace{opacity:0}@keyframes cr-bump{50%{transform:translateY(-9px)}}.cr__pop{position:absolute;left:6px;top:-20px;opacity:0}.cr__block.is-hit .cr__pop{animation:cr-pop .6s cubic-bezier(.2,.8,.3,1) both}@keyframes cr-pop{0%{opacity:1;transform:translateY(10px) scaleX(1)}50%{opacity:1;transform:translateY(-44px) scaleX(.2)}to{opacity:0;transform:translateY(-30px) scaleX(1)}}.cr__coin{position:absolute;animation:cr-spin .7s ease-in-out infinite alternate}.cr__coin svg{display:block}@keyframes cr-spin{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}.cr__coin.is-got{animation:cr-got .35s ease-out forwards}@keyframes cr-got{to{transform:translateY(-26px) scale(1.3);opacity:0}}.cr__hero{position:absolute;left:0;top:0;will-change:transform}.cr__frame{display:none}.cr__hero[data-frame=a] .cr__frame--a,.cr__hero[data-frame=b] .cr__frame--b,.cr__hero[data-frame=jump] .cr__frame--jump{display:block}.cr--morph .cr__hero-inner{animation:cr-enter .55s ease-out both}@keyframes cr-enter{0%{transform:translate(calc(-1 * var(--hx) - 50px))}}.cr--clear .cr__hero-inner{animation:cr-victory .7s cubic-bezier(.3,0,.4,1) .1s both}@keyframes cr-victory{50%{transform:translateY(-56px)}}.cr__hud{position:absolute;left:0;right:0;top:46px;padding:0 20px;display:flex;justify-content:space-between;font-weight:900;font-size:14px;color:#fff;text-shadow:2px 2px 0 #1e3a8a;letter-spacing:1px;animation:cr-fade .4s ease-out both}.cr__hud-coins{display:flex;align-items:center;gap:6px}.cr__hud small{font-size:11px;opacity:.8}@keyframes cr-fade{0%{opacity:0;transform:translateY(-6px)}}.cr__clear{position:absolute;left:0;right:0;top:30%;text-align:center;opacity:0;font-weight:900;font-size:30px;color:#fff;letter-spacing:2px;text-shadow:3px 3px 0 #1e3a8a,-1px -1px 0 #1e3a8a}.cr--clear .cr__clear{animation:cr-clear .5s cubic-bezier(.3,1.6,.5,1) .25s both}@keyframes cr-clear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.cr-result{position:relative;z-index:4;font-family:system-ui,sans-serif;animation:cr-result-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes cr-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.gd{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.gd--show{touch-action:none}.gd>*{grid-area:1 / 1}.gd__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.gd__motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .6s}.gd__motes i{position:absolute;width:4px;height:4px;border-radius:50%;background:hsl(calc(var(--i) * 26deg) 95% 70%);box-shadow:0 0 10px 2px hsl(calc(var(--i) * 26deg) 95% 60%);animation:gd-float calc(5s + var(--i) * .4s) ease-in-out calc(var(--i) * -.7s) infinite alternate}@keyframes gd-float{0%{transform:translate(-8px,10px);opacity:.25}to{transform:translate(10px,-14px);opacity:.9}}.gd:not(.gd--idle) .gd__motes{opacity:0}.gd__btn{position:relative;z-index:2;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:gd-idle 2s ease-in-out infinite;transition:transform .25s}.gd__btn:hover{transform:translateY(-2px)}@keyframes gd-idle{0%,to{box-shadow:0 0 #22c55e66,0 0 24px #22c55e33}50%{box-shadow:0 0 0 10px #22c55e00,0 0 34px #22c55e55}}.gd--show .gd__btn{pointer-events:none;animation:gd-dissolve .45s ease-out forwards}@keyframes gd-dissolve{to{opacity:0;filter:blur(10px);transform:scale(1.15)}}.gd__hint{position:absolute;left:0;right:0;bottom:7%;margin:0;text-align:center;pointer-events:none;font:500 13px system-ui,sans-serif;letter-spacing:.5px;color:#c4b5fd;animation:gd-hint 4.4s ease-in-out .9s both}@keyframes gd-hint{0%,to{opacity:0;transform:translateY(6px)}15%,80%{opacity:.8;transform:none}}.gd-result{position:relative;z-index:3;animation:gd-result-in .6s cubic-bezier(.2,.8,.3,1) both}@keyframes gd-result-in{0%{opacity:0;transform:scale(.9);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.gs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.gs--show{touch-action:none}.gs>*{grid-area:1 / 1}.gs__calm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#010409,#073049 47.6%,#2c2619 48.4%,#16130d)}.gs__calm:after{content:"";position:absolute;left:-5%;right:-5%;top:calc(48% - 3px);height:6px;border-radius:50%;background:#67e8f9;filter:blur(4px);animation:gs-breathe 3s ease-in-out infinite}@keyframes gs-breathe{0%,to{opacity:.25;transform:translateY(0) scaleX(1)}50%{opacity:.75;transform:translateY(5px) scaleX(1.02)}}.gs__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.gs__btn{position:relative;z-index:2;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:gs-idle 2s ease-in-out infinite;transition:width .3s cubic-bezier(.7,0,.3,1),height .3s cubic-bezier(.7,0,.3,1),border-radius .3s,background-color .3s,transform .25s}.gs__btn:hover{transform:translateY(-2px)}.gs__label{transition:opacity .12s}@keyframes gs-idle{0%,to{box-shadow:0 0 #22c55e66,0 0 24px #22c55e33}50%{box-shadow:0 0 0 10px #22c55e00,0 0 34px #22c55e55}}.gs:not(.gs--idle) .gs__btn{width:14px;height:20px;border-radius:50%/60% 60% 40% 40%;cursor:default;background:#a5f3fc;box-shadow:0 0 16px 4px #22d3ee;animation:gs-fall .42s cubic-bezier(.55,0,1,.45) .1s forwards}.gs:not(.gs--idle) .gs__label{opacity:0}@keyframes gs-fall{to{transform:translateY(-36px) scale(.3);opacity:0}}.gs__hint{position:absolute;left:0;right:0;top:9%;margin:0;text-align:center;pointer-events:none;font:500 13px system-ui,sans-serif;letter-spacing:.5px;color:#a5f3fc;animation:gs-hint 4.6s ease-in-out .8s both}@keyframes gs-hint{0%,to{opacity:0;transform:translateY(-6px)}15%,80%{opacity:.85;transform:none}}.gs-result{position:relative;z-index:3;animation:gs-result-in .6s cubic-bezier(.2,.8,.3,1) both}@keyframes gs-result-in{0%{opacity:0;transform:scale(.92);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.ss{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.ss--show{touch-action:none}.ss>*{grid-area:1 / 1}.ss__stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ss__stars--a{background-image:radial-gradient(1px 1px at 8% 12%,#fff,#fff0),radial-gradient(1.5px 1.5px at 22% 30%,#fff,#fff0),radial-gradient(1px 1px at 37% 8%,#fff,#fff0),radial-gradient(1px 1px at 51% 22%,#fff,#fff0),radial-gradient(1.5px 1.5px at 66% 14%,#dbeafe,#fff0),radial-gradient(1px 1px at 81% 28%,#fff,#fff0),radial-gradient(1px 1px at 93% 9%,#fff,#fff0),radial-gradient(1px 1px at 14% 47%,#fff,#fff0),radial-gradient(1.5px 1.5px at 44% 41%,#fff,#fff0),radial-gradient(1px 1px at 72% 49%,#fff,#fff0),radial-gradient(1px 1px at 88% 62%,#fff,#fff0),radial-gradient(1px 1px at 29% 64%,#fff,#fff0);animation:ss-twinkle 3.2s ease-in-out infinite alternate}.ss__stars--b{background-image:radial-gradient(1px 1px at 4% 33%,#fff,#fff0),radial-gradient(1px 1px at 17% 19%,#c7d2fe,#fff0),radial-gradient(1.5px 1.5px at 31% 52%,#fff,#fff0),radial-gradient(1px 1px at 47% 61%,#fff,#fff0),radial-gradient(1px 1px at 58% 5%,#fff,#fff0),radial-gradient(1.5px 1.5px at 76% 37%,#fbcfe8,#fff0),radial-gradient(1px 1px at 96% 44%,#fff,#fff0),radial-gradient(1px 1px at 62% 68%,#fff,#fff0),radial-gradient(1px 1px at 10% 70%,#fff,#fff0),radial-gradient(1px 1px at 84% 18%,#fff,#fff0);animation:ss-twinkle 4.4s ease-in-out -2s infinite alternate}@keyframes ss-twinkle{0%{opacity:.35}to{opacity:1}}.ss__hills{position:absolute;left:0;right:0;bottom:0;height:22%;pointer-events:none;background:radial-gradient(60% 70% at 18% 100%,#07061a 98%,#07061a00),radial-gradient(70% 60% at 78% 100%,#0b0a24 98%,#0b0a2400),radial-gradient(90% 40% at 50% 100%,#04030f 98%,#04030f00)}.ss__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ss__btn{position:relative;z-index:2;width:180px;height:56px;border:0;border-radius:12px;cursor:pointer;font:600 18px system-ui,sans-serif;color:#fff;background:#22c55e;animation:ss-idle 2s ease-in-out infinite;transition:width .3s cubic-bezier(.7,0,.3,1),height .3s cubic-bezier(.7,0,.3,1),border-radius .3s,background-color .3s,transform .25s}.ss__btn:hover{transform:translateY(-2px)}.ss__label{transition:opacity .12s}@keyframes ss-idle{0%,to{box-shadow:0 0 #22c55e66,0 0 24px #22c55e33}50%{box-shadow:0 0 0 10px #22c55e00,0 0 34px #22c55e55}}.ss:not(.ss--idle) .ss__btn{width:12px;height:12px;border-radius:50%;background:#fff;cursor:default;animation:none;box-shadow:0 0 14px 5px #bfdbfe,0 0 40px 12px #60a5fa88}.ss:not(.ss--idle) .ss__label{opacity:0}.ss__btn:before,.ss__btn:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:0;opacity:0;background:linear-gradient(#fff0,#fff,#fff0);transform:translate(-50%,-50%);transition:height .3s cubic-bezier(.3,1.6,.5,1) .1s,opacity .2s .1s}.ss__btn:after{transform:translate(-50%,-50%) rotate(90deg)}.ss:not(.ss--idle) .ss__btn:before,.ss:not(.ss--idle) .ss__btn:after{height:44px;opacity:1}.ss--show .ss__btn{opacity:0;transition:opacity .15s}.ss__hint{position:absolute;left:0;right:0;bottom:25%;margin:0;text-align:center;pointer-events:none;font:500 13px system-ui,sans-serif;letter-spacing:.5px;color:#c7d2fe;animation:ss-hint 3.8s ease-in-out .9s both}@keyframes ss-hint{0%,to{opacity:0;transform:translateY(6px)}15%,80%{opacity:.85;transform:none}}.ss-result{position:relative;z-index:3;animation:ss-result-in .6s cubic-bezier(.2,.8,.3,1) both}@keyframes ss-result-in{0%{opacity:0;transform:scale(.92);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}*{box-sizing:border-box;margin:0}body{background:radial-gradient(ellipse 70% 55% at 50% 45%,#232328,#18181b 55%,#0f0f11) fixed,#141416;color:#111827;font:16px/1.5 system-ui,-apple-system,sans-serif;min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;overflow-x:clip}.slider{--w: min(420px, calc(100vw - 48px) );--gap: 24px;width:100%}.slider__viewport{overflow:hidden;padding:12px 0 20px;touch-action:pan-y}.slider__track{display:flex;gap:var(--gap);transform:translate(calc(50% - var(--w) / 2 - var(--i) * (var(--w) + var(--gap))));transition:transform .6s cubic-bezier(.65,0,.25,1)}.slide{position:relative;flex:0 0 var(--w);height:min(600px,78vh);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff12;transform:scale(.88);opacity:.45;cursor:pointer;transition:transform .6s cubic-bezier(.65,0,.25,1),opacity .6s}.slide.is-active{transform:none;opacity:1;cursor:default}.slide:not(.is-active) .slide__stage{pointer-events:none}.slide__tag{position:absolute;z-index:2;top:20px;left:22px;font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.5px}.slide--light .slide__tag{color:#78716caa}.slide--dark .slide__tag{color:#c7d2fe99}.slide--warm .slide__tag{color:#3b0d0299}.slide__stage{position:relative;z-index:1;height:100%;display:grid;place-items:center}.slider__nav{display:flex;align-items:center;justify-content:center;gap:18px}.slider__arrow{width:44px;height:44px;border-radius:50%;border:1px solid #2f2f35;background:#1f1f23;color:#e4e4e7;font-size:18px;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}.slider__arrow:hover:not(:disabled){background:#2a2a30;border-color:#3f3f46}.slider__arrow:disabled{opacity:.3;cursor:default}.slider__dots{display:flex;gap:8px}.slider__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#3f3f46;cursor:pointer;transition:width .3s,background .3s}.slider__dot.is-active{width:24px;background:#e4e4e7}.bg-starry{background:linear-gradient(180deg,#02030f,#090b2c 45%,#1c1446 78%,#3a1b52)}.bg-shore{background:#010409}.bg-cosmos{background:radial-gradient(ellipse at 50% 42%,#1c1240,#0b0720 55%,#03020a)}.bg-retro{background:linear-gradient(180deg,#5b8def,#7aa7f7 55%,#a5c6ff)}.bg-storm{background:linear-gradient(180deg,#74818f,#9aa6b4 60%,#c3ccd6)}.bg-meadow{background:linear-gradient(180deg,#a5dcff,#d6efff 55%,#f1faff)}.bg-sunset{background:linear-gradient(180deg,#ff8a1c,#ff6a12 35%,#f2470e 62%,#c92f0b)}.bg-cream{background:radial-gradient(circle at 50% 40%,#fffdf7,#fef7e6,#fdecc8)}.bg-rose{background:radial-gradient(circle at 50% 42%,#fff,#fff1f2 45%,#ffe4e6)}.bg-night{background:linear-gradient(180deg,#02030c,#0a0f2e 55%,#1b1748 85%,#2a1b4f)}.bg-night:before,.bg-night:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-night:before{background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 8%,#fff,transparent),radial-gradient(1.5px 1.5px at 44% 22%,#fff,transparent),radial-gradient(1px 1px at 63% 12%,#fff,transparent),radial-gradient(1px 1px at 78% 26%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 9%,#fff,transparent),radial-gradient(1px 1px at 8% 40%,#fff,transparent),radial-gradient(1px 1px at 35% 36%,#fff,transparent),radial-gradient(1px 1px at 55% 44%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 42%,#fff,transparent),radial-gradient(1px 1px at 20% 58%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent);animation:twinkle 4s ease-in-out infinite alternate}.bg-night:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 328 60' preserveAspectRatio='none'%3E%3Cpath fill='%2302030c' d='M0 60V38h18V26h14v12h10V18h16v20h12V30h20v8h8V12h14v26h12V24h18v14h10V32h16v6h12V16h10v22h14V28h18v10h10V20h16v18h12V34h14v4h10V22h12v16h14V30h18v30z'/%3E%3C/svg%3E") bottom / 100% 60px no-repeat,radial-gradient(ellipse at 50% 100%,#7c3aed33,transparent 60%)}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.result{width:min(340px,100%);padding:20px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 10px 30px #11182714}.result__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.result__head h2{font-size:18px}.result__check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dcfce7;color:#16a34a;font-weight:800}.result__rows{display:grid;gap:6px;padding:12px 14px;border-radius:10px;background:#f9fafb;font:13px/1.5 ui-monospace,Menlo,monospace}.result__row{display:flex;justify-content:space-between;gap:16px}.result__rows dt{color:#6b7280}.result__rows dd{text-align:right}.result__rows .ok{color:#16a34a;font-weight:600}.replay{margin-top:14px;width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font:600 14px system-ui,sans-serif;cursor:pointer}.replay:hover{background:#f3f4f6}