.live-demo{width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#161b28f0,#0b0e16fa);box-shadow:0 30px 70px -20px #000000d9,0 0 0 1px #ffffff0a inset,0 1px #ffffff1a inset;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}.live-demo:hover{border-color:#818cf840;box-shadow:0 36px 80px -20px #000000e6,0 0 40px -10px #6366f126,0 0 0 1px #818cf81f inset}.live-demo-chrome{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff0a,#00000059);position:relative}.ld-dot{width:11px;height:11px;border-radius:50%;background:#3a3f4b;box-shadow:inset 0 1px 1px #ffffff40;transition:transform .2s ease}.ld-dot:nth-child(1){background:#ff5f57;box-shadow:0 0 8px #ff5f5766}.ld-dot:nth-child(2){background:#febc2e;box-shadow:0 0 8px #febc2e66}.ld-dot:nth-child(3){background:#28c840;box-shadow:0 0 8px #28c84066}.ld-title{margin-left:.6rem;font-size:.78rem;color:#94a3b8;font-family:JetBrains Mono,Fira Code,monospace;font-weight:500;letter-spacing:.02em}.ld-step{margin-left:auto;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#818cf8;background:#818cf81a;border:1px solid rgba(129,140,248,.2);padding:.2rem .55rem;border-radius:6px;text-transform:uppercase;box-shadow:0 0 12px -2px #818cf840}.live-demo-body{display:grid;grid-template-columns:1.18fr 1fr}.ld-stage{padding:2.2rem 1.6rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 30%,rgba(99,102,241,.07) 0%,transparent 70%),#00000026;min-height:280px;position:relative}.ld-array{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}.ld-cell-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ld-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);font-family:Outfit,JetBrains Mono,monospace;font-weight:800;font-size:1.15rem;color:var(--text-primary);background:linear-gradient(145deg,#ffffff0f,#ffffff05);box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff14;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.ld-cell.is-scanned{opacity:.4;border-color:#ffffff0d;background:#ffffff03}.ld-cell.is-active{border-color:#818cf8;color:#fff;background:linear-gradient(145deg,#818cf847,#6366f11f);box-shadow:0 0 28px -2px #6366f199,inset 0 0 12px #818cf84d}.ld-cell.is-match{border-color:#34d399;background:linear-gradient(145deg,#34d3994d,#10b9811f);color:#a7f3d0;box-shadow:0 0 32px #10b981a6,inset 0 0 12px #34d3994d}.ld-index{font-size:.72rem;color:#64748b;font-family:JetBrains Mono,monospace;font-weight:500}.ld-caption{margin:1.75rem 0 0;text-align:center;font-size:.88rem;color:#cbd5e1;line-height:1.55;min-height:2.6em;font-weight:500}.ld-side{display:flex;flex-direction:column;min-width:0;background:#0000002e}.ld-console{flex:1;padding:.95rem 0;border-bottom:1px solid rgba(255,255,255,.06);min-width:0}.ld-console-head{display:flex;align-items:center;justify-content:space-between;padding:0 1.15rem .65rem}.ld-console-label{font-size:.68rem;letter-spacing:.1em;font-weight:800;color:#818cf8}.ld-lang{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.18rem .5rem;border-radius:6px}.ld-code{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.76rem;line-height:1.75;color:#cbd5e1;white-space:pre;overflow-x:auto;width:100%;text-align:left}.ld-code-line{padding-left:calc(var(--indent, 0) * 1.1rem + .85rem);padding-right:.85rem;border-left:2.5px solid transparent;transition:background .25s,border-color .25s,color .25s}.ld-code-line.is-hl{background:linear-gradient(90deg,#6366f138,#6366f10a);border-left-color:#818cf8;color:#fff;font-weight:600}.ld-observer{padding:.9rem 1.15rem 1.1rem;background:#0003}.ld-observer-label{display:block;font-size:.68rem;letter-spacing:.1em;font-weight:800;color:#34d399;margin-bottom:.6rem}.ld-row{display:flex;justify-content:space-between;align-items:center;padding:.28rem 0;font-family:JetBrains Mono,monospace;font-size:.78rem;color:#94a3b8;border-bottom:1px dashed rgba(255,255,255,.04)}.ld-row:last-child{border-bottom:none}.ld-row b{color:#f8fafc;font-weight:700}.ld-row b.amber{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.35)}.ld-row b.ok{color:#34d399;text-shadow:0 0 10px rgba(52,211,153,.4)}.ld-row b.no{color:#f87171;text-shadow:0 0 10px rgba(248,113,113,.4)}.ld-step-amber{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b40;box-shadow:0 0 12px -2px #f59e0b4d}.ld-step-emerald{color:#34d399;background:#10b9811f;border-color:#10b98140;box-shadow:0 0 12px -2px #10b9814d}.ld-observer-amber{color:#fbbf24!important}.ld-observer-emerald{color:#34d399!important}.ld-code-line.is-hl-amber{background:linear-gradient(90deg,#f59e0b33,#f59e0b08);border-left-color:#fbbf24;color:#fff;font-weight:600}.lld-diagram-container{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:.15rem}.lld-context-column{display:flex;flex-direction:column;align-items:center;width:33%}.lld-association-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;width:11%;padding:0}.lld-arrow-label{font-size:.55rem;color:var(--accent-indigo);font-weight:700;letter-spacing:.05em;margin-bottom:.15rem}.lld-arrow-line{height:1.5px;background:#6366f166;width:100%;position:relative}.lld-arrow-line:after{content:"▶";position:absolute;right:-2px;top:-5px;font-size:.55rem;color:#6366f199}.lld-strategy-tree{display:flex;flex-direction:column;align-items:center;width:56%}.lld-impls-row{display:flex;justify-content:space-between;width:100%;gap:.35rem;margin-top:.25rem}.lld-class-box{background:#0f172abf;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.65rem;color:#94a3b8;overflow:hidden;display:flex;flex-direction:column;min-width:100px;box-shadow:0 4px 12px #0000004d;transition:border-color .3s,box-shadow .3s,transform .3s}.lld-context-column .lld-class-box{width:100%}.lld-strategy-tree .lld-interface-box{width:120px}.lld-class-header{background:#ffffff08;padding:.4rem .6rem;border-bottom:1.5px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center}.lld-class-type{font-size:.5rem;opacity:.4;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.lld-class-name{font-family:Outfit,sans-serif;font-weight:800;color:var(--text-primary);font-size:.72rem;display:flex;align-items:center;gap:.3rem}.lld-class-section{padding:.35rem .5rem;display:flex;flex-direction:column;gap:.15rem}.lld-class-fields{border-bottom:1.5px solid rgba(255,255,255,.06);color:#cbd5e1}.lld-class-methods{color:#cbd5e1}.lld-impl-box{flex:1;min-width:0;text-align:center}.lld-impl-box.is-active{border-color:var(--accent-amber);box-shadow:0 0 20px #f59e0b40;background:#f59e0b0a}.lld-impl-box.is-active .lld-class-name{color:#fde68a}.lld-impl-box .lld-class-header{align-items:center}.lld-class-methods div.active-method{color:#fde68a;font-weight:700;text-shadow:0 0 8px rgba(245,158,11,.4)}.lld-lines-svg{overflow:visible}.lld-realization-lines{width:100%;height:24px;position:relative}.hld-topology{display:flex;flex-direction:column;align-items:center;width:100%;gap:.25rem;padding:.25rem}.hld-row{display:flex;justify-content:center;align-items:center;width:100%}.hld-node{background:#0f172abf;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:.45rem .8rem;display:flex;align-items:center;gap:.4rem;color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;font-size:.74rem;box-shadow:0 4px 12px #00000059;transition:all .3s cubic-bezier(.2,.8,.2,1)}.hld-node.client{border-color:#ffffff26}.hld-node.lb{border-color:#6366f180;background:#6366f10f;color:#c7d2fe;position:relative}.hld-node.lb-active{box-shadow:0 0 20px #6366f140;border-color:var(--accent-indigo)}.hld-lb-badge{position:absolute;top:-8px;right:-8px;background:var(--accent-indigo);color:#fff;font-size:.55rem;padding:1px 4px;border-radius:4px;font-family:monospace;font-weight:700}.hld-servers-container{display:flex;gap:.5rem;justify-content:center;width:100%}.hld-server-card{flex:1;min-width:85px;max-width:110px;background:#0f172abf;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 4px 10px #0000004d;transition:all .35s cubic-bezier(.2,.8,.2,1)}.hld-server-card.is-active{border-color:var(--accent-emerald);background:#10b9810f;box-shadow:0 0 20px #10b98126}.hld-server-card.is-ghost{opacity:.25;border-style:dashed;background:transparent;box-shadow:none}.hld-server-header{display:flex;align-items:center;justify-content:space-between}.hld-server-title{font-family:Outfit,sans-serif;font-weight:700;font-size:.68rem;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.hld-status-dot{width:5px;height:5px;border-radius:50%;background:#fff3}.hld-server-card.is-active .hld-status-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:hld-pulse 1.5s infinite}.hld-server-metrics{display:flex;flex-direction:column;gap:.15rem}.hld-cpu-label{font-size:.5rem;color:var(--text-secondary);display:flex;justify-content:space-between;font-family:monospace}.hld-cpu-bar-bg{width:100%;height:4px;background:#ffffff0f;border-radius:99px;overflow:hidden}.hld-cpu-bar{height:100%;border-radius:99px;transition:width .4s ease,background-color .4s ease}.hld-node.db{border-color:#10b98180;background:#10b9810f;color:#6ee7b7}.hld-svg-connector{overflow:visible}.hld-svg-line{stroke:#ffffff14;stroke-width:1.5}.hld-svg-line-active{stroke:var(--accent-indigo);stroke-dasharray:4 4;stroke-width:2;animation:hld-flow-dash .8s linear infinite}.hld-svg-line-active-emerald{stroke:var(--accent-emerald);stroke-dasharray:4 4;stroke-width:2;animation:hld-flow-dash-rev .8s linear infinite}@keyframes hld-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes hld-flow-dash{to{stroke-dashoffset:-20}}@keyframes hld-flow-dash-rev{to{stroke-dashoffset:20}}@media(max-width:768px){.lld-class-box{font-size:.55rem}.lld-class-name{font-size:.62rem}.lld-context-column{width:35%}.lld-strategy-tree{width:55%}.lld-impls-row{gap:.2rem}.hld-servers-container{gap:.35rem}.hld-server-card{min-width:70px;padding:.3rem .4rem}.hld-server-title{font-size:.6rem}.hld-cpu-label{font-size:.48rem}}@media(max-width:768px){.live-demo-body{grid-template-columns:1fr}.ld-stage{border-right:none;border-bottom:1px solid var(--border-glass);min-height:0}.ld-cell{width:40px;height:40px;font-size:.95rem}.hld-node{font-size:.7rem;padding:.4rem .6rem}.ld-code{font-size:.65rem}.ld-code-line{padding-left:calc(var(--indent, 0) * .65rem + .5rem);padding-right:.5rem}}.rt-demo{display:flex;flex-direction:column}.rt-chrome-right{display:inline-flex;align-items:center;gap:.6rem;margin-left:auto}.rt-tabs{display:inline-flex;gap:3px;padding:3px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.rt-tab{display:inline-flex;align-items:center;gap:4px;padding:.22rem .55rem;border-radius:6px;font-size:.62rem;font-weight:600;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1)}.rt-tab.is-on{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;box-shadow:0 2px 10px #6366f166;font-weight:700}.rt-voice{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#818cf826;border:1px solid rgba(129,140,248,.25);color:#a5b4fc;flex-shrink:0;box-shadow:0 0 10px #818cf833}.rt-body{display:grid;grid-template-columns:1.2fr .95fr .85fr;min-height:0}.rt-stage{position:relative;padding:1.25rem;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 35% 10%,rgba(129,140,248,.12) 0%,transparent 65%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.06) 0%,transparent 50%),#0003;display:flex;align-items:center;justify-content:center;min-height:290px}.rt-slide{width:100%}.rt-svg{width:100%;height:265px;display:block;overflow:visible}.rt-edge{fill:none;stroke-width:1.6;stroke:#ffffff1f;transition:stroke .4s ease}.rt-edge-active{stroke:#818cf8;filter:drop-shadow(0 0 6px rgba(129,140,248,.6))}.rt-edge-placed{stroke:#818cf8b3}.rt-edge-dead{stroke:#ef444466;stroke-dasharray:4 4}.rt-node{stroke-width:1.25;transition:fill .4s ease,stroke .4s ease,filter .4s ease}.rt-node-active{fill:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);stroke:#c7d2fe;filter:drop-shadow(0 0 14px rgba(129,140,248,.65))}.rt-node-placed{fill:#818cf838;stroke:#818cf899;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.rt-node-dead{fill:#ef444417;stroke:#ef444459}.rt-node-text{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;font-weight:600;pointer-events:none}.rt-text-active{fill:#0b0e14;font-weight:800}.rt-text-placed{fill:#e0e7ff}.rt-text-dead{fill:#fca5a5d9}.rt-slide-board{display:flex;flex-direction:column;align-items:center;gap:.95rem}.rt-board-meta{display:flex;gap:1.1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.06em;color:#94a3b8;background:#00000040;padding:.3rem .75rem;border-radius:99px;border:1px solid rgba(255,255,255,.05)}.rt-board-meta b{color:#f1f5f9;font-weight:700}.rt-board-meta .is-found b{color:#34d399;text-shadow:0 0 8px rgba(52,211,153,.4)}.rt-board{display:grid;grid-template-columns:repeat(4,44px);grid-template-rows:repeat(4,44px);border-radius:12px;overflow:hidden;border:1.5px solid rgba(255,255,255,.12);box-shadow:0 20px 40px -15px #000000e6,0 0 24px -6px #f472b633}.rt-cell{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff05;transition:background .3s ease}.rt-cell.is-alt{background:#ffffff0f}.rt-cell.is-candidate{box-shadow:inset 0 0 0 2px #f472b6;background:#f472b629}.rt-queen{font-size:24px;line-height:1;color:#f472b6;text-shadow:0 0 16px rgba(244,114,182,.8),0 0 6px rgba(244,114,182,.5)}.rt-candidate{font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;font-weight:800;color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.6)}.rt-console-col{border-right:1px solid rgba(255,255,255,.06);background:#00000029;display:flex;flex-direction:column;min-width:0}.rt-console{flex:1;min-height:0;padding:.85rem 0}.rt-code{font-size:.72rem;line-height:1.55}.rt-panels-col{display:flex;flex-direction:column;background:#00000038;min-width:0}.rt-observer{padding:.85rem .95rem;border-bottom:1px solid rgba(255,255,255,.06)}.rt-panel-label{display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#34d399;margin-bottom:.55rem}.rt-stack-label{color:#fbbf24}.rt-obs-row{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;padding:.18rem 0;color:#94a3b8;border-bottom:1px dashed rgba(255,255,255,.03)}.rt-obs-row:last-child{border-bottom:none}.rt-obs-row b{font-weight:700;color:#f8fafc}.rt-obs-row b.ok{color:#34d399;text-shadow:0 0 8px rgba(52,211,153,.4)}.rt-obs-row b.no{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.4)}.rt-obs-row b.amber{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.4)}.rt-stack{padding:.85rem .95rem;flex:1}.rt-stack-frames{display:flex;flex-direction:column;gap:.32rem}.rt-frame{display:flex;justify-content:space-between;align-items:center;gap:.45rem;padding:.3rem .55rem;border-radius:6px;background:#ffffff08;border-left:2.5px solid rgba(255,255,255,.08);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;transition:all .25s ease}.rt-frame.is-top{background:linear-gradient(90deg,#818cf833,#818cf80a);border-left-color:#818cf8;box-shadow:0 2px 8px #00000040}.rt-frame:not(.is-top){opacity:.4}.rt-frame-label{color:#e2e8f0}.rt-frame.is-top .rt-frame-label{color:#fff;font-weight:700}.rt-frame-col{color:#94a3b8;font-size:.58rem;font-weight:500}.rt-caption-bar{border-top:1px solid rgba(255,255,255,.06);padding:.8rem 1.15rem .5rem;background:#00000047}.rt-caption{margin:0 0 .55rem;font-size:.72rem;line-height:1.45;color:#cbd5e1;text-align:center;min-height:1.9em;font-weight:500}.rt-progress{height:3px;background:#ffffff0f;border-radius:99px;overflow:hidden}.rt-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 8px #818cf8cc}@media(max-width:900px){.rt-body{grid-template-columns:1fr}.rt-stage{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.rt-tabs{display:none}}.obs-demo{display:flex;flex-direction:column}.obs-chrome-right{display:inline-flex;align-items:center;gap:.65rem;margin-left:auto}.obs-voice{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#f59e0b26;border:1px solid rgba(245,158,11,.25);color:#fbbf24;box-shadow:0 0 10px #f59e0b33}.obs-body{display:grid;grid-template-columns:1.35fr 1fr;min-height:0}.obs-stage{padding:1.1rem .9rem .6rem;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.12) 0%,transparent 65%),radial-gradient(circle at 50% 100%,rgba(99,102,241,.06) 0%,transparent 60%),#0003;display:flex;align-items:center;justify-content:center}.obs-svg{width:100%;height:224px;display:block;overflow:visible}.obs-edge{stroke:#ffffff14;stroke-width:1.4;stroke-dasharray:4 4;transition:stroke .4s ease}.obs-edge.is-live{stroke-dasharray:none;stroke-width:1.8;filter:drop-shadow(0 0 4px rgba(245,158,11,.3))}.obs-subject{fill:#f59e0b1f;stroke:#f59e0b99;stroke-width:1.5;filter:drop-shadow(0 0 20px rgba(245,158,11,.25));transition:all .3s ease}.obs-subject-name{font-family:Outfit,JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:800;fill:#fde68a;letter-spacing:.02em}.obs-subject-price{font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;font-weight:800;fill:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.obs-pulse{filter:drop-shadow(0 0 10px currentColor)}.obs-card{stroke-width:1.35;transition:all .35s cubic-bezier(.4,0,.2,1)}.obs-card-name{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700}.obs-card-state{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;fill:#94a3b8}.obs-side{display:flex;flex-direction:column;min-width:0;background:#0000002e}.obs-console{flex:1;min-height:0}.obs-code{font-size:.72rem;line-height:1.55}.obs-log{border-top:1px solid rgba(255,255,255,.06);padding:.8rem 1rem .95rem;background:#00000040;min-height:92px}.obs-log-label{display:block;font-size:.64rem;font-weight:800;letter-spacing:.1em;color:#34d399;margin-bottom:.6rem}.obs-log-chips{display:flex;flex-wrap:wrap;gap:.35rem}.obs-chip{display:inline-flex;align-items:center;gap:6px;padding:.25rem .6rem;border-radius:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;color:#e2e8f0;box-shadow:0 2px 6px #0003}.obs-chip-dot{width:6px;height:6px;border-radius:99px;flex-shrink:0;box-shadow:0 0 6px currentColor}.obs-caption-bar{border-top:1px solid rgba(255,255,255,.06);padding:.85rem 1.25rem;background:#00000047}.obs-caption{margin:0;font-size:.72rem;line-height:1.45;color:#cbd5e1;text-align:center;min-height:1.9em;font-weight:500}@media(max-width:900px){.obs-body{grid-template-columns:1fr}.obs-stage{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}.lb-demo{display:flex;flex-direction:column}.lb-chrome-right{display:inline-flex;align-items:center;gap:.65rem;margin-left:auto}.lb-voice{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#10b98126;border:1px solid rgba(16,185,129,.25);color:#34d399;box-shadow:0 0 10px #10b98133}.lb-step-alert{color:#fca5a5!important;background:#ef44442e!important;border-color:#ef444459!important;box-shadow:0 0 12px -2px #ef444466!important}.lb-body{display:grid;grid-template-columns:1.45fr 1fr;min-height:0}.lb-stage{padding:1rem .8rem .5rem;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 65% 40%,rgba(16,185,129,.12) 0%,transparent 65%),radial-gradient(circle at 20% 50%,rgba(99,102,241,.06) 0%,transparent 60%),#0003;display:flex;align-items:center;justify-content:center}.lb-svg{width:100%;height:242px;display:block;overflow:visible}.lb-edge{stroke-width:1.4;stroke-dasharray:4 4;stroke:#ffffff17;transition:stroke .4s ease}.lb-edge.is-live{stroke:#34d39973}.lb-edge.is-down{stroke:#ef444466;stroke-dasharray:3 3}.lb-node{fill:#ffffff08;stroke:#ffffff1f;stroke-width:1.35}.lb-users{fill:#ffffff0a;stroke:#ffffff26}.lb-balancer{fill:#818cf826;stroke:#818cf899;filter:drop-shadow(0 0 20px rgba(129,140,248,.3))}.lb-node-icon{font-size:13px;fill:#a5b4fc}.lb-node-label{font-family:Outfit,JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;fill:#cbd5e1}.lb-lb-title{font-family:Outfit,JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:800;fill:#e0e7ff;letter-spacing:.04em}.lb-lb-algo{font-family:JetBrains Mono,ui-monospace,monospace;font-size:8.5px;fill:#a5b4fc;font-weight:600}.lb-packet{fill:#818cf8;filter:drop-shadow(0 0 10px #818cf8) drop-shadow(0 0 4px #c084fc)}.lb-server{stroke-width:1.35}.lb-server-name{font-family:Outfit,JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:800;fill:#f1f5f9}.lb-server-conn{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;fill:#94a3b8}.lb-meter-bg{fill:#ffffff14}.lb-side{display:flex;flex-direction:column;min-width:0;background:#0000002e}.lb-metrics{padding:.9rem 1.05rem;border-bottom:1px solid rgba(255,255,255,.06)}.lb-metrics-label{display:block;font-size:.64rem;font-weight:800;letter-spacing:.1em;color:#34d399;margin-bottom:.65rem}.lb-log{flex:1;padding:.85rem 1.05rem;background:#00000040;min-height:132px}.lb-log-label{display:block;font-size:.64rem;font-weight:800;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.6rem}.lb-log-rows{display:flex;flex-direction:column;gap:.32rem}.lb-log-row{padding:.35rem .6rem;border-radius:6px;border-left:2.5px solid rgba(52,211,153,.7);background:#ffffff08;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;color:#cbd5e1;box-shadow:0 2px 6px #0003}.lb-log-row.is-rerouted{border-left-color:#fbbf24e6;background:#fbbf240d;color:#fef3c7}.lb-caption-bar{border-top:1px solid rgba(255,255,255,.06);padding:.85rem 1.25rem;background:#00000047}.lb-caption{margin:0;font-size:.72rem;line-height:1.45;color:#cbd5e1;text-align:center;min-height:1.9em;font-weight:500}@media(max-width:900px){.lb-body{grid-template-columns:1fr}.lb-stage{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}