.gbl{--gbl-teal:var(--hl,#63BAC2);--gbl-data:#78C0A6;--gbl-intel:#82B5E9;--gbl-plan:#DCC17E;--gbl-act:#D6CEF4;--gbl-ink:var(--fc,#F2EFE6);--gbl-sub:rgba(var(--fc-rgb,233,228,222), .62);--gbl-line:rgba(var(--fc-rgb,233,228,222), .16);--gbl-card:rgba(31, 30, 26, .92);position:relative;width:100%;max-width:520px;height:590px;margin:0 auto}.gbl-stage{position:absolute;left:0;top:0;width:520px;height:590px;transform-origin:0 0}.gbl svg{position:absolute;left:0;top:0;overflow:visible}.gbl-mono{font-family:var(--mono, monospace);--fzr:var(--fz-l,1)}.gbl-wire{fill:none;stroke:var(--gbl-line);stroke-width:1.5;stroke-dasharray:4 6}.gbl-wire-live{fill:none;stroke:var(--gbl-teal);stroke-width:1.5;stroke-dasharray:4 6;opacity:0;transition:opacity .5s;animation:gbl-march 1.2s linear infinite}.gbl-wire-live.on{opacity:.9}.gbl-return{fill:none;stroke:var(--gbl-data);stroke-width:1.5;stroke-dasharray:3 7;opacity:0;transition:opacity .5s;animation:gbl-march 1.2s linear infinite}.gbl-return.on{opacity:.8}@keyframes gbl-march{to{stroke-dashoffset:-20}}.gbl-action{position:absolute;left:160px;top:18px;width:200px;height:46px;box-sizing:border-box;border-radius:23px;border:1.5px solid rgba(var(--hl-rgb,99,186,194),.4);background:rgba(2,54,58,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:border-color .4s,box-shadow .4s,background-color .4s}.gbl-action b{font-family:var(--display, sans-serif);--fzr:var(--fz-h,1);font-weight:800;font-size:calc(15px * var(--fzr,1));color:var(--gbl-ink)}.gbl-action span{font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));letter-spacing:.08em;color:var(--gbl-teal);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}.gbl-action.on{border-color:var(--gbl-teal);background:rgba(0,98,107,.55);box-shadow:0 0 0 6px rgba(var(--hl-rgb,99,186,194),.08),0 0 40px rgba(var(--hl-rgb,99,186,194),.3)}.gbl-action.on span{max-height:14px;opacity:1}.gbl-gate{position:absolute;left:232px;top:112px;width:56px;height:56px;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(var(--hl-rgb,99,186,194),.45);background:#1f1e1a;display:grid;place-items:center;transition:border-color .4s,box-shadow .4s,background-color .4s}.gbl-gate svg{position:static;width:24px;height:24px;fill:none;stroke:var(--gbl-teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.gbl-gate .gbl-check{stroke-dasharray:30;stroke-dashoffset:0}.gbl-gate .gbl-lock{display:none}.gbl-gate.wait{border-color:var(--gbl-plan)}.gbl-gate.wait .gbl-check{display:none}.gbl-gate.wait .gbl-lock{display:block;stroke:var(--gbl-plan)}.gbl-gate.ok{border-color:var(--gbl-teal);background:rgba(0,98,107,.6);box-shadow:0 0 0 6px rgba(var(--hl-rgb,99,186,194),.08),0 0 36px rgba(var(--hl-rgb,99,186,194),.35)}.gbl-gate.ok .gbl-check{stroke:var(--gbl-ink);animation:gbl-draw .5s .1s both}@keyframes gbl-draw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}.gbl-spin{position:absolute;inset:-7px;border-radius:50%;border:2px solid transparent;border-top-color:var(--gbl-plan);opacity:0;transition:opacity .3s;animation:gbl-spin 1.1s linear infinite}.gbl-gate.wait .gbl-spin{opacity:1}@keyframes gbl-spin{to{transform:rotate(360deg)}}.gbl-gate-label{position:absolute;left:304px;top:132px;font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(11px * var(--fzr,1));letter-spacing:.14em;text-transform:uppercase;color:var(--gbl-teal)}.gbl-ask{position:absolute;left:14px;top:92px;width:196px;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid rgba(220,193,126,.4);background:var(--gbl-card);display:flex;flex-direction:column;gap:7px;opacity:0;transform:translateX(10px);transition:opacity .4s,transform .5s cubic-bezier(.2, .8, .3, 1),border-color .4s}.gbl-ask.on{opacity:1;transform:none}.gbl-ask.ok{border-color:rgba(var(--hl-rgb,99,186,194),.55)}.gbl-ask-who{display:flex;align-items:center;gap:8px;font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));letter-spacing:.08em;text-transform:uppercase;color:var(--gbl-sub)}.gbl-avatar{width:20px;height:20px;border-radius:50%;background:#3b331f;border:1px solid var(--gbl-plan);display:grid;place-items:center;font-size:calc(9px * var(--fzr,1));color:var(--gbl-plan);letter-spacing:0}.gbl-ask-q{font-family:var(--sans, sans-serif);--fzr:var(--fz-b,1);font-size:calc(13px * var(--fzr,1));font-weight:600;color:var(--gbl-ink);line-height:1.3}.gbl-ask-btns{display:flex;gap:6px}.gbl-btn{padding:4px 10px;border-radius:999px;border:1px solid var(--gbl-line);font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));letter-spacing:.06em;color:var(--gbl-sub);transition:background-color .25s,color .25s,border-color .25s,transform .2s}.gbl-btn-yes{border-color:rgba(var(--hl-rgb,99,186,194),.5);color:var(--gbl-teal)}.gbl-ask.press .gbl-btn-yes{transform:scale(.94)}.gbl-ask.ok .gbl-btn-yes{background:var(--gbl-teal);color:#02363a;border-color:var(--gbl-teal)}.gbl-ask-done{display:none;font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));letter-spacing:.06em;color:var(--gbl-teal)}.gbl-ask.ok .gbl-ask-done{display:block}.gbl-ask.ok .gbl-ask-btns{display:none}.gbl-tile{position:absolute;top:214px;width:146px;height:80px;box-sizing:border-box;padding:0 10px;border-radius:13px;border:1.5px solid;background:#1f1e1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;transition:box-shadow .4s,background-color .4s}.gbl-tile b{font-family:var(--display, sans-serif);--fzr:var(--fz-h,1);font-weight:800;font-size:calc(14px * var(--fzr,1));color:var(--gbl-ink)}.gbl-tile span{font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));letter-spacing:.02em;line-height:1.3;color:var(--gbl-sub);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}.gbl-tile.on span{max-height:28px;opacity:1}.gbl-t-intel{left:18px;border-color:rgba(130,181,233,.55)}.gbl-t-intel.on{border-color:var(--gbl-intel);background:rgba(130,181,233,.1);box-shadow:0 0 34px rgba(130,181,233,.28)}.gbl-t-plan{left:187px;border-color:rgba(220,193,126,.55)}.gbl-t-plan.on{border-color:var(--gbl-plan);background:rgba(220,193,126,.1);box-shadow:0 0 34px rgba(220,193,126,.26)}.gbl-t-act{left:356px;border-color:rgba(214,206,244,.55)}.gbl-t-act.on{border-color:var(--gbl-act);background:rgba(214,206,244,.1);box-shadow:0 0 34px rgba(214,206,244,.26)}.gbl-caption{position:absolute;left:0;width:520px;top:304px;text-align:center;font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10.5px * var(--fzr,1));letter-spacing:.16em;text-transform:uppercase;color:var(--gbl-sub)}.gbl-base{position:absolute;left:18px;top:330px;width:484px;height:124px;box-sizing:border-box;border-radius:15px;border:1.5px solid rgba(120,192,166,.6);background:rgba(2,54,58,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:box-shadow .5s,border-color .5s}.gbl-base.glow{border-color:var(--gbl-data);box-shadow:0 0 0 6px rgba(120,192,166,.07),0 0 44px rgba(120,192,166,.3)}.gbl-base b{font-family:var(--display, sans-serif);--fzr:var(--fz-h,1);font-weight:800;font-size:calc(15px * var(--fzr,1));color:var(--gbl-ink)}.gbl-base-sub{font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));letter-spacing:.12em;text-transform:uppercase;color:var(--gbl-sub)}.gbl-runs{display:flex;gap:8px;margin-top:6px}.gbl-run{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;border:1px solid var(--gbl-line);font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(10px * var(--fzr,1));color:var(--gbl-sub);transition:border-color .3s,color .3s,background-color .3s}.gbl-run i{font-style:normal;color:var(--gbl-data);opacity:0;transition:opacity .3s}.gbl-run.on{border-color:rgba(120,192,166,.6);color:var(--gbl-ink);background:rgba(120,192,166,.08)}.gbl-run.on i{opacity:1}.gbl-token{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--gbl-ink);box-shadow:0 0 0 4px rgba(var(--hl-rgb,99,186,194),.25),0 0 20px 4px rgba(var(--hl-rgb,99,186,194),.6);offset-anchor:50% 50%;offset-rotate:0deg;offset-distance:0px;opacity:0;transition:offset-distance .8s cubic-bezier(.55, 0, .3, 1),opacity .3s}.gbl-token.on{opacity:1}.gbl-token.hold{animation:gbl-hold 1s ease-in-out infinite}@keyframes gbl-hold{50%{box-shadow:0 0 0 7px rgba(220,193,126,.25),0 0 22px 6px rgba(220,193,126,.55)}}.gbl-back{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--gbl-data);box-shadow:0 0 16px 4px rgba(120,192,166,.6);offset-path:path("M 360 41 L 506 41 L 506 392 L 502 392");offset-distance:0%;offset-rotate:0deg;opacity:0}.gbl-back.go{opacity:1;offset-distance:100%;transition:offset-distance 1.4s cubic-bezier(.5, 0, .3, 1),opacity .2s}.gbl-back-label{position:absolute;left:378px;top:14px;white-space:nowrap;font-family:var(--mono, monospace);--fzr:var(--fz-l,1);font-size:calc(9.5px * var(--fzr,1));letter-spacing:.14em;text-transform:uppercase;color:var(--gbl-data);opacity:0;transition:opacity .4s}.gbl-back-label.on{opacity:.9}@media (prefers-reduced-motion:reduce){.gbl *,.gbl ::before{animation:none!important;transition:none!important}}.gbl-action{left:170px;top:20px;width:180px}.gbl-gate{left:232px;top:112px}.gbl-gate-label{left:304px;top:132px}.gbl-ask{left:14px;top:92px}.gbl-tile{height:64px;padding:0 14px}.gbl-t-intel{left:110px;top:380px;width:300px}.gbl-t-plan{left:130px;top:290px;width:260px}.gbl-t-act{left:150px;top:200px;width:220px}.gbl-tile.on span{max-height:16px}.gbl-caption{left:0;width:96px;top:300px;text-align:right;line-height:1.6}.gbl-base{left:40px;top:480px;width:440px;height:100px;gap:4px}.gbl-runs{margin-top:4px}.gbl-back{offset-path:path("M 350 43 L 498 43 L 498 530 L 480 530")}.gbl-back-label{left:362px;top:20px}