.of-root{--of-ink:17 17 19;--of-ink-soft:82 82 91;--of-ink-faint:148 148 158;--of-line:228 228 231;--of-line-strong:212 212 216;--of-canvas:246 246 245;--of-card:255 255 255;--of-accent:17 17 19;--of-ok:16 122 87;--of-warn:176 106 8;--of-bad:159 32 32;--of-ease:cubic-bezier(0.22,0.61,0.36,1);min-height:100dvh;background:radial-gradient(1100px 520px at 82% -10%,rgba(17,17,19,.055),transparent 60%),radial-gradient(760px 420px at 8% 0,rgba(17,17,19,.035),transparent 55%),rgb(var(--of-canvas));color:rgb(var(--of-ink))}.dark .of-root{--of-ink:244 244 245;--of-ink-soft:168 168 178;--of-ink-faint:120 120 132;--of-line:39 39 45;--of-line-strong:55 55 63;--of-canvas:12 12 14;--of-card:22 22 26;--of-accent:244 244 245;--of-ok:52 199 148;--of-warn:226 165 63;--of-bad:239 121 121}.of-root :focus-visible{outline:2px solid rgb(var(--of-ink));outline-offset:2px}.of-card{background:rgb(var(--of-card));border:1px solid rgb(var(--of-line));border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -24px rgba(0,0,0,.45)}.of-card-quiet{background:rgb(var(--of-card)/.6);border:1px solid rgb(var(--of-line));border-radius:14px}.of-hair{height:1px;background:rgb(var(--of-line))}.of-input{width:100%;border:1px solid rgb(var(--of-line-strong));background:rgb(var(--of-card));color:rgb(var(--of-ink));border-radius:10px;padding:11px 13px;font-size:15px;font-family:inherit;outline:none;transition:border-color .18s,box-shadow .18s}.of-input::-moz-placeholder{color:rgb(var(--of-ink-faint))}.of-input::placeholder{color:rgb(var(--of-ink-faint))}.of-input:focus{border-color:rgb(var(--of-ink));box-shadow:0 0 0 3px rgb(var(--of-ink)/.09)}.of-input[aria-invalid=true]{border-color:rgb(var(--of-bad));box-shadow:0 0 0 3px rgb(var(--of-bad)/.12)}.of-label{display:block;font-size:13px;font-weight:650;color:rgb(var(--of-ink-soft));margin-bottom:6px}.of-hint{font-size:12.5px;line-height:1.55;color:rgb(var(--of-ink-faint))}.of-err{font-size:12.5px;color:rgb(var(--of-bad));margin-top:5px}.of-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:650;font-family:inherit;cursor:pointer;transition:transform .16s var(--of-ease),background .2s,box-shadow .2s,opacity .2s}.of-btn:active:not(:disabled){transform:scale(.975)}.of-btn:disabled{opacity:.45;cursor:not-allowed}.of-btn-primary{background:rgb(var(--of-accent));color:rgb(var(--of-card));box-shadow:0 10px 26px -14px rgb(var(--of-accent)/.9)}.of-btn-primary:hover:not(:disabled){box-shadow:0 14px 30px -12px rgb(var(--of-accent)/.95)}.of-btn-ghost{background:transparent;border-color:rgb(var(--of-line-strong));color:rgb(var(--of-ink))}.of-btn-ghost:hover:not(:disabled){background:rgb(var(--of-ink)/.045)}.of-btn-danger{background:rgb(var(--of-bad));color:#fff}.of-btn-sm{padding:8px 15px;font-size:13.5px}.of-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgb(var(--of-line-strong));padding:4px 11px;font-size:12.5px;font-weight:650;white-space:nowrap}.of-chip-ok{border-color:rgb(var(--of-ok)/.35);background:rgb(var(--of-ok)/.1);color:rgb(var(--of-ok))}.of-chip-warn{border-color:rgb(var(--of-warn)/.35);background:rgb(var(--of-warn)/.1);color:rgb(var(--of-warn))}.of-chip-bad{border-color:rgb(var(--of-bad)/.35);background:rgb(var(--of-bad)/.1);color:rgb(var(--of-bad))}.of-chip-ink{border-color:transparent;background:rgb(var(--of-ink));color:rgb(var(--of-card))}.of-rail{display:flex;align-items:flex-start;gap:0;counter-reset:of-step}.of-step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:9px;position:relative;padding-top:26px}.of-step:before{content:"";position:absolute;top:9px;inset-inline-start:0;inset-inline-end:0;height:2px;background:rgb(var(--of-line))}.of-step:first-child:before{inset-inline-start:50%}.of-step:last-child:before{inset-inline-end:50%}.of-step-fill{position:absolute;top:9px;inset-inline-start:0;height:2px;background:rgb(var(--of-ink));transition:width .5s var(--of-ease)}.of-step-dot{position:absolute;top:0;inset-inline-start:50%;transform:translateX(50%);width:20px;height:20px;border-radius:999px;border:2px solid rgb(var(--of-line-strong));background:rgb(var(--of-card));display:grid;place-items:center;font-size:10.5px;font-weight:800;color:rgb(var(--of-ink-faint));transition:border-color .3s,background .3s,color .3s,transform .3s var(--of-ease)}[dir=ltr] .of-step-dot{transform:translateX(-50%)}.of-step.is-done .of-step-dot{border-color:rgb(var(--of-ink));background:rgb(var(--of-ink));color:rgb(var(--of-card))}.of-step.is-current .of-step-dot{border-color:rgb(var(--of-ink));background:rgb(var(--of-card));color:rgb(var(--of-ink));transform:translateX(50%) scale(1.18);box-shadow:0 0 0 5px rgb(var(--of-ink)/.1)}[dir=ltr] .of-step.is-current .of-step-dot{transform:translateX(-50%) scale(1.18)}.of-step-label{text-align:center;font-size:12.5px;font-weight:650;line-height:1.35;color:rgb(var(--of-ink-faint));transition:color .3s;padding-inline:4px}@media (max-width:720px){.of-step-label{font-size:11px;padding-inline:2px}}.of-step.is-current .of-step-label,.of-step.is-done .of-step-label{color:rgb(var(--of-ink))}@keyframes of-step-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.of-panel{animation:of-step-in .42s var(--of-ease) both}@keyframes of-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.of-rise{animation:of-rise .45s var(--of-ease) both}@keyframes of-pop{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.of-pop{animation:of-pop .34s var(--of-ease) both}@keyframes of-draw{to{stroke-dashoffset:0}}.of-check path{stroke-dasharray:30;stroke-dashoffset:30;animation:of-draw .5s var(--of-ease) .18s forwards}@keyframes of-ring{0%{transform:scale(.7);opacity:.55}to{transform:scale(1.6);opacity:0}}.of-ring{animation:of-ring 1.5s var(--of-ease) infinite}@keyframes of-spin{to{transform:rotate(1turn)}}.of-spin{animation:of-spin .7s linear infinite}@keyframes of-sweep{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.of-sweep{animation:of-sweep 1.15s var(--of-ease) infinite}.of-bubble{max-width:min(78%,34rem);border-radius:15px;padding:10px 14px;font-size:14.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;animation:of-rise .3s var(--of-ease) both}.of-bubble-them{background:rgb(var(--of-ink)/.055);border:1px solid rgb(var(--of-line));border-start-start-radius:5px}.of-bubble-me{background:rgb(var(--of-ink));color:rgb(var(--of-card));border-start-end-radius:5px}.of-tl{position:relative;padding-inline-start:26px}.of-tl:before{content:"";position:absolute;inset-inline-start:7px;top:6px;bottom:6px;width:2px;background:rgb(var(--of-line))}.of-tl-item{position:relative;padding-bottom:20px}.of-tl-item:last-child{padding-bottom:0}.of-tl-dot{position:absolute;inset-inline-start:-26px;top:3px;width:16px;height:16px;border-radius:999px;border:2px solid rgb(var(--of-line-strong));background:rgb(var(--of-card))}.of-tl-item.is-done .of-tl-dot{border-color:rgb(var(--of-ok));background:rgb(var(--of-ok))}.of-tl-item.is-active .of-tl-dot{border-color:rgb(var(--of-ink));background:rgb(var(--of-card));box-shadow:0 0 0 4px rgb(var(--of-ink)/.1)}.of-tl-item.is-bad .of-tl-dot{border-color:rgb(var(--of-bad));background:rgb(var(--of-bad))}@media (prefers-reduced-motion:reduce){.of-root *,.of-root :after,.of-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}