.flow-stage{--bg:#060609;--card-top:#11101b;--card-bot:#0c0b13;--ink:#f1f0fa;--ink-2:#e9e8f5;--accent:#a796ff;--accent-2:#c4b7ff;--teal:#7be0d0;--red:#ff5c6a;--hair:#ffffff12;--hair-2:#ffffff17;--panel:#d9d9d906;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:var(--font-instrument), "Instrument Sans", system-ui, sans-serif;font-family:var(--sans);background:var(--bg);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.flow-glow{pointer-events:none;background:radial-gradient(1100px 620px at 50% 8%,#704aff4d,#0000 62%),radial-gradient(760px 480px at 88% 96%,#3cb4be21,#0000 66%);position:absolute;inset:0}.flow-card{transform-origin:50%;background:linear-gradient(180deg, var(--card-top) 0%, var(--card-bot) 100%);border:1px solid var(--hair-2);border-radius:18px;flex-direction:column;flex:none;width:1360px;height:765px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 40px 120px -20px #14083ce6,0 8px 30px #0000008c}.flow-head,.flow-foot{background:#d9d9d904;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:9px 26px;display:flex}.flow-head{border-bottom:1px solid var(--hair)}.flow-foot{border-top:1px solid var(--hair)}.flow-brand{align-items:center;gap:10px;display:flex}.flow-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #a796ffe6}.flow-brand-name{font:500 14.5px var(--mono);letter-spacing:.18em;color:#e9e8f59e;white-space:nowrap}.flow-step-label{font:500 14.5px var(--mono);letter-spacing:.16em;color:#e9e8f557;white-space:nowrap;border-left:1px solid #ffffff1a;flex:none;margin-left:2px;padding-left:12px}.flow-cui{font:500 13.5px var(--mono);letter-spacing:.16em;color:#e9e8f557;text-align:right;text-transform:uppercase;white-space:nowrap}.flow-body{flex:1;min-height:0;position:relative;overflow:auto}.flow-nav{cursor:pointer;background:#8e80d924;border:1px solid #a796ff73;border-radius:9px;flex-direction:column;gap:2px;padding:8px 14px 8px 12px;font-family:inherit;display:flex;box-shadow:0 0 24px -6px #a796ff80}.flow-nav:hover:not(:disabled){background:#8e80d942;border-color:#a796ffbf}.flow-nav:disabled{opacity:.45;cursor:progress;box-shadow:none}.flow-nav-back{text-align:left;align-items:flex-start}.flow-nav-next{text-align:right;align-items:flex-end}.flow-nav-quiet{box-shadow:none;background:#d9d9d908;border-color:#ffffff1f}.flow-nav-quiet:hover:not(:disabled){background:#d9d9d914;border-color:#fff3}.flow-nav-kicker{font:500 13px var(--mono);letter-spacing:.2em;color:#c4b7ffbf;white-space:nowrap;line-height:1.2}.flow-nav-quiet .flow-nav-kicker{color:#e9e8f56b}.flow-nav-name{font:500 15.5px var(--sans);color:#f2eeff;white-space:nowrap;line-height:1.2}.flow-nav-quiet .flow-nav-name{color:var(--ink-2)}.flow-screen{min-height:100%;padding:24px 40px 20px}.flow-card h1{font:600 32px var(--sans);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}.flow-lede{font:400 17.5px/1.65 var(--sans);color:#e9e8f5bd;text-wrap:pretty;margin:0 0 26px}.flow-kicker{font:500 14px var(--mono);letter-spacing:.2em;color:#e9e8f56b}.flow-chip{font:500 .95em var(--mono);color:var(--accent-2);background:#8e80d924;border-radius:5px;padding:1px 6px}.flow-split{grid-template-columns:1.32fr .68fr;gap:40px;min-height:100%;padding:24px 40px;display:grid}.flow-tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.flow-tile{border:1px solid var(--hair);background:#d9d9d905;border-radius:10px;padding:13px 15px}.flow-tile-k{font:500 13.5px var(--mono);letter-spacing:.16em;color:#e9e8f566}.flow-tile-v{font:500 22px var(--mono);color:var(--ink-2);margin-top:5px}.flow-tile-v small{color:#e9e8f573;font-size:14px}.flow-tile-v .flow-imp{color:#e9e8f55c;margin-left:5px;font-size:12.5px}.flow-tile-good{color:var(--teal)}.flow-aside{border:1px solid var(--hair-2);background:#d9d9d906;border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.flow-row{border-top:1px solid var(--hair);justify-content:space-between;gap:14px;padding:7px 0;display:flex}.flow-row-k{font:400 16.5px var(--sans);color:#e9e8f599}.flow-row-v{font:500 16.5px var(--mono);color:var(--ink-2)}.flow-panel{border:1px solid var(--hair-2);background:var(--panel);border-radius:12px;padding:18px 20px}.flow-note{border-top:1px solid var(--hair);font:400 15px/1.55 var(--mono);color:#e9e8f557;margin:12px 0 0;padding-top:12px}.flow-pending{font:400 15.5px var(--mono);letter-spacing:.06em;color:#e9e8f557}.flow-signin{grid-template-columns:1fr 1fr;height:100%;display:grid}.flow-signin-l{border-right:1px solid var(--hair);flex-direction:column;justify-content:center;gap:22px;padding:40px 46px;display:flex}.flow-signin-r{flex-direction:column;justify-content:center;padding:40px 52px;display:flex}.flow-signin h1{font:600 40px/1.1 var(--sans);letter-spacing:-.03em;color:var(--ink);margin:12px 0 0}.flow-form{flex-direction:column;gap:14px;max-width:400px;display:flex}.flow-field{flex-direction:column;gap:7px;display:flex}.flow-field span{font:500 15px var(--mono);letter-spacing:.14em;color:#e9e8f580}.flow-field input{width:100%;color:var(--ink);font:400 14px var(--sans);background:#d9d9d908;border:1px solid #ffffff1f;border-radius:9px;outline:none;padding:12px 14px}.flow-field input:focus{background:#8e80d912;border-color:#a796ffb3}.flow-btn{color:#f2eeff;font:500 14px var(--sans);cursor:pointer;background:#8e80d92e;border:1px solid #a796ff80;border-radius:9px;padding:13px 18px;box-shadow:0 0 28px -8px #a796ff99}.flow-btn:hover:not(:disabled){background:#8e80d94d;border-color:#a796ffcc}.flow-btn:disabled{opacity:.5;cursor:default}.flow-fine{font:400 15px/1.6 var(--mono);color:#e9e8f552}.flow-error{font:400 15px/1.6 var(--mono);color:#ff9aa4}.flow-rec{-moz-column-gap:40px;grid-template-rows:1fr auto;grid-template-columns:1.05fr 1fr;gap:16px 40px;min-height:100%;padding:24px 40px 20px;display:grid}.flow-rec-actions{flex-wrap:wrap;gap:10px;display:flex}.flow-act{color:#e7e0ff;font:500 15px var(--sans);cursor:pointer;background:#8e80d929;border:1px solid #a796ff80;border-radius:9px;align-items:center;gap:9px;padding:11px 18px;display:flex}.flow-act:hover:not(:disabled){background:#8e80d942}.flow-act:disabled{opacity:.5;cursor:default}.flow-act-stop{color:#ffd9dc;background:#d94e5a29;border-color:#ff5c6a8c}.flow-act-stop:hover:not(:disabled){background:#d94e5a42}.flow-act-quiet{color:#e9e8f5cc;background:#d9d9d908;border-color:#ffffff21}.flow-act-quiet:hover:not(:disabled){color:var(--ink);background:#d9d9d912}.flow-bullet{background:var(--red);border-radius:50%;width:9px;height:9px}.flow-bullet-sq{background:var(--red);width:8px;height:8px}.flow-passage{border:1px solid var(--hair-2);background:var(--panel);border-radius:12px;margin-top:20px;padding:18px 20px}.flow-passage p{font:400 17.5px/1.6 var(--sans);color:var(--ink-2);text-wrap:pretty;margin:12px 0 0}.flow-spec-col{flex-direction:column;gap:14px;min-width:0;display:flex}.flow-spec-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.flow-spec-wrap{border:1px solid var(--hair-2);background:#08080f;border-radius:12px;position:relative;overflow:hidden}.flow-spec-wrap canvas{width:100%;height:auto;display:block}.flow-spec-idle{font:400 15.5px var(--mono);letter-spacing:.16em;color:#e9e8f54d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flow-reclamp{font:500 14px var(--mono);letter-spacing:.16em;color:#ff7a85;align-items:center;gap:7px;display:flex}.flow-reclamp i{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite flowRecPulse}@keyframes flowRecPulse{0%,to{opacity:1}50%{opacity:.25}}.flow-chart{border:1px solid var(--hair-2);background:var(--panel);border-radius:12px;padding:14px 20px 4px}.flow-chart-grid{gap:12px;display:flex}.flow-chart-axis{height:214px;font:400 13px var(--mono);color:#e9e8f566;text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:1px;display:flex}.flow-chart-bars{border-bottom:1px solid #ffffff24;flex:1;align-items:flex-end;gap:5px;height:214px;display:flex}.flow-bar{border-radius:3px 3px 0 0;flex:1;transition:height .26s cubic-bezier(.2,.7,.3,1);position:relative}.flow-bar span{transform-origin:100% 0;white-space:nowrap;font:400 15.5px var(--mono);color:#e9e8f599;position:absolute;top:calc(100% + 9px);right:50%;transform:rotate(-52deg)}.flow-chart-gutter{height:96px}.flow-traits{flex-direction:column;gap:16px;display:flex}.flow-trait-h{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.flow-trait-name{font:500 17px var(--sans);letter-spacing:.01em;color:var(--ink)}.flow-trait-desc{font:400 12px/1.4 var(--sans);color:#e9e8f56b;text-wrap:pretty}.flow-trait-track{background:#ffffff1c;border-radius:2px;height:2px;margin:32px 4px 0;position:relative}.flow-tick{background:#fff3;width:1px;height:10px;position:absolute;top:-4px}.flow-tick-mid{background:#ffffff1a;height:8px;top:-3px}.flow-trait-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-5px;box-shadow:0 0 0 4px #a796ff29,0 0 14px #a796ff99}.flow-trait-val{font:500 15px var(--mono);color:var(--accent-2);white-space:nowrap;background:#8e80d924;border-radius:5px;padding:1px 7px;position:absolute;top:-24px}.flow-trait-ends{font:400 13.5px var(--mono);letter-spacing:.04em;color:#e9e8f573;justify-content:space-between;gap:14px;margin-top:6px;display:flex}.flow-face-slot{aspect-ratio:1;border:1px solid var(--hair-2);background:#08080f;border-radius:10px;width:min(100%,215px);margin-inline:auto;overflow:hidden}.flow-face,.flow-face canvas{width:100%;height:100%;display:block}.flow-face-na,.flow-face-wait{text-align:center;width:100%;height:100%;font:400 14px/1.5 var(--mono);color:#e9e8f54d;justify-content:center;align-items:center;padding:12px;display:flex}.flow-caption{font:400 13.5px var(--mono);letter-spacing:.14em;color:#e9e8f557;text-align:center;margin-top:-6px}.pv-pw{flex-direction:column;gap:10px;display:flex}.pv-pw-svg{width:100%;height:auto;display:block}.pv-pw-dyad{font:400 11px var(--mono);fill:#e9e8f573}.pv-pw-dyad.hot{fill:#fff;font-weight:600}.pv-pw-node-lbl{fill:#fff;font-family:var(--mono);pointer-events:none}.pv-pw-readout{flex-direction:column;gap:8px;display:flex}.pv-pw-top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pv-pw-top1{font:600 16px var(--sans);color:var(--ink)}.pv-pw-share,.pv-pw-dyadtag,.pv-pw-gatetag{font:400 13.5px var(--mono);color:#e9e8f56b}.pv-pw-vad{flex-direction:column;gap:5px;display:flex}.pv-pw-vrow{align-items:center;gap:8px;display:flex}.pv-pw-vlbl{font:400 14px var(--mono);color:#e9e8f58c;flex:0 0 68px}.pv-pw-vbar{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.pv-pw-vfill{background:var(--accent);border-radius:2px;height:100%;display:block}.pv-pw-vval{text-align:right;font:500 14px var(--mono);color:var(--ink-2);flex:0 0 34px}
