@layer components{.landing-canvas{background-color:var(--background);background-image:radial-gradient(64rem 36rem at 92% -6%,var(--canvas-glow-1),transparent 70%),radial-gradient(52rem 32rem at -8% 22%,var(--canvas-glow-2),transparent 70%);background-repeat:no-repeat}.landing-ink{color:var(--ink-fg);background-color:var(--ink);background-image:radial-gradient(120% 70% at 0 0,var(--ink-glow),transparent 60%),linear-gradient(180deg,oklch(1 0 0/.04),transparent 40%)}.landing-dots{background-image:radial-gradient(circle at 1px 1px,var(--canvas-dot) 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(180deg,black 0,transparent)}.landing-app-canvas{background-color:var(--background);background-image:radial-gradient(40rem 22rem at 100% -10%,var(--canvas-glow-1),transparent 70%),radial-gradient(circle at 1px 1px,var(--canvas-dot) 1px,transparent 1.5px);background-size:auto,22px 22px;background-repeat:no-repeat,repeat}@keyframes landing-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes landing-draw-y{0%{transform:scaleY(0)}to{transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.landing-reveal{animation:landing-reveal linear both;animation-timeline:view();animation-range:entry var(--reveal-offset,0) entry calc(var(--reveal-offset, 0px) + 160px)}.landing-draw-y{transform-origin:top;animation:landing-draw-y linear both;animation-timeline:view();animation-range:entry 40% cover 60%}}}@keyframes landing-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes landing-bar{0%{transform:scaleY(.08)}to{transform:none}}@keyframes landing-grow-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes landing-rise{0%{opacity:0;transform:translateY(48px) scale(.97)}to{opacity:1;transform:none}}@keyframes landing-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes landing-fade-in{0%{opacity:0}}@keyframes landing-fade-out{to{opacity:0}}@keyframes landing-ping{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.6);opacity:0}}@keyframes landing-toast{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}@keyframes landing-toast-life{0%{opacity:0;transform:translateY(-14px) scale(.96)}10%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.98)}}@keyframes landing-press{0%,to{transform:none}45%{transform:scale(.92)}}@keyframes landing-stamp{0%{opacity:0;transform:scale(1.7)}}@keyframes landing-flow-packet{0%{opacity:0;transform:translateY(0)}4%{opacity:1}45%{opacity:1;transform:translateY(100%)}50%,to{opacity:0;transform:translateY(100%)}}@keyframes landing-flow-step{0%{opacity:0}5%,50%{opacity:1}62%,to{opacity:0}}@keyframes landing-flow-text{0%{opacity:.55}5%,50%{opacity:1}62%,to{opacity:.55}}@keyframes landing-flow-depart{0%{opacity:0}14%,5%{opacity:1}24%,to{opacity:0}}@keyframes landing-flow-arrive{0%{opacity:0}30%,5%{opacity:1}44%,to{opacity:0}}.landing-pop{animation:landing-pop .7s cubic-bezier(.16,1,.3,1) both}.landing-bar{transform-origin:bottom;animation:landing-bar .9s cubic-bezier(.16,1,.3,1) both}.landing-grow-x{transform-origin:left;animation:landing-grow-x .9s cubic-bezier(.16,1,.3,1) both}.landing-grow-y{transform-origin:top;animation:landing-draw-y 1.2s cubic-bezier(.16,1,.3,1) both}.landing-rise{animation:landing-rise 1.1s cubic-bezier(.16,1,.3,1) both}.landing-note{animation:landing-pop .7s cubic-bezier(.16,1,.3,1) both,landing-float 7s ease-in-out infinite}.landing-fade-in{animation:landing-fade-in .5s ease-out both}.landing-swap-out{opacity:0;animation:landing-fade-out .45s ease-in-out both}.landing-swap-in{animation:landing-fade-in .45s ease-in-out both}.landing-ping{animation:landing-ping 2.4s cubic-bezier(0,0,.2,1) infinite}.landing-toast{animation:landing-toast .6s cubic-bezier(.16,1,.3,1) both}.landing-toast-life{animation:landing-toast-life 4.8s cubic-bezier(.16,1,.3,1) both}.landing-press{animation:landing-press .36s ease-in-out both}.landing-stamp{animation:landing-stamp .52s cubic-bezier(.3,1.4,.5,1) both}.landing-flow-packet{animation:landing-flow-packet 8s linear infinite both}.landing-flow-step{animation:landing-flow-step 8s ease-out infinite both}.landing-flow-text{animation:landing-flow-text 8s ease-out infinite both}.landing-flow-depart{opacity:0;animation:landing-flow-depart 8s ease-out infinite both}.landing-flow-arrive{opacity:0;animation:landing-flow-arrive 8s ease-out infinite both}@media (prefers-reduced-motion:reduce){.landing-bar,.landing-fade-in,.landing-flow-arrive,.landing-flow-depart,.landing-flow-packet,.landing-flow-step,.landing-flow-text,.landing-grow-x,.landing-grow-y,.landing-note,.landing-ping,.landing-pop,.landing-press,.landing-rise,.landing-stamp,.landing-swap-in,.landing-swap-out,.landing-toast,.landing-toast-life{animation:none}.landing-flow-arrive,.landing-flow-depart,.landing-flow-packet,.landing-ping{display:none}}}