.ta-rail{position:relative;display:grid;gap:2px}.ta-rail:before{content:"";position:absolute;left:10px;top:14px;bottom:14px;width:1.5px;background:linear-gradient(var(--ll-line),var(--ll-line));border-radius:2px}.ta-step{position:relative}.ta-step-btn{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:6px 10px 6px 0;border-radius:12px;text-align:left;color:var(--ll-ink-3);font:500 14.5px/1.25 Instrument Sans,sans-serif;transition:color .3s,background-color .3s}button.ta-step-btn{cursor:pointer}button.ta-step-btn:hover{color:var(--ll-ink)}button.ta-step-btn:hover .ta-name{text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in oklab,var(--ll-link) 60%,transparent)}.ta-node{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:hsl(var(--background));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--ll-ink) 22%,transparent);transition:background-color .4s,box-shadow .4s,transform .4s cubic-bezier(.3,1.6,.5,1)}.ta-step[data-state=done] .ta-step-btn{color:var(--ll-ink-2)}.ta-step[data-state=done] .ta-node{background:var(--ll-teal);color:hsl(var(--background));box-shadow:none;animation:ta-stamp .5s cubic-bezier(.3,1.6,.5,1) both}.ta-step[data-state=now] .ta-step-btn{color:var(--ll-ink);font-weight:650}.ta-step[data-state=now] .ta-node{box-shadow:inset 0 0 0 5.5px var(--ll-teal),0 0 0 5px color-mix(in oklab,var(--ll-teal) 18%,transparent)}.ta-step[data-state=now] .ta-node:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;box-shadow:0 0 0 1.5px color-mix(in oklab,var(--ll-teal) 45%,transparent);animation:ta-breathe 2.6s ease-in-out infinite}.ta-step[data-state=seen] .ta-node{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--ll-teal) 55%,transparent)}@keyframes ta-stamp{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ta-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:0}}.ta-thread{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.ta-seg{position:relative;height:5px;border-radius:4px;overflow:hidden;background:color-mix(in oklab,var(--ll-ink) 11%,transparent)}.ta-seg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--ll-teal),color-mix(in oklab,var(--ll-teal) 70%,#7FE3DF))}.ta-seg[data-state=done]:after{transform:scaleX(1);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ta-seg[data-state=now]:after{transform:scaleX(.42);transition:transform .8s cubic-bezier(.2,.8,.2,1) .15s}.ta-seg[data-state=now]:before{content:"";position:absolute;z-index:1;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:ta-glide 2.8s ease-in-out 1s infinite}@keyframes ta-glide{0%{left:-40%}55%,to{left:110%}}.ta-sheet{border-radius:24px;overflow:clip}.ta-in{animation:ta-in-fwd .55s cubic-bezier(.2,.8,.2,1) both}.ta-in[data-dir=back]{animation-name:ta-in-back}@keyframes ta-in-fwd{0%{opacity:0;transform:translate(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes ta-in-back{0%{opacity:0;transform:translate(-26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.ta-form .ta-sec{font:600 16px/1.3 Bricolage Grotesque,sans-serif;letter-spacing:-.01em;color:var(--ll-ink);margin-bottom:14px}.ta-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.ta-form textarea{font-size:16px;min-height:46px;border-radius:12px}.ta-form button[role=combobox]{min-height:46px;border-radius:12px}.ta-form textarea{min-height:110px}.ta-form .ll-action-btn{min-height:48px;border-radius:14px}.ta-form .ll-action-btn:disabled{opacity:.38;box-shadow:none}.ta-form button[class*="hover:bg-accent"]:not([role=checkbox]):not([role=radio]),.ta-form button[class*=border-input]:not([role=checkbox]):not([role=radio]){min-height:44px}.ta-need{display:flex;gap:8px;align-items:flex-start;margin-top:12px!important;font-size:13.5px;line-height:1.45;color:var(--ll-ink-2)}.ta-need b{color:var(--ll-ink);font-weight:600}@media (prefers-reduced-motion: reduce){.ta-in,.ta-in[data-dir=back]{animation:none}.ta-seg[data-state=now]:before,.ta-step[data-state=now] .ta-node:after{animation:none;display:none}.ta-step[data-state=done] .ta-node{animation:none}.ta-seg:after{transition:none!important}}.ta-form [class*=cursor-pointer]:has(>button:focus-visible){outline:2px solid var(--ll-focus);outline-offset:2px}.ta-form [role=button][tabindex="0"]:focus-visible{outline:2px solid var(--ll-focus);outline-offset:2px}
