.flw{--flw-ease:cubic-bezier(.16, 1, .3, 1);--flw-step:.42s}.flw>.hint-row{justify-content:space-between}.flw .hint{white-space:normal;line-height:1.35}.flw-panel{border:1px solid var(--line);background:#070a0f;border-radius:20px;gap:clamp(18px,2.4vw,26px);min-width:0;padding:clamp(16px,2.6vw,30px);display:grid;box-shadow:0 40px 80px -40px #000000e6}.flw-steps{display:grid}.flw-step{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"node txt sw""node mode mode";align-items:center;gap:8px 14px;padding:12px 0;display:grid;position:relative}.flw-node{z-index:1;border:1px solid var(--line-2);background:#0f1520;border-radius:999px;grid-area:node;align-self:start;place-items:center;width:48px;height:48px;transition:background-color .3s,border-color .3s,box-shadow .3s,opacity .3s;display:grid;position:relative}.flw-node svg{fill:none;width:22px;height:22px;stroke:var(--fg);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.flw-link{background:#eef2f71f;border-radius:2px;width:2px;position:absolute;top:64px;bottom:-8px;left:23px}.flw-link i{border-radius:inherit;background:var(--accent);transform-origin:top;transition:transform var(--flw-step) linear;position:absolute;inset:0;transform:scaleY(0)}.flw-link[data-on] i{transform:none}.flw-link:after{content:"";opacity:0;background:#cfe4ff;border-radius:999px;width:8px;height:8px;position:absolute;top:0;left:-3px;box-shadow:0 0 0 3px #5aa7ff59}.flw-link[data-on]:after{animation:flw-head-v var(--flw-step) linear}@keyframes flw-head-v{0%{opacity:1;top:-4px}90%{opacity:1}to{opacity:0;top:calc(100% - 4px)}}.flw-txt{grid-area:txt;gap:3px;min-width:0;transition:opacity .3s;display:grid}.flw-txt b{font-size:15px;line-height:1.25}.flw-txt .mono{color:var(--fg-2);font-size:12px}.flw-ctrl{display:contents}.flw-start{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);grid-area:sw;font-size:12px}.flw-step[data-off] .flw-node{opacity:.6;background:0 0;border-style:dashed}.flw-step[data-off] .flw-txt{opacity:.5}.flw-step[data-lit]:not([data-off]) .flw-node{background:var(--accent);border-color:var(--accent);animation:flw-pop .4s var(--flw-ease);box-shadow:0 0 0 6px #2e8dff2e}.flw-step[data-lit]:not([data-off]) .flw-node svg{stroke:#fff}.flw-step[data-wait] .flw-node{background:0 0;border:2px solid #eef2f7;box-shadow:0 0 0 6px #eef2f71a}.flw-step[data-wait] .flw-node svg{stroke:#eef2f7}@keyframes flw-pop{0%{transform:scale(.86)}60%{transform:scale(1.06)}}.flw-switch{min-height:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:999px;grid-area:sw;justify-self:end;align-items:center;gap:8px;padding:0 2px 0 6px;display:inline-flex}.flw-switch:disabled{cursor:default}.flw-track{background:#eef2f729;border-radius:999px;width:42px;height:24px;transition:background-color .25s;position:relative}.flw-track span{width:18px;height:18px;transition:transform .3s var(--flw-ease);background:#eef2f7;border-radius:999px;position:absolute;top:3px;left:3px}.flw-switch[aria-pressed=true] .flw-track{background:var(--accent)}.flw-switch[aria-pressed=true] .flw-track span{transform:translate(18px)}.flw-sw-t{letter-spacing:.08em;text-transform:uppercase;width:26px;color:var(--fg-2);text-align:left;font-size:12px}.flw-mode{border:1px solid var(--line-2);border-radius:999px;grid-area:mode;justify-self:start;padding:3px;display:inline-flex}.flw-mode button{min-height:36px;color:var(--fg-2);font:600 13px/1 var(--f-body), system-ui, sans-serif;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;transition:background-color .25s,color .25s}.flw-mode button[aria-pressed=true]{color:#04060a;background:#eef2f7}.flw-mode button:disabled{cursor:default;opacity:.45}@media (min-width:1024px){.flw-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.flw-step{text-align:center;grid-template-columns:none;grid-template-areas:none;align-content:start;justify-items:center;row-gap:12px;padding:0 6px}.flw-node,.flw-txt,.flw-start,.flw-switch,.flw-mode{grid-area:auto}.flw-node{align-self:auto;width:56px;height:56px}.flw-node svg{width:24px;height:24px}.flw-link{width:calc(100% - 68px);height:2px;inset:27px auto auto calc(50% + 34px)}.flw-link i{transform-origin:0;transform:scaleX(0)}.flw-link:after{top:-3px;left:0}.flw-link[data-on]:after{animation-name:flw-head-h}@keyframes flw-head-h{0%{opacity:1;left:-4px}90%{opacity:1}to{opacity:0;left:calc(100% - 4px)}}.flw-txt{justify-items:center}.flw-ctrl{flex-direction:column;align-items:center;gap:8px;display:flex}.flw-start{align-items:center;min-height:44px;display:inline-flex}.flw-switch{justify-self:auto}.flw-mode button{padding:0 11px}}.flw-go{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:clamp(16px,2vw,22px);display:flex}.flw-send{color:#04060a;min-height:50px;font:600 15px/1 var(--f-body), system-ui, sans-serif;cursor:pointer;white-space:nowrap;transition:background-color .25s, opacity .25s, transform .25s var(--flw-ease);background:#eef2f7;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 24px 0 20px;display:inline-flex}.flw-send:hover{background:#fff}.flw-send:active{transform:scale(.98)}.flw-send[aria-disabled=true]{opacity:.6;cursor:default}.flw-send svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;width:18px;height:18px}.flw-sum{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);font-size:12px}.flw-log{border:1px solid var(--line);background:#0c111a;border-radius:14px;gap:12px;min-width:0;padding:clamp(14px,2vw,22px);display:grid}.flw-log-h{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:12px;display:flex}.flw-empty{color:var(--fg-2);padding:6px 0;font-size:14px}.flw-lines{display:grid}.flw-lines li{border-top:1px solid var(--line);animation:flw-in .35s var(--flw-ease);grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 0;font-size:14px;line-height:1.45;display:grid}@keyframes flw-in{0%{opacity:0;transform:translateY(4px)}}.flw-t{color:var(--accent-bright);font-size:12.5px}.flw-l{min-width:0}.flw-lines li[data-skip] .flw-l{color:var(--fg-2)}.flw-lines li[data-skip] em{color:var(--fg);font-style:normal}.flw-lines li[data-skip] .flw-t{color:var(--fg-2)}.flw-lines li[data-you] .flw-t{color:#52d69a}.flw-ok{min-height:34px;color:var(--fg);font:600 13px/1 var(--f-body), system-ui, sans-serif;cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #eef2f7;border-radius:999px;margin-left:10px;padding:0 14px;transition:background-color .25s,color .25s}.flw-ok:hover{color:#04060a;background:#eef2f7}.flw-oked{letter-spacing:.08em;text-transform:uppercase;color:#52d69a;margin-left:10px;font-size:12px}.flw-fine{color:var(--fg-2);font-size:12.5px;line-height:1.5}@media (pointer:coarse),(max-width:760px){.flw-mode button{min-height:44px;padding:0 16px}.flw-ok{align-items:center;min-height:44px;margin:8px 0 0;padding:0 16px;display:flex}}@media (prefers-reduced-motion:reduce){.flw *,.flw :before,.flw :after{transition:none!important;animation:none!important}}html[data-motion=static] .flw *,html[data-motion=static] .flw :before,html[data-motion=static] .flw :after{transition:none!important;animation:none!important}
