.stage{--sky:oklch(62% .13 245);--grape:oklch(58% .15 300);--mint:oklch(80% .12 160);--butter:oklch(90% .11 92);--peach:oklch(84% .1 52);--rose:oklch(72% .14 15);--hair:oklch(26% .032 122/.1);--lift:0 1px 0 oklch(100% 0 0/.7) inset, 0 0 0 1px var(--hair), 0 24px 44px -26px oklch(25% .04 100/.45);margin:var(--space-lg) 0 0;width:min(100%,1040px);height:640px;box-shadow:0 0 0 1px var(--hair), 0 40px 80px -60px oklch(25% .04 100/.5);isolation:isolate;background:linear-gradient(165deg,oklch(99% .008 84),oklch(95.5% .024 80));border-radius:36px;position:relative;overflow:hidden;container-type:size}.stage.reset,.stage.reset *{transition:none!important;animation:none!important}.bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.blob{filter:blur(60px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.b1{background:var(--peach);width:46cqw;height:46cqw;top:-18cqw;right:-10cqw}.b2{background:var(--mint);width:40cqw;height:40cqw;animation-delay:-5s;bottom:-20cqw;left:-8cqw}.b3{background:var(--butter);opacity:.35;width:26cqw;height:26cqw;animation-delay:-9s;top:40%;left:30%}@keyframes drift{to{transform:translate(3cqw,2cqh)scale(1.08)}}.e3{filter:drop-shadow(0 14px 14px oklch(25% .04 100/.25));pointer-events:none;-webkit-user-select:none;user-select:none;width:72px;height:auto;display:block}.hf .e3.in,.sc.on .e3,.fl .e3{animation:e-pop .64s var(--ease-expo) both, bob 3.2s .64s ease-in-out infinite}@keyframes e-pop{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}@keyframes bob{50%{translate:0 -6px;rotate:4deg}}.zav{background:var(--stamp);width:1.05em;height:1.05em;color:var(--stamp-ink);font:700 .8em/1 var(--display);vertical-align:-.12em;border-radius:50%;place-items:center;font-style:normal;display:inline-grid;box-shadow:0 0 0 .08em oklch(62% .19 37/.18),0 10px 18px -10px oklch(52% .18 35/.6)}.zav.sm{vertical-align:middle;width:26px;height:26px;box-shadow:none;font-size:17px}.pill{box-shadow:var(--lift);white-space:nowrap;background:oklch(99% .006 84/.92);border-radius:999px;align-items:center;gap:8px;padding:8px 18px 8px 10px;font-size:17px;font-weight:600;display:inline-flex}.pill b{font-weight:800}.tick{border:2px solid var(--stamp);width:24px;height:24px;color:var(--stamp);border-radius:50%;place-items:center;font-size:13px;font-weight:800;text-decoration:none;display:inline-grid}.hf .pill.in,.hf .w.in,.hf .say.in,.hf .lift.in,.hf .res.in,.hf .done-sub.in{animation:rise .56s var(--ease-expo) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.94)}}.fb{background:var(--bubble);text-align:start;box-shadow:var(--lift);border-radius:22px;margin:0;padding:11px 16px;font-size:17px;font-weight:600;line-height:1.35}.fb.mine{background:var(--bubble-mine)}.e-party{width:110px;position:absolute;top:16%;right:18%}.e-beer2{width:96px;position:absolute;bottom:16%;left:18%}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{opacity:0;border-radius:3px;width:11px;height:17px;position:absolute;top:-6%}.confetti i:nth-child(5n){background:var(--stamp)}.confetti i:nth-child(5n+1){background:var(--sky);width:14px;height:10px}.confetti i:nth-child(5n+2){background:var(--butter)}.confetti i:nth-child(5n+3){background:var(--grape);width:9px}.confetti i:nth-child(5n+4){background:var(--mint);border-radius:50%;width:12px;height:12px}.confetti i:first-child{animation-delay:0s;left:6%}.confetti i:nth-child(2){animation-delay:.25s;left:12%}.confetti i:nth-child(3){animation-delay:.1s;left:19%}.confetti i:nth-child(4){animation-delay:.4s;left:26%}.confetti i:nth-child(5){animation-delay:50ms;left:32%}.confetti i:nth-child(6){animation-delay:.3s;left:39%}.confetti i:nth-child(7){animation-delay:.15s;left:45%}.confetti i:nth-child(8){animation-delay:.45s;left:52%}.confetti i:nth-child(9){animation-delay:0s;left:58%}.confetti i:nth-child(10){animation-delay:.2s;left:64%}.confetti i:nth-child(11){animation-delay:.35s;left:70%}.confetti i:nth-child(12){animation-delay:.1s;left:76%}.confetti i:nth-child(13){animation-delay:.3s;left:82%}.confetti i:nth-child(14){animation-delay:50ms;left:88%}.confetti i:nth-child(15){animation-delay:.4s;left:93%}.confetti i:nth-child(16){animation-delay:.2s;left:97%}.sc-done.on .confetti i,.cs.done .confetti i{animation:fall 2.8s var(--ease-out) both}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110cqh)rotate(600deg)}}.cs-status{background:var(--ink);color:var(--paper);white-space:nowrap;z-index:6;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 6px;font-size:15px;display:inline-flex;position:absolute;top:22px;left:50%;translate:-50%}.cs-status .st i{color:oklch(90% .02 84);align-items:center;gap:6px;font-style:normal;display:inline-flex}.hf .cs-status .st i.in{animation:rise .36s var(--ease-expo) both}.live{background:var(--stamp);border-radius:50%;width:8px;height:8px;animation:.9s infinite blink}@keyframes blink{50%{opacity:.25}}.cs .cs-phone{aspect-ratio:auto;width:280px;height:540px;transition:filter .5s, transform .7s var(--ease-expo);position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.cs .cs-phone .screen{font-size:14px}.cs .cs-phone .feed{padding-bottom:64px}.cs.work .cs-phone{filter:saturate(.7)brightness(.92);transform:translate(-50%,-50%)rotate(-2deg)scale(.96)}.cs.back .cs-phone{filter:none;transform:translate(-50%,-50%)rotate(-2deg)}.cs.lit:not(.work) .b.key{box-shadow:0 0 0 2px var(--stamp)}.fl{z-index:4;opacity:0;transition:opacity .36s var(--ease-out), transform .7s var(--ease-expo);justify-items:start;gap:8px;display:grid;position:absolute;transform:translateY(20px)scale(.86)}.fl .fb{max-width:100%}.fl-you{width:min(330px,80cqw);top:26%;left:max(3cqw,50% - 250px)}.fl-you .fb{padding:14px 20px;font-size:20px}.e-you{width:88px;position:absolute;top:-52px;left:-26px}.cs.you .fl-you{opacity:1;transform:none}.cs.work .fl-you{opacity:0;transform:translateY(-20px)scale(.9)}.fl-dan{justify-items:end;width:min(290px,44cqw);top:24%;left:max(2cqw,50% - 370px)}.fl-maayan{width:min(290px,44cqw);top:46%;right:max(2cqw,50% - 380px)}.cs.work .fl-dan,.cs.work .fl-maayan{opacity:1;transform:none}.cs.back .fl-dan,.cs.back .fl-maayan{opacity:0;transform:scale(.3)}.cs.back .fl-dan{translate:30% 30%}.cs.back .fl-maayan{translate:-30% 10%}.fl-who{box-shadow:var(--lift);background:oklch(99% .006 84/.95);border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:15px;font-weight:800;display:inline-flex}.fl-who small{background:var(--ink);color:var(--paper);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.av{width:36px;height:36px;font:700 22px/1 var(--display);color:var(--stamp-ink);border-radius:50%;place-items:center;font-style:normal;display:grid;box-shadow:0 0 0 3px oklch(99% .006 84)}.c1b{background:var(--grape)}.c2b{background:var(--sky)}.e-dan,.e-maayan{width:74px;position:absolute;bottom:-30px;left:-34px}.e-maayan{left:auto;right:-30px}[dir=rtl] .e-dan{left:auto;right:-34px}[dir=rtl] .e-maayan{left:-30px;right:auto}.fl-card{background:var(--bubble);box-shadow:var(--lift), 0 0 0 2px var(--stamp);white-space:nowrap;z-index:4;opacity:0;transition:opacity .3s, transform .7s var(--ease-expo);border-radius:28px;justify-items:center;gap:6px;padding:52px 30px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.fl-card b{font:700 3.2rem/1 var(--display)}.e-cal{width:86px;position:absolute;top:-46px}.cs.set .fl-card{opacity:1;transform:translate(-50%,-50%)}.cs-done{pointer-events:none;z-index:5;position:absolute;inset:0}.cs-stamp{font:700 3.6rem/1 var(--display);color:var(--stamp);border:4px solid var(--stamp);white-space:nowrap;opacity:0;transition:transform .52s var(--ease-expo), opacity .2s;background:oklch(98.5% .02 70/.94);border-radius:12px;padding:6px 16px 2px;position:absolute;top:22%;left:50%;transform:translate(-10%)rotate(-24deg)scale(2.2)}.cs.done .cs-stamp{opacity:1;transform:translate(-10%)rotate(-12deg)scale(1)}.cs .e-party{opacity:0;top:12%;left:max(2cqw,50% - 230px);right:auto}.cs.done .e-party{opacity:1;animation:e-pop .64s var(--ease-expo) both, bob 3.2s .64s ease-in-out infinite}.cs.fading>:not(.bg){opacity:0;transition:opacity .5s}@container (width<=640px){.cs .cs-phone{width:230px;height:450px;top:56%}.fl-you{top:18%;left:6cqw}.fl-you .fb{font-size:17px}.fl-dan,.fl-maayan{width:78cqw}.fl-dan{top:14%;left:4cqw}.fl-maayan{top:58%;left:auto;right:4cqw}.fl .fb{font-size:15px}.e-dan{width:58px;bottom:-40px;left:-6px}.e-maayan{width:58px;bottom:-44px;right:-4px}[dir=rtl] .e-dan{right:-6px}[dir=rtl] .e-maayan{left:-4px}.fl-card b{font-size:2.4rem}.cs .e-party{left:6cqw}}@media (prefers-reduced-motion:reduce){.stage *,.stage :before{transition:none!important;animation:none!important}}