.mk{--ease:cubic-bezier(.22, 1, .36, 1);color:#000;background:#fff}.pill{letter-spacing:-.01em;white-space:nowrap;height:52px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .3s var(--ease), color .3s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 24px;font-size:16px;font-weight:500;display:inline-flex}.pill svg{width:14px;height:14px}.pill:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #00000073}.pill:active{box-shadow:none;transform:translateY(0)scale(.97)}.pill:focus-visible{outline-offset:3px;outline:2px solid #000}.pill-sm{height:46px;padding:0 20px;font-size:14px}.pill-white{color:#000;background:#fff}.pill-black{color:#fff;background:#000}.pill-green{background:rgb(var(--signal));color:#000}.pill-outline{color:inherit;background:0 0;box-shadow:inset 0 0 0 1px}.pill-outline:hover{box-shadow:inset 0 0 0 1px,0 10px 20px -10px #0000004d}.marquee{display:flex;overflow:hidden}.marquee-track{animation:marquee var(--speed,40s) linear infinite;flex-shrink:0;align-items:center;display:flex}.marquee-reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-100%)}}.scan-line{background:rgb(var(--signal));height:2px;box-shadow:0 0 14px 3px rgb(var(--signal) / .6);animation:scan-line 4s var(--ease) infinite;position:absolute;inset-inline:0}@keyframes scan-line{0%{opacity:0;top:6%}10%{opacity:1}60%{opacity:1;top:94%}70%,to{opacity:0;top:94%}}[data-seq]>*{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(8px)}[data-seq][data-inview=true]>*,[data-inview=true] [data-seq]>*{opacity:1;transform:none}[data-inview=true] [data-seq]>:nth-child(2),[data-seq][data-inview=true]>:nth-child(2){transition-delay:.15s}[data-inview=true] [data-seq]>:nth-child(3),[data-seq][data-inview=true]>:nth-child(3){transition-delay:.3s}[data-inview=true] [data-seq]>:nth-child(4),[data-seq][data-inview=true]>:nth-child(4){transition-delay:.45s}[data-inview=true] [data-seq]>:nth-child(5),[data-seq][data-inview=true]>:nth-child(5){transition-delay:.6s}.flip-pending,.flip-done{transition:opacity .3s var(--ease)}.flip .flip-done{opacity:0;justify-content:flex-end;align-items:center;display:flex}.flip .flip-pending{white-space:nowrap;position:absolute;top:50%;right:0;translate:0 -50%}[data-inview=true] .flip .flip-pending{opacity:0;transition-delay:var(--fd,1s)}[data-inview=true] .flip .flip-done{opacity:1;transition-delay:var(--fd,1s)}.spark{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.2s var(--ease) .3s}[data-inview=true] .spark{stroke-dashoffset:0}.stage-in{animation:stage-in .5s var(--ease) both}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.stage-in,.marquee-track,.scan-line{animation:none}.scan-line{display:none}.pill:hover{transform:none}[data-seq]>*{opacity:1;transition:none;transform:none}.flip .flip-pending{opacity:0}.flip .flip-done{opacity:1}.spark{stroke-dashoffset:0;transition:none}}.app-ui{--app-sheet:#121212;--app-surface:#1a1a1a;--app-raised:#262626;--app-line:#ffffff17;--app-line-strong:#ffffff29;--app-text2:#ffffffa8;--app-text3:#ffffff6b;--app-accent:rgb(var(--signal));--app-check:#ff5a1f;--app-skip:#3a3a3c;--app-skip-text:#8e8e93;--app-accent-wash:rgb(var(--signal) / .14);--app-check-wash:#ff5a1f29;--app-skip-wash:#8e8e932e;--app-glass:#1c1c1e9e;--app-tabbar:#1e1e20d1;--app-glass-line:#ffffff24;--app-pill:#ffffff1f}.app-slide{animation:.42s cubic-bezier(.33,1,.68,1) both app-slide}@keyframes app-slide{0%{transform:translate(100%)}}.app-flash{animation:.31s ease-out both app-flash}@keyframes app-flash{0%{opacity:0}16%{opacity:.55}to{opacity:0}}.app-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both app-pop}@keyframes app-pop{0%{opacity:0;transform:scale(.3)}}.app-fade{animation:.25s ease-out both app-fade}@keyframes app-fade{0%{opacity:0}}.app-rise{animation:app-rise .3s var(--ease) both}@keyframes app-rise{0%{opacity:0;transform:translateY(8px)}}.app-spin{animation:.8s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-slide,.app-flash,.app-pop,.app-fade,.app-rise{animation:none}}.rise{transform:translateY(calc((1 - var(--r,1)) * 72px)) scale(calc(.93 + .07 * var(--r,1)));transform-origin:50% 0;will-change:transform}[data-bar]{transform-origin:bottom}@media (prefers-reduced-motion:reduce){.rise{transform:none}}
