.cs-form{transform-origin:50% 0}@media (prefers-reduced-motion:no-preference){.cs-form{transition:opacity .42s var(--ease-out-quart), transform .52s var(--ease-out-quart), filter .42s var(--ease-out-quart)}}.cs-form[data-away]{opacity:0;filter:blur(3px);transform:perspective(1200px)rotateX(9deg)translateY(-10px)scale(.97)}.cs-stage{--tilt:64deg;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.cs-scene{perspective:900px;perspective-origin:50% 40%;width:300px;height:290px;position:relative}.cs-sheet{z-index:1;border:1px solid var(--border);background:var(--card);width:248px;box-shadow:var(--shadow-float);transform-origin:50% 100%;animation:cs-sheet 1.7s var(--ease-in-out-quart) both;border-radius:10px;margin-left:-124px;padding:14px 16px;font-size:12px;line-height:1.45;position:absolute;top:0;left:50%}.cs-sheet dt{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding-top:1px;font-size:10px}.cs-sheet dd{min-width:0;color:var(--foreground);font-weight:500}.cs-sheet-line{border-top:1px dashed var(--border);color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;padding-top:8px;display:-webkit-box;overflow:hidden}@keyframes cs-sheet{0%{opacity:0;transform:translateY(14px)rotateX(-14deg)scale(.96)}22%,58%{opacity:1;transform:none}to{opacity:0;transform:translateY(42px)rotateX(70deg)scale(.12)}}.cs-floor{width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotateZ(28deg);position:absolute;top:232px;left:50%}.cs-pad{background:radial-gradient(closest-side, var(--brand-soft), transparent 70%), repeating-radial-gradient(closest-side, transparent 0 15px, color-mix(in oklch, var(--brand) 22%, transparent) 15px 16px);width:140px;height:140px;animation:cs-pad-in .7s var(--ease-out-quart) both;border-radius:999px;position:absolute;top:-70px;left:-70px}.cs-stage[data-phase=wait] .cs-pad{animation:1.4s ease-in-out infinite cs-pad-pulse}@keyframes cs-pad-in{0%{opacity:0;transform:scale(.6)}}@keyframes cs-pad-pulse{50%{opacity:.75;transform:scale(1.08)}}.cs-carrier{transform-style:preserve-3d;animation:cs-carrier-in .65s var(--ease-out-back) .12s both;position:absolute;top:0;left:0;transform:scale3d(2.6,2.6,2.6)}.cs-carrier .bot{top:0;left:0}@keyframes cs-carrier-in{0%{transform:scale3d(1.2,1.2,.01)}}.cs-envelope{border:1px solid var(--line);background:linear-gradient(to bottom right, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px)) left / 50% 100% no-repeat, linear-gradient(to bottom left, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px)) right / 50% 100% no-repeat, var(--paper);width:16px;height:11px;box-shadow:0 0 10px -2px var(--teal);animation:cs-envelope-in .42s var(--ease-out-back) 1.45s both;border-radius:2px;position:absolute;top:5px;left:3px;transform:translateZ(23px)}@keyframes cs-envelope-in{0%{opacity:0;transform:translateZ(44px)rotate(28deg)}to{opacity:1;transform:translateZ(23px)}}.cs-stage[data-phase=launch] .cs-carrier{animation:cs-launch 1s var(--ease-in-out-quart) both}@keyframes cs-launch{0%{transform:scale3d(2.6,2.6,2.6)}18%{transform:scale3d(2.7,2.7,2.2)}to{transform:scale3d(1.6,1.6,1.6)translate3d(80px,-160px,150px)}}.cs-stage[data-phase=launch] :is(.bot-face,.bot-shadow,.cs-envelope){animation:.26s linear .74s forwards cs-fade-out}.cs-stage[data-phase=launch] .cs-pad{animation:cs-pad-out .7s var(--ease-out-quart) .2s both}@keyframes cs-pad-out{to{opacity:0;transform:scale(1.5)}}.cs-trail{width:calc(10px - var(--i) * 1.2px);height:calc(10px - var(--i) * 1.2px);background:var(--c);box-shadow:0 0 10px -1px var(--c);opacity:0;position:absolute;top:-4px;left:-4px}.cs-stage[data-phase=launch] .cs-trail{animation:cs-trail .82s var(--ease-in-out-quart) calc(.26s + var(--i) * 55ms) both}@keyframes cs-trail{0%{opacity:0;transform:translateZ(40px)}25%{opacity:1}to{opacity:0;transform:translate3d(calc(140px - var(--i) * 14px), calc(-300px + var(--i) * 30px), calc(300px - var(--i) * 30px))}}.cs-log{min-width:260px;font-family:var(--font-mono);color:var(--muted-foreground);gap:.5rem;font-size:12px;display:grid}.cs-log li{animation:cs-line-in .36s var(--ease-out-quart) var(--in) both;align-items:center;gap:.625rem;display:flex}.cs-log li[data-ok]{color:var(--foreground)}@keyframes cs-line-in{0%{opacity:0;transform:translateY(6px)}}.cs-tick{flex:none;place-items:center;width:16px;height:16px;display:inline-grid;position:relative}.cs-spin{border:1.5px solid color-mix(in oklch, var(--brand) 25%, transparent);border-top-color:var(--brand);border-radius:999px;animation:.7s linear infinite cs-spin;position:absolute;inset:2px}.cs-check{width:14px;height:14px;color:var(--brand-text);opacity:0}.cs-log li:not([data-final]) .cs-spin{animation:cs-spin .7s linear infinite, cs-fade-out .16s linear var(--ok) forwards}.cs-log li:not([data-final]) .cs-check{animation:cs-pop .38s var(--ease-out-back) var(--ok) both}.cs-log li[data-ok] .cs-spin{display:none}.cs-log li[data-ok] .cs-check{animation:cs-pop .38s var(--ease-out-back) both}@keyframes cs-spin{to{rotate:1turn}}@keyframes cs-fade-out{to{opacity:0}}@keyframes cs-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.cs-done>*{animation:cs-line-in .52s var(--ease-out-quart) both}.cs-done>:nth-child(2){animation-delay:80ms}.cs-done>:nth-child(3){animation-delay:.16s}.cs-done>:nth-child(4){animation-delay:.24s}.cs-done .cs-badge{animation:cs-pop .52s var(--ease-out-back) both;position:relative}.cs-done .cs-badge:after{content:"";border-radius:inherit;border:1.5px solid var(--brand);animation:cs-ring .9s var(--ease-out-quart) .12s both;position:absolute;inset:0}@keyframes cs-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.cs-stage *,.cs-done,.cs-done *{animation:none!important}}
