.bento-stage{position:relative;aspect-ratio:4/3;border-radius:16px;border:1px solid #ffffff14;overflow:hidden;background:#0b0c0e;container-type:inline-size;box-shadow:inset 0 1px 0 #ffffff0f}.bento-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(95% 90% at 50% 44%,transparent 52%,#0b0c0e59 78%,#0b0c0e 100%),linear-gradient(180deg,#0b0c0e4d,transparent 18%,transparent 74%,#0b0c0eab)}@keyframes bento-bloom{0%{opacity:.75}to{opacity:1}}.bi .persp{position:absolute;inset:0;perspective:1300px;perspective-origin:50% 30%}.bi .plane{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotateX(30deg) rotate(-9deg);flex-direction:column;width:max-content}.bi .plane,.bi .row{display:flex;gap:2.1cqw}.bi .row:nth-child(2n){transform:translateX(8.3cqw)}.bi .tile{width:14.5cqw;height:14.5cqw;border-radius:3cqw;flex:none;background:linear-gradient(180deg,#1e2127,#15171b);border:1px solid #ffffff12;box-shadow:inset 0 1px 0 #ffffff0f,0 .9cqw 0 -.35cqw #050607,0 2.2cqw 3cqw #000000a6;display:grid;place-items:center}.bi .tile svg{width:calc(5.9cqw * var(--s, 1));height:calc(5.9cqw * var(--s, 1));fill:#c6ccd6;opacity:var(--b,.7)}.bi .tile.empty{opacity:.55}.bi .tile.lit{position:relative;background:linear-gradient(180deg,#46536b,#232a38);border-color:#93c5fd66;box-shadow:inset 0 1px 0 #ffffff2e,0 .9cqw 0 -.35cqw #0a0e15,0 0 5cqw 1cqw #60a5fa4d,0 2.2cqw 3cqw #000000a6}.bi .tile.lit svg{fill:#f2f6fd;opacity:1;filter:drop-shadow(0 0 1cqw #93c5fdcc)}.bi .tile.lit:before{content:"";position:absolute;inset:-120%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#60a5fa38 0,transparent 58%);animation:bento-bloom 5.5s ease-in-out infinite alternate}.bi .bento-vignette{background:radial-gradient(80% 72% at 51% 36%,transparent 26%,#0b0c0e8c 60%,#0b0c0e 88%),linear-gradient(180deg,#0b0c0e73,transparent 24%,transparent 52%,#0b0c0e 94%)}.bh .wires{position:absolute;inset:0;width:100%;height:100%}.bh .wire{fill:none;stroke:#ffffff24;stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:.5 1.7}.bh .flow-dot{fill:#93c5fd;filter:drop-shadow(0 0 3px #60a5facc)}.bh .tile{position:absolute;width:11.5cqw;height:11.5cqw;border-radius:2.6cqw;background:linear-gradient(180deg,#1e2127,#15171b);border:1px solid #ffffff12;box-shadow:inset 0 1px 0 #ffffff0f,0 .7cqw 0 -.3cqw #050607,0 1.8cqw 2.6cqw #00000080;display:grid;place-items:center}.bh .tile svg{width:4.7cqw;height:4.7cqw;fill:#c6ccd6;opacity:var(--b,.7)}.bh .hub{position:absolute;width:16cqw;height:16cqw;border-radius:3.4cqw;background:linear-gradient(180deg,#46536b,#232a38);border:1px solid #93c5fd66;box-shadow:inset 0 1px 0 #ffffff2e,0 .9cqw 0 -.35cqw #0a0e15,0 0 5cqw 1cqw #60a5fa4d,0 2.2cqw 3cqw #000000a6;display:grid;place-items:center}.bh .hub svg{width:7cqw;height:7cqw;fill:#f2f6fd;filter:drop-shadow(0 0 1cqw #93c5fdcc)}.bh .hub:before{content:"";position:absolute;inset:-110%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#60a5fa33 0,transparent 58%);animation:bento-bloom 5.5s ease-in-out infinite alternate}.bp .grid{position:absolute;inset:9cqw 8cqw 11cqw 8cqw;display:grid;grid-template-columns:1.18fr 1fr;gap:2.4cqw}.bp .col{display:flex;flex-direction:column;gap:2.4cqw;min-width:0}.bp .panel{background:linear-gradient(180deg,#1a1d22,#131519);border:1px solid #ffffff12;border-radius:2.6cqw;box-shadow:inset 0 1px 0 #ffffff0f,0 2.2cqw 3cqw #00000073;padding:2.6cqw;min-width:0}.bp .label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(1.75cqw,8px);letter-spacing:.07em;text-transform:uppercase;color:#ffffff70;margin-bottom:1.8cqw}.bp .p-runs{flex:1.25;display:flex;flex-direction:column}.bp .p-runs svg{width:100%;flex:1;overflow:visible}.bp .runs-line{fill:none;stroke:url(#bp-strokeGrad);stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 6px #60a5fa59)}.bp .runs-dot{fill:#dbeafe;filter:drop-shadow(0 0 5px #93c5fdcc)}.bp .runs-halo{fill:#60a5fa2e;animation:bento-pulse 3.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes bento-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.bp .tick{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7.5px;fill:#ffffff45}.bp .gridline{stroke:#ffffff0d;stroke-width:1}.bp .p-time{flex:1;display:flex;align-items:flex-end;gap:2cqw}.bp .time-text{flex:1;min-width:0}.bp .time-text .label{margin-bottom:1.2cqw}.bp .time-val{font-size:max(4.6cqw,15px);font-weight:600;letter-spacing:-.02em;color:#ffffffeb;line-height:1.1}.bp .time-sub{font-size:max(1.9cqw,8px);color:#ffffff70;margin-top:.7cqw}.bp .bars{display:flex;align-items:flex-end;gap:1cqw;height:9.5cqw;flex:none}.bp .bars i{width:1.9cqw;border-radius:.55cqw .55cqw .2cqw .2cqw;background:linear-gradient(180deg,#3f4c63,#242a36);border-top:1px solid #ffffff24}.bp .bars i:first-child{height:28%}.bp .bars i:nth-child(2){height:40%}.bp .bars i:nth-child(3){height:36%}.bp .bars i:nth-child(4){height:58%}.bp .bars i:nth-child(5){height:74%}.bp .bars i:nth-child(6){height:100%}.bp .bars i.lit{background:linear-gradient(180deg,#93c5fd,#3b82f6);border-top-color:#dbeafe;box-shadow:0 0 2.2cqw #60a5fa73}.bp .p-top,.bp .rows{flex:1;display:flex;flex-direction:column}.bp .rows{justify-content:space-around}.bp .rrow{display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;padding:1.9cqw 0;border-top:1px solid #ffffff0d}.bp .rrow:first-child{border-top:0}.bp .rrow .name{font-size:max(2cqw,8.5px);color:#ffffffb8;line-height:1.35}.bp .delta{display:flex;align-items:center;gap:.6cqw;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(1.9cqw,8px);font-weight:500;color:#4ade80}.bp .delta svg{width:max(1.7cqw,7px);height:max(1.7cqw,7px);stroke:#4ade80;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.bm .wrap{position:absolute;inset:10cqw 12cqw 12cqw 12cqw;display:flex;flex-direction:column;gap:3cqw}.bm .alert{position:relative;background:linear-gradient(180deg,#1e1c17,#141310);border:1px solid #fbbf2440;border-radius:2.6cqw;box-shadow:inset 0 1px 0 #ffffff14,0 0 4.5cqw .5cqw #f59e0b21,0 2.2cqw 3cqw #00000073;padding:2.8cqw;display:flex;gap:2.4cqw;align-items:flex-start}.bm .alert:before{content:"";position:absolute;inset:-90%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#f59e0b1f 0,transparent 58%);animation:bento-bloom 5.5s ease-in-out infinite alternate}.bm .warn{flex:none;width:6.4cqw;height:6.4cqw;border-radius:1.7cqw;background:linear-gradient(180deg,#4a3a17,#2a220f);border:1px solid #fbbf2459;box-shadow:inset 0 1px 0 #ffffff1f,0 0 2.6cqw #f59e0b40;display:grid;place-items:center}.bm .warn svg{width:3.4cqw;height:3.4cqw;fill:none;stroke:#fcd34d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .9cqw #f59e0bb3)}.bm .alert-body{min-width:0}.bm .alert-msg{font-size:max(2.5cqw,10px);line-height:1.45;color:#ffffffde}.bm .alert-msg strong{font-weight:600;color:#ffffff}.bm .btn{display:inline-block;margin-top:1.8cqw;font-size:max(1.8cqw,8px);letter-spacing:.04em;color:#fde68a;background:#f59e0b1f;border:1px solid #fbbf2445;border-radius:1cqw;padding:.85cqw 1.9cqw}.bm .btn,.bm .runs-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bm .runs-label{font-size:max(1.75cqw,8px);letter-spacing:.07em;text-transform:uppercase;color:#ffffff70;margin:.4cqw 0 -1.2cqw .6cqw}.bm .runs{background:linear-gradient(180deg,#1a1d22,#131519);border:1px solid #ffffff12;border-radius:2.6cqw;box-shadow:inset 0 1px 0 #ffffff0f,0 2.2cqw 3cqw #00000073;padding:.7cqw 2.6cqw}.bm .run{display:flex;align-items:center;gap:1.9cqw;padding:2.2cqw 0;border-top:1px solid #ffffff0d}.bm .run:first-child{border-top:0}.bm .run .ico{flex:none;width:4.2cqw;height:4.2cqw;border-radius:1.1cqw;background:linear-gradient(180deg,#23272e,#181b20);border:1px solid #ffffff12;display:grid;place-items:center}.bm .run .ico svg{width:2.2cqw;height:2.2cqw;fill:none;stroke:#c6ccd6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.bm .run .name{flex:1;min-width:0;font-size:max(2.15cqw,9px);color:#ffffffb8}.bm .status{display:flex;align-items:center;gap:1cqw;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(1.85cqw,8px)}.bm .status i{width:1.1cqw;height:1.1cqw;border-radius:50%}.bm .status.ok{color:#4ade80}.bm .status.ok i{background:#4ade80;box-shadow:0 0 1.4cqw #4ade8080}.bm .status.fail{color:#f87171}.bm .status.fail i{background:#f87171;box-shadow:0 0 1.4cqw #f8717180;animation:bento-blink 1.6s ease-in-out infinite}@keyframes bento-blink{0%,to{opacity:1}50%{opacity:.35}}.bt .wrap{position:absolute;inset:9cqw 13cqw 11cqw 13cqw;display:flex;flex-direction:column;justify-content:space-between}.bt .step{position:relative;display:flex;align-items:center;gap:3cqw}.bt .spine{position:absolute;left:1.05cqw;top:-1.2cqw;bottom:-1.2cqw;width:1px;background:#ffffff14}.bt .step:first-child .spine{top:50%}.bt .step:last-child .spine{bottom:50%}.bt .dot{position:relative;z-index:1;flex:none;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#16181c;border:1px solid #ffffff26}.bt .dot.done{background:#22c55e;border-color:#4ade80;box-shadow:0 0 1.6cqw #4ade8073}.bt .dot.now{background:#3b82f6;border-color:#93c5fd;box-shadow:0 0 2.2cqw #60a5fa99}.bt .dot.now:before{content:"";position:absolute;inset:-.85cqw;border-radius:50%;border:1px solid #60a5fa66;animation:bento-ring 2.6s ease-out infinite}@keyframes bento-ring{0%{transform:scale(.55);opacity:0}35%{opacity:1}to{transform:scale(1.25);opacity:0}}.bt .card{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;background:linear-gradient(180deg,#1a1d22,#131519);border:1px solid #ffffff12;border-radius:1.9cqw;box-shadow:inset 0 1px 0 #ffffff0f,0 1.6cqw 2.4cqw #00000059;padding:2.15cqw 2.6cqw}.bt .step.pending .card{opacity:.62}.bt .step.now .card{background:linear-gradient(180deg,#1c2230,#141822);border-color:#60a5fa40;box-shadow:inset 0 1px 0 #ffffff1a,0 0 3.6cqw #3b82f624,0 1.6cqw 2.4cqw #00000059}.bt .name{font-size:max(2.3cqw,10px);font-weight:500;color:#ffffffd6}.bt .step.now .name{color:#ffffff}.bt .chip{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(1.7cqw,7.5px);letter-spacing:.03em;padding:.75cqw 1.7cqw;border-radius:99px}.bt .chip.done{color:#4ade80;background:#4ade8012;border:1px solid #4ade802e}.bt .chip.now{color:#bfdbfe;background:#3b82f626;border:1px solid #60a5fa59;box-shadow:0 0 2cqw #3b82f640}.bt .chip.pending{color:#ffffff59;background:#ffffff08;border:1px solid #ffffff12}.bw>svg{position:absolute;inset:4cqw 3cqw 6cqw 3cqw;width:calc(100% - 6cqw);height:calc(100% - 10cqw)}.bw .bw-edge-base{stroke:#ffffff26;stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round}.bw .bw-edge-lit{stroke:#60a5fa;stroke-width:2;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #60a5fa73)}.bw .bw-dot{fill:#dbeafe;opacity:0;filter:drop-shadow(0 0 5px #93c5fdcc)}.bw .bw-node .bw-glow{opacity:0;transition:opacity .4s ease}.bw .bw-node.active .bw-glow{opacity:1}.bw .bw-node .bw-box{transform-box:fill-box;transform-origin:50% 50%}.bw .bw-node.active .bw-box{animation:bento-pop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes bento-pop{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}.bw .bw-node rect{fill:url(#bw-nodeGrad);stroke:#ffffff12;transition:stroke .35s ease}.bw .bw-node.active rect{fill:url(#bw-litGrad);stroke:#60a5fa4d}.bw .bw-icon{color:#c6ccd6;opacity:.78;transition:opacity .35s ease}.bw .bw-node.active .bw-icon{color:#dbeafe;opacity:1;filter:drop-shadow(0 0 3px #93c5fdb3)}.bw .bw-lbl{fill:#ffffff96;font-size:10.5px;font-weight:500;transition:fill .35s ease}.bw .bw-node.active .bw-lbl{fill:#ffffffeb}.bw .bw-done-circle{fill:url(#bw-doneGrad);stroke:#4ade8038;transition:stroke .35s ease}.bw .bw-node.active .bw-done-circle{stroke:#4ade8073}.bw .bw-done-check{stroke:#4ade80;opacity:.45;transition:opacity .35s ease}.bw .bw-node.active .bw-done-check{opacity:1;filter:drop-shadow(0 0 3px #4ade8099)}.bw svg.is-resetting .bw-edge-lit,.bw svg.is-resetting .bw-glow{transition:opacity .75s ease}.bhx .bento-vignette{z-index:8;background:radial-gradient(98% 94% at 50% 46%,transparent 55%,#0b0c0e4d 80%,#0b0c0eeb 100%),linear-gradient(90deg,#0b0c0e,transparent 7%,transparent 90%,#0b0c0e)}.bhx-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.bhx-wires path{fill:none;stroke:#ffffff1f;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:2 9;animation:bhx-march 1s linear infinite}@keyframes bhx-march{to{stroke-dashoffset:-110}}.bhx .t{position:absolute;left:0;top:0;z-index:3;width:var(--ts,40px);height:var(--ts,40px);border-radius:24%;background:linear-gradient(180deg,#1e2127,#15171b);border:1px solid #ffffff12;box-shadow:inset 0 1px 0 #ffffff0f,0 3px 0 -1.2px #050607,0 10px 18px #00000080;display:grid;place-items:center;will-change:transform,opacity;opacity:0}.bhx .t svg{width:44%;height:44%;fill:#b9c0cb;opacity:.72;transition:fill .5s,opacity .5s}.bhx .t.order{border-color:#60a5fa42;box-shadow:inset 0 1px 0 #ffffff17,0 3px 0 -1.2px #060a12,0 0 16px #3b82f622,0 10px 18px #00000080}.bhx .t.order svg{fill:#e7eefb;opacity:.95}.bhx .node{position:absolute;left:0;top:0;z-index:2;width:calc(var(--ts, 40px) * .62);height:calc(var(--ts, 40px) * .62);border-radius:50%;background:linear-gradient(180deg,#1a1d22,#131519);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff0f,0 6px 12px #00000073;transform:translate(-50%,-50%);transition:border-color .4s,box-shadow .4s}.bhx .node:after{content:"";position:absolute;inset:38%;border-radius:50%;background:#ffffff24;transition:background .4s}.bhx .node.hit{border-color:#60a5fa66;box-shadow:inset 0 1px 0 #ffffff17,0 0 14px #3b82f640,0 6px 12px #00000073}.bhx .node.hit:after{background:#93c5fdcc}.bhx .node.okhit{border-color:#22c55e66;box-shadow:inset 0 1px 0 #ffffff17,0 0 14px #22c55e3d,0 6px 12px #00000073}.bhx .node.okhit:after{background:#4ade80d9}.bhx .gate{position:absolute;left:0;top:0;z-index:5;width:calc(var(--ts, 40px) * 1.9);height:calc(var(--ts, 40px) * 1.9);border-radius:50%;background:linear-gradient(180deg,#46536b,#232a38);border:1px solid #93c5fd66;box-shadow:inset 0 1px 0 #ffffff2e,0 4px 0 -1.5px #0a0e15,0 0 42px 8px #60a5fa42,0 16px 26px #000000a6;transform:translate(-50%,-50%)}.bhx .gate:before{content:"";position:absolute;inset:-120%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#60a5fa30 0,transparent 58%);animation:bento-bloom 5.5s ease-in-out infinite alternate}.bhx .gate .spin{position:absolute;inset:16%;border-radius:50%;border:1.5px dashed #93c5fd59;animation:bhx-spin 16s linear infinite}@keyframes bhx-spin{to{transform:rotate(1turn)}}.bhx .gate .core{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle,#dbeafe 0,#60a5fa73 55%,transparent 78%);filter:blur(.4px);animation:bhx-core 3.2s ease-in-out infinite alternate}@keyframes bhx-core{0%{opacity:.7;transform:scale(.92)}to{opacity:1;transform:scale(1.04)}}.bhx .gate .ring{position:absolute;inset:-1px;border-radius:inherit;border:1.5px solid #93c5fd8c;opacity:0;pointer-events:none}.bhx .gate.pulse .ring{animation:bhx-ripple .65s ease-out}@keyframes bhx-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.bh .hub:before,.bhx .gate .core,.bhx .gate .spin,.bhx .gate:before,.bhx-wires path,.bi .tile.lit:before,.bm .alert:before,.bm .status.fail i,.bp .runs-halo,.bt .dot.now:before,.bw .bw-node.active .bw-box{animation:none}.bt .dot.now:before{opacity:0}.bh .flow-dot{display:none}}