.live-demo{width:100%;border-radius:20px;border:1px solid var(--border-glass);background:linear-gradient(160deg,#141824f2,#0b0e14f2);box-shadow:0 40px 80px -30px #000c,0 0 0 1px #6366f114;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.live-demo-chrome{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-glass);background:#00000040}.ld-dot{width:11px;height:11px;border-radius:50%;background:#3a3f4b}.ld-dot:nth-child(1){background:#ff5f57}.ld-dot:nth-child(2){background:#febc2e}.ld-dot:nth-child(3){background:#28c840}.ld-title{margin-left:.5rem;font-size:.8rem;color:var(--text-secondary);font-family:Inter,monospace}.ld-step{margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--accent-indigo);text-transform:uppercase}.live-demo-body{display:grid;grid-template-columns:1.15fr 1fr}.ld-stage{padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border-glass);min-height:280px}.ld-array{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.ld-cell-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.ld-cell{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid rgba(255,255,255,.12);font-family:Outfit,monospace;font-weight:800;font-size:1.05rem;color:var(--text-primary);background:#ffffff08;transition:border-color .3s,background .3s,color .3s,box-shadow .3s}.ld-cell.is-scanned{opacity:.45;border-color:#ffffff0f}.ld-cell.is-active{border-color:var(--accent-indigo);background:#6366f12e;box-shadow:0 0 26px -4px #6366f1b3}.ld-cell.is-match{border-color:var(--accent-emerald);background:#10b98138;color:#6ee7b7;box-shadow:0 0 30px -2px #10b981b3}.ld-index{font-size:.72rem;color:var(--text-secondary);font-family:monospace}.ld-caption{margin:1.75rem 0 0;text-align:center;font-size:.92rem;color:var(--text-secondary);line-height:1.5;min-height:2.6em}.ld-side{display:flex;flex-direction:column;min-width:0}.ld-console{flex:1;padding:.85rem 0;border-bottom:1px solid var(--border-glass);min-width:0}.ld-console-head{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .6rem}.ld-console-label{font-size:.7rem;letter-spacing:.08em;font-weight:700;color:var(--accent-indigo)}.ld-lang{font-size:.65rem;font-weight:700;color:var(--text-secondary);border:1px solid var(--border-glass);padding:.15rem .5rem;border-radius:6px}.ld-code{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.74rem;line-height:1.7;color:#c4c9d4;white-space:pre;overflow-x:auto;width:100%;text-align:left}.ld-code-line{padding-left:calc(var(--indent, 0) * 1.1rem + .75rem);padding-right:.75rem;border-left:2px solid transparent;transition:background .25s,border-color .25s}.ld-code-line.is-hl{background:#6366f129;border-left-color:var(--accent-indigo);color:#fff}.ld-observer{padding:.85rem 1rem 1rem}.ld-observer-label{display:block;font-size:.7rem;letter-spacing:.08em;font-weight:700;color:var(--accent-emerald);margin-bottom:.6rem}.ld-row{display:flex;justify-content:space-between;align-items:center;padding:.22rem 0;font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.ld-row b{color:var(--text-primary)}.ld-row b.amber{color:#f59e0b}.ld-row b.ok{color:var(--accent-emerald)}.ld-row b.no{color:#ef4444}.ld-step-amber{color:#f59e0b}.ld-step-emerald{color:var(--accent-emerald)}.ld-observer-amber{color:#f59e0b!important}.ld-observer-emerald{color:var(--accent-emerald)!important}.ld-code-line.is-hl-amber{background:#f59e0b24;border-left-color:#f59e0b;color:#fff}.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:.5rem;margin-left:auto}.rt-tabs{display:inline-flex;gap:2px;padding:2px;border-radius:7px;background:#ffffff0a}.rt-tab{display:inline-flex;align-items:center;gap:4px;padding:.2rem .45rem;border-radius:5px;font-size:.6rem;font-weight:600;color:#767f95;transition:background .3s ease,color .3s ease}.rt-tab.is-on{background:#818cf8e6;color:#0b0e14}.rt-voice{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:6px;background:#818cf81f;color:#a5b4fc;flex-shrink:0}.rt-body{display:grid;grid-template-columns:1.15fr 1fr;min-height:0}.rt-stage{position:relative;padding:.85rem .9rem;border-right:1px solid var(--border-glass);background:radial-gradient(circle at 35% 10%,rgba(129,140,248,.07) 0%,transparent 58%),#00000026;display:flex;align-items:center;justify-content:center;min-height:258px}.rt-slide{width:100%}.rt-svg{width:100%;height:244px;display:block;overflow:visible}.rt-edge{fill:none;stroke-width:1.4;stroke:#ffffff24;transition:stroke .4s ease}.rt-edge-active{stroke:#818cf8bf}.rt-edge-placed{stroke:#818cf88c}.rt-edge-dead{stroke:#ef444452;stroke-dasharray:4 4}.rt-node{stroke-width:1;transition:fill .4s ease,stroke .4s ease}.rt-node-active{fill:#818cf8eb;stroke:#a5b4fc;filter:drop-shadow(0 0 9px rgba(129,140,248,.45))}.rt-node-placed{fill:#818cf83d;stroke:#818cf88c}.rt-node-dead{fill:#ef444414;stroke:#ef44444d}.rt-node-text{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;font-weight:500;pointer-events:none}.rt-text-active{fill:#0b0e14;font-weight:700}.rt-text-placed{fill:#c7cdf5}.rt-text-dead{fill:#f87171bf}.rt-slide-board{display:flex;flex-direction:column;align-items:center;gap:.85rem}.rt-board-meta{display:flex;gap:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.05em;color:#7c85a0}.rt-board-meta b{color:#d5dae8;font-weight:700}.rt-board-meta .is-found b{color:#34d399}.rt-board{display:grid;grid-template-columns:repeat(4,40px);grid-template-rows:repeat(4,40px);border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px -16px #000000e6}.rt-cell{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff05}.rt-cell.is-alt{background:#ffffff0d}.rt-cell.is-candidate{box-shadow:inset 0 0 0 1.5px #f472b6;background:#f472b61a}.rt-queen{font-size:21px;line-height:1;color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.6)}.rt-candidate{font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700;color:#f472b6}.rt-side{display:flex;flex-direction:column;min-width:0}.rt-console{flex:1;min-height:0}.rt-code{font-size:.66rem;line-height:1.45}.rt-panels{display:grid;grid-template-columns:.85fr 1fr;border-top:1px solid var(--border-glass);background:#0000002e}.rt-observer{padding:.6rem .7rem;border-right:1px solid var(--border-glass)}.rt-panel-label{display:flex;align-items:center;gap:4px;font-size:.56rem;font-weight:700;letter-spacing:.1em;color:#6ee7b7;margin-bottom:.45rem}.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:.63rem;padding:.1rem 0;color:#8b93a7}.rt-obs-row b{font-weight:600}.rt-obs-row b.ok{color:#34d399}.rt-obs-row b.no{color:#f87171}.rt-obs-row b.amber{color:#fbbf24}.rt-stack{padding:.6rem .7rem}.rt-stack-frames{display:flex;flex-direction:column;gap:.22rem}.rt-frame{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.22rem .4rem;border-radius:5px;background:#ffffff08;border-left:2px solid rgba(255,255,255,.08);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6rem}.rt-frame.is-top{background:#818cf824;border-left-color:#818cf8}.rt-frame:not(.is-top){opacity:.45}.rt-frame-label{color:#e6e9f5}.rt-frame.is-top .rt-frame-label{color:#fff;font-weight:600}.rt-frame-col{color:var(--text-secondary);font-size:.56rem}.rt-caption-bar{border-top:1px solid var(--border-glass);padding:.7rem 1rem 0;background:#00000038}.rt-caption{margin:0 0 .5rem;font-size:.66rem;line-height:1.4;color:#98a1b5;text-align:center;min-height:1.9em}.rt-progress{height:2px;background:#ffffff0f;border-radius:99px;overflow:hidden}.rt-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#a855f7)}@media(max-width:900px){.rt-body{grid-template-columns:1fr}.rt-stage{border-right:none;border-bottom:1px solid var(--border-glass)}.rt-tabs{display:none}}.obs-demo{display:flex;flex-direction:column}.obs-chrome-right{display:inline-flex;align-items:center;gap:.6rem;margin-left:auto}.obs-voice{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#d9a44124;color:#e8bc63}.obs-body{display:grid;grid-template-columns:1.3fr 1fr;min-height:0}.obs-stage{padding:1rem .75rem .5rem;border-right:1px solid var(--border-glass);background:radial-gradient(circle at 50% 0%,rgba(217,164,65,.07) 0%,transparent 60%),#00000026}.obs-svg{width:100%;height:215px;display:block;overflow:visible}.obs-edge{stroke:#ffffff12;stroke-width:1.25;stroke-dasharray:3 4;transition:stroke .4s ease}.obs-edge.is-live{stroke-dasharray:none;stroke-width:1.5}.obs-subject{fill:#818cf821;stroke:#818cf88c;stroke-width:1.25;filter:drop-shadow(0 0 18px rgba(129,140,248,.2))}.obs-subject-name{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;fill:#c7cdf5}.obs-subject-price{font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700;fill:#fff}.obs-pulse{filter:drop-shadow(0 0 6px currentColor)}.obs-card{stroke-width:1.25}.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:#8b93a7}.obs-side{display:flex;flex-direction:column;min-width:0}.obs-console{flex:1;min-height:0}.obs-code{font-size:.7rem;line-height:1.5}.obs-log{border-top:1px solid var(--border-glass);padding:.7rem .9rem .85rem;background:#0000002e;min-height:86px}.obs-log-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.1em;color:#6ee7b7;margin-bottom:.55rem}.obs-log-chips{display:flex;flex-wrap:wrap;gap:.3rem}.obs-chip{display:inline-flex;align-items:center;gap:5px;padding:.22rem .5rem;border-radius:6px;background:#ffffff0d;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;color:#d5dae8}.obs-chip-dot{width:6px;height:6px;border-radius:99px;flex-shrink:0}.obs-caption-bar{border-top:1px solid var(--border-glass);padding:.8rem 1.1rem .9rem;background:#00000038}.obs-caption{margin:0;font-size:.66rem;line-height:1.4;color:#98a1b5;text-align:center;min-height:1.9em}@media(max-width:900px){.obs-body{grid-template-columns:1fr}.obs-stage{border-right:none;border-bottom:1px solid var(--border-glass)}}.lb-demo{display:flex;flex-direction:column}.lb-chrome-right{display:inline-flex;align-items:center;gap:.6rem;margin-left:auto}.lb-voice{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#10b98124;color:#6ee7b7}.lb-step-alert{color:#fca5a5!important;background:#ef444424!important}.lb-body{display:grid;grid-template-columns:1.45fr 1fr;min-height:0}.lb-stage{padding:.9rem .6rem .4rem;border-right:1px solid var(--border-glass);background:radial-gradient(circle at 65% 40%,rgba(16,185,129,.07) 0%,transparent 60%),#00000026}.lb-svg{width:100%;height:236px;display:block;overflow:visible}.lb-edge{stroke-width:1.25;stroke-dasharray:3 4;stroke:#ffffff17;transition:stroke .4s ease}.lb-edge.is-live{stroke:#34d3994d}.lb-edge.is-down{stroke:#ef444447}.lb-node{fill:#ffffff08;stroke:#ffffff1f;stroke-width:1.25}.lb-balancer{fill:#818cf821;stroke:#818cf880;filter:drop-shadow(0 0 16px rgba(129,140,248,.18))}.lb-node-icon{font-size:13px;fill:#a5b4fc}.lb-node-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;fill:#9aa3b8}.lb-lb-title{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;fill:#c7cdf5;letter-spacing:.04em}.lb-lb-algo{font-family:JetBrains Mono,ui-monospace,monospace;font-size:8.5px;fill:#7c85a0}.lb-packet{fill:#a5b4fc;filter:drop-shadow(0 0 8px rgba(129,140,248,.9))}.lb-server{stroke-width:1.25}.lb-server-name{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:700;fill:#d5dae8}.lb-server-conn{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;fill:#8b93a7}.lb-meter-bg{fill:#ffffff12}.lb-side{display:flex;flex-direction:column;min-width:0}.lb-metrics{padding:.85rem .95rem;border-bottom:1px solid var(--border-glass)}.lb-metrics-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.1em;color:#6ee7b7;margin-bottom:.6rem}.lb-log{flex:1;padding:.8rem .95rem;background:#0000002e;min-height:128px}.lb-log-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.55rem}.lb-log-rows{display:flex;flex-direction:column;gap:.28rem}.lb-log-row{padding:.3rem .5rem;border-radius:5px;border-left:2px solid rgba(52,211,153,.5);background:#ffffff08;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;color:#c3cad9}.lb-log-row.is-rerouted{border-left-color:#fbbf24b3;color:#e8d5a8}.lb-caption-bar{border-top:1px solid var(--border-glass);padding:.8rem 1.1rem .9rem;background:#00000038}.lb-caption{margin:0;font-size:.66rem;line-height:1.4;color:#98a1b5;text-align:center;min-height:1.9em}@media(max-width:900px){.lb-body{grid-template-columns:1fr}.lb-stage{border-right:none;border-bottom:1px solid var(--border-glass)}}