.ld,.lg,.ws{--ld-ink: #16233f;--ld-data: #4b7fe0;--ld-data-2: #79a3ec;--ld-data-soft: rgba(75, 127, 224, .1);--ld-wash: #eaf1fb;--ld-eyebrow: #51648f}.ld{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Inter Variable,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.65}.ld-wrap{width:100%;max-width:min(1800px,94vw);margin:0 auto;padding:0 clamp(16px,2vw,32px)}.ld h1,.ld h2,.ld h3{font-family:Space Grotesk Variable,Segoe UI,system-ui,sans-serif;color:var(--ld-ink);margin:0}.ld-veil{position:fixed;left:0;right:0;pointer-events:none;z-index:15}.ld-veil-top{top:0;height:96px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}.ld-veil-bottom{bottom:0;height:64px;background:linear-gradient(0deg,rgba(245,247,250,.85),transparent)}.ld-nav{position:sticky;top:0;z-index:20;background:#f5f7fad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.ld-nav-inner{display:flex;align-items:center;justify-content:space-between;height:50px}.ld-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:9px;font-weight:600;font-size:13.5px;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ld-btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #1d5fd647}.ld-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1d5fd652}.ld-btn-ghost{color:var(--accent);border-color:var(--border-strong);background:#fff}.ld-btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent)}.ld-hero{padding:clamp(40px,7vw,90px) 0}.ld-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,56px);align-items:center}.ld-eyebrow{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ld-eyebrow)}.ld-hero h1{font-size:clamp(34px,5.2vw,56px);font-weight:700;line-height:1.06;letter-spacing:-.03em}.ld-sub{margin:18px 0 0;max-width:480px;font-size:clamp(14px,.9rem + .4vw,18px);color:var(--muted)}.ld-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.ld-cta-center{justify-content:center}@keyframes ld-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ld-hero .ld-eyebrow,.ld-hero h1,.ld-hero .ld-sub,.ld-hero .ld-cta,.ld-hero-sim{opacity:0;animation:ld-rise .65s cubic-bezier(.2,.7,.2,1) forwards}.ld-hero .ld-eyebrow{animation-delay:.05s}.ld-hero h1{animation-delay:.15s}.ld-hero .ld-sub{animation-delay:.26s}.ld-hero .ld-cta{animation-delay:.36s}.ld-hero-sim{animation-delay:.45s}.ld-reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.ld-reveal.revealed{opacity:1;transform:none}.ld-section-head>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.revealed.ld-section-head>*{opacity:1;transform:none}.revealed.ld-section-head>*:nth-child(1){transition-delay:.08s}.revealed.ld-section-head>*:nth-child(2){transition-delay:.2s}.ld-close-inner>*{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.revealed.ld-close-inner>*{opacity:1;transform:none}.revealed.ld-close-inner>*:nth-child(1){transition-delay:.08s}.revealed.ld-close-inner>*:nth-child(2){transition-delay:.22s}.revealed.ld-close-inner>*:nth-child(3){transition-delay:.36s}.ld-3d{opacity:0;transform:perspective(1100px) rotateX(18deg) translateY(64px) scale(.93);transform-origin:50% 100%;transition:transform .95s cubic-bezier(.2,.7,.2,1),opacity .7s ease;will-change:transform}.revealed .ld-3d{opacity:1;transform:perspective(1100px) rotateX(0) translateY(0) scale(1)}.ld-cascade>*{opacity:0;transform:translate(-26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.flip .ld-cascade>*{transform:translate(26px)}.revealed .ld-cascade>*{opacity:1;transform:none}.revealed .ld-cascade>*:nth-child(1){transition-delay:.12s}.revealed .ld-cascade>*:nth-child(2){transition-delay:.26s}.revealed .ld-cascade>*:nth-child(3){transition-delay:.4s}.ld-pulse{display:flex;align-items:center;max-width:min(1800px,94vw);margin:0 auto;padding:0 clamp(16px,2vw,32px);color:var(--accent);width:100%}.ld-pulse-flush{padding:0;max-width:none}.ld-pulse:before,.ld-pulse:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,var(--border) 38%,rgba(29,95,214,.65) 50%,var(--border) 62%,var(--border) 100%);background-size:240% 100%;background-position:130% 0;animation:ld-sweep 3.4s linear infinite}.ld-pulse:after{animation-delay:1.7s}@keyframes ld-sweep{0%{background-position:130% 0}to{background-position:-130% 0}}.ld-pulse svg{flex-shrink:0;margin:0 6px}.ld-pulse-base{opacity:.3}.ld-pulse-trace{stroke-dasharray:.22 .78;stroke-dashoffset:.22;animation:ld-trace 3.4s linear infinite}@keyframes ld-trace{to{stroke-dashoffset:-.78}}.ld-section{padding:clamp(40px,7vw,84px) 0}.ld-section-head{margin-bottom:clamp(22px,4vw,38px)}.ld-section h2{font-size:clamp(26px,3.4vw,36px);font-weight:700;letter-spacing:-.02em}.ld-section-sub{margin:14px auto 0;max-width:640px;font-size:clamp(14px,.9rem + .4vw,17px);color:var(--muted);line-height:1.55}.ld-section h3{font-size:clamp(18px,1rem + .8vw,26px);font-weight:600;margin-bottom:10px}.ld-section p{color:var(--muted);margin:0}.ld-scenes{display:flex;flex-direction:column;gap:26px}.ld-scene{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,48px);align-items:center;padding:26px 0}.ld-scene.flip .ld-scene-copy{order:2}.ld-scene.flip .ld-demo{order:1}.ld-demo{background:linear-gradient(180deg,#f8fafd,#eef2f7);border:1px solid var(--border);border-radius:16px;padding:clamp(12px,2.5vw,22px);box-shadow:var(--shadow)}.ld-section-white{background:linear-gradient(180deg,#fff,#fbfcfe)}.ld-section-wash{background:linear-gradient(180deg,var(--ld-wash),#f2f6fc)}.ld-close{background:radial-gradient(620px 300px at 50% 30%,var(--ld-wash),transparent)}.sc{font-size:13px}.sc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:sc-pulse 2.4s ease infinite}@keyframes sc-pulse{50%{opacity:.45}}.sc-groups{display:flex;flex-direction:column;gap:12px}.sc-dash-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.sc-dash-title{font-family:Space Grotesk Variable,sans-serif;font-weight:600;font-size:13.5px;color:var(--ld-ink)}.sc-add{font-size:12px;font-weight:600;color:var(--accent);border:1px solid var(--border-strong);border-radius:8px;padding:5px 12px;background:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}.sc-add.pressed{transform:scale(.94);background:var(--accent-soft);border-color:var(--accent)}.sc-group.enter{animation:sc-groupin .5s cubic-bezier(.2,.7,.2,1)}@keyframes sc-groupin{0%{opacity:0;transform:translateY(10px) scale(.98)}}.sc-ghead{display:flex;align-items:center;gap:8px;font-size:13px}.sc-ghead b{font-size:13.5px;color:var(--text)}.sc-count{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px;color:var(--muted)}.sc-add-sub{margin-left:auto;color:var(--muted);border-color:var(--border);font-weight:500;font-size:11px;padding:3px 10px}.sc-sq{width:10px;height:10px;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}.sc-chevron{width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .4s ease;flex-shrink:0}.sc-chevron.closed{transform:rotate(-45deg)}.sc-gbody{overflow:hidden;transition:max-height .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease}.sc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 2px 4px}.sc-card{background:#fff;border:1px solid var(--border);border-left-width:4px;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);min-width:0}.sc-card.enter{animation:sc-cardin .5s ease backwards;animation-delay:calc(var(--i) * .11s)}@keyframes sc-cardin{0%{opacity:0;transform:translateY(10px)}}.sc-card-head{display:flex;align-items:center;gap:7px;min-width:0}.sc-card-head b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-card-sub{display:block;font-size:10.5px;color:var(--muted);margin:2px 0 8px}.sc-card svg{width:100%;height:30px;display:block}.sc-card svg path{fill:none;stroke-width:1.6;stroke-linejoin:round}.sc-card-stats{display:flex;gap:14px;margin-top:8px}.sc-card-stats div{display:flex;flex-direction:column;gap:1px;min-width:0}.sc-card-stats b{font-family:var(--font-mono);font-size:12.5px;color:var(--ink)}.sc-card-stats small{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sc-lt{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}.sc-lt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.sc-lt-head strong{font-size:13.5px}.sc-badge{border-radius:999px;padding:2px 10px;font-size:10.5px;font-weight:700;letter-spacing:.04em}.sc-badge.ok{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-border)}.sc-badge.warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border)}.sc-mono{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.sc-lt-last{font-size:11.5px;color:var(--muted)}.sc-stop{margin-left:auto;font-size:11.5px;font-weight:600;border-radius:8px;padding:4px 12px;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border);transition:background .35s ease,color .35s ease,border-color .35s ease}.sc-stop.off{background:var(--accent);color:#fff;border-color:var(--accent)}.sc-modes{display:flex;align-items:center;gap:8px}.sc-mode-label{font-size:11.5px;color:var(--muted)}.sc-mode{padding:4px 12px;border-radius:8px;border:1px solid var(--border);font-size:12px;color:var(--muted);background:#fff;transition:background .35s ease,color .35s ease,border-color .35s ease}.sc-mode.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sc-ramp-note{margin:0;font-size:11.5px;color:var(--muted)}.sc-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sc-chart{min-width:0}.sc-chart-title{display:block;font-size:10.5px;color:var(--muted);margin-bottom:4px}.sc-chart svg{width:100%;height:56px;display:block;background:#fbfcfe;border:1px solid var(--bg-soft);border-radius:8px}.sc-chart svg path{fill:none;stroke-width:1.6;stroke-linejoin:round}.sc-explorer{display:flex;flex-direction:column;gap:12px}.sc-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:#fff}.sc-search-text{font-family:var(--font-mono);font-size:13px;min-height:18px;display:inline-flex;align-items:center}.sc-caret{width:1.5px;height:14px;background:var(--accent);margin-left:2px;animation:sc-blink 1s steps(1) infinite}@keyframes sc-blink{50%{opacity:0}}.sc-search-hint{margin-left:auto;color:var(--muted);font-size:12px}.sc-scanbar{height:3px;border-radius:3px;background:var(--border);overflow:hidden}.sc-scanbar-fill{height:100%;background:var(--accent);border-radius:3px}.sc-live{display:flex;flex-direction:column;gap:12px}.sc-live-stats{display:flex;align-items:center;gap:clamp(10px,2.5vw,20px);flex-wrap:wrap}.sc-live-stat{display:flex;flex-direction:column;line-height:1.15}.sc-live-stat b{font-family:Space Grotesk Variable,sans-serif;font-size:clamp(18px,1rem + 1vw,26px);color:var(--ld-ink)}.sc-live-stat span{font-size:11px;color:var(--ld-eyebrow);text-transform:uppercase;letter-spacing:.04em}.sc-live-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#0e9f6e}.sc-live-table{border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:clamp(10.5px,.62rem + .3vw,12.5px)}.sc-live-row{display:grid;grid-template-columns:52px 78px 96px 62px minmax(0,1fr);gap:8px;padding:7px 12px;align-items:center;border-bottom:1px solid var(--border)}.sc-live-row:last-child{border-bottom:none}.sc-live-head{background:var(--ld-wash);color:var(--ld-eyebrow);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.sc-live-query{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ld-data)}.sc-live-state{font-weight:600;font-size:10.5px}.sc-live-state.st-active{color:#0e9f6e}.sc-live-state.st-idle-in-transaction{color:#c27803}.sc-live-state.st-idle{color:var(--ld-eyebrow)}.sc-explorer-body{display:grid;grid-template-columns:118px 1fr;gap:12px}.sc-tree{display:flex;flex-direction:column;gap:4px}.sc-tree-item{padding:6px 10px;border-radius:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px;transition:background .25s,color .25s}.sc-tree-item.scanning{background:var(--bg-soft);color:var(--text)}.sc-tree-item.found{background:var(--accent-soft);color:var(--accent);font-weight:600}.sc-table{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;opacity:.35;transition:opacity .4s ease;align-self:start}.sc-table.visible{opacity:1}.sc-trow{display:grid;grid-template-columns:50px 1fr 80px;gap:8px;padding:7px 12px;border-top:1px solid var(--bg-soft);font-size:12.5px}.sc-thead{border-top:none;color:var(--muted);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.sc-hl{background:var(--accent-soft);color:var(--accent);font-weight:600;border-radius:4px;padding:0 4px;margin:0 -4px}.sc-caption{color:var(--muted);font-size:12px;font-family:var(--font-mono);opacity:0;transition:opacity .4s ease}.sc-caption.show{opacity:1}.sc-history{display:flex;flex-direction:column;gap:14px}.sc-log{display:flex;flex-direction:column;gap:8px;min-height:172px}.sc-log-entry{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;animation:sc-slidein .45s cubic-bezier(.2,.7,.2,1)}@keyframes sc-slidein{0%{opacity:0;transform:translateY(-10px)}}.sc-log-entry .sc-dot{animation:none}.sc-ok .sc-dot{background:var(--ok)}.sc-warn .sc-dot{background:var(--warn)}.sc-alert .sc-dot{background:var(--danger)}.sc-log-text{flex:1}.sc-log-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.sc-history-stats{display:flex;gap:20px;color:var(--muted);font-size:12.5px;border-top:1px dashed var(--border-strong);padding-top:12px}.sc-history-stats b{color:var(--text);font-variant-numeric:tabular-nums}.ld-connector{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,48px);align-items:center}.cn-steps{display:flex;flex-direction:column;gap:14px}.cn-step{display:flex;align-items:flex-start;gap:14px;padding:clamp(12px,2.4vw,18px) clamp(14px,2.6vw,20px);border:1px solid var(--border);border-radius:14px;background:var(--panel);opacity:0;transform:translate(-26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease}.ld-connector-block.revealed .cn-step{opacity:.72;transform:none}.ld-connector-block.revealed .cn-step:nth-child(1){transition-delay:.1s,.1s,0s,0s}.ld-connector-block.revealed .cn-step:nth-child(2){transition-delay:.24s,.24s,0s,0s}.ld-connector-block.revealed .cn-step:nth-child(3){transition-delay:.38s,.38s,0s,0s}.ld-connector-block.revealed .cn-step.active{border-color:var(--accent);box-shadow:var(--shadow);opacity:1}.cn-tryit{opacity:0;transform:translate(-26px);transition:opacity .6s ease .52s,transform .6s cubic-bezier(.2,.7,.2,1) .52s}.ld-connector-block.revealed .cn-tryit{opacity:1;transform:none}.cn-cmd{display:flex;align-items:center;gap:10px;background:var(--ld-ink);border-radius:12px;padding:11px 12px 11px 16px;box-shadow:var(--shadow)}.cn-cmd-prompt{color:#7ea6f5;font-family:Space Grotesk Variable,monospace;font-weight:700}.cn-cmd code{flex:1;color:#e4ecff;font-size:13.5px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-cmd button{flex-shrink:0;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#dbe7ff;font-size:12px;font-weight:600;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background .25s ease,border-color .25s ease}.cn-cmd button:hover{background:#ffffff29;border-color:#fff6}.cn-cmd-note{display:block;margin-top:8px;font-size:12px;color:var(--ld-eyebrow)}.cn-trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;margin:30px 0 0;padding:0;opacity:0;transform:translateY(14px);transition:opacity .6s ease .55s,transform .6s ease .55s}.ld-connector-block.revealed .cn-trust{opacity:1;transform:none}.cn-trust li{font-size:12.5px;color:var(--ld-eyebrow);font-weight:600;padding:0 16px}.cn-trust li+li{border-left:1px solid var(--border)}.cn-step h3{font-size:clamp(14px,.85rem + .4vw,18px);margin:0 0 4px}.cn-step p{font-size:13px;margin:0}.cn-step-num{flex-shrink:0;display:inline-grid;place-items:center;width:clamp(26px,5vw,34px);height:clamp(26px,5vw,34px);border-radius:9px;background:var(--accent-soft);color:var(--accent);font-family:Space Grotesk Variable,sans-serif;font-weight:700;font-size:clamp(13px,.8rem + .4vw,17px);transition:background .35s ease,color .35s ease}.cn-step.active .cn-step-num{background:var(--accent);color:#fff}.cn-demo{padding:0;overflow:hidden}.cn-window{background:#fff}.cn-stage{animation:cn-fade .45s ease}@keyframes cn-fade{0%{opacity:0;transform:translateY(8px)}}.cn-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-soft);font-size:12px;color:var(--muted)}.cn-bar i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.cn-bar span{margin-left:6px}.cn-body{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:250px}.cn-label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.cn-input{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:13px;background:#fff;display:flex;align-items:center;min-height:20px}.cn-btn{align-self:flex-start;background:var(--accent);color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #1d5fd647;transition:transform .2s ease,box-shadow .2s ease}.cn-btn.pressed{transform:scale(.96);box-shadow:none}.cn-token{border:1px dashed var(--border-strong);border-radius:10px;padding:10px 14px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.cn-token.show{opacity:1;transform:none}.cn-token-value{display:block;font-family:var(--font-mono);font-weight:600;color:var(--ld-ink)}.cn-token-note{font-size:11.5px;color:var(--muted)}.cn-terminal{background:var(--ld-ink);color:#dbe7ff;font-family:var(--font-mono);font-size:12.5px;padding:18px;min-height:250px;display:flex;flex-direction:column;gap:9px}.cn-line{margin:0;white-space:pre;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.cn-line.on{opacity:1;transform:none}.cn-online{display:flex;align-items:center;gap:8px;color:#4ade80;font-weight:600}.cn-online .sc-dot{background:#4ade80}.cn-linked{display:flex;align-items:center;gap:8px;color:var(--ok);font-weight:600;font-size:13px;opacity:0;transition:opacity .4s ease}.cn-linked.show{opacity:1}.cn-linked .sc-dot{background:var(--ok)}.cn-tunnel{display:flex;align-items:center;gap:12px;margin-top:2px}.cn-node{border:1px solid var(--border);border-radius:10px;padding:8px 12px;text-align:center;font-size:12px;font-weight:600;background:var(--bg-soft)}.cn-node small{display:block;font-weight:400;color:var(--muted);font-family:var(--font-mono);font-size:10.5px}.cn-tunnel svg{flex:1;height:16px}.cn-link{fill:none;stroke:var(--border-strong);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 7;transition:stroke .4s ease}.cn-link.on{stroke:var(--ld-data);animation:cn-dash 1.4s linear infinite}@keyframes cn-dash{to{stroke-dashoffset:-24}}.ld-close{text-align:center}.ld-close .ld-sub{margin-left:auto;margin-right:auto}.ld-foot{margin-top:auto;border-top:1px solid var(--border);padding:22px 0}.ld-foot-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;flex-wrap:wrap}.sim{display:flex;flex-direction:column;gap:12px}.sim-clock{display:flex;align-items:center;gap:9px;padding:9px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;font-size:12.5px;color:var(--muted);box-shadow:var(--shadow)}.sim-clock .sim-dot{animation:sim-blink 2.4s ease infinite}.sim-clock-label{font-weight:600;color:var(--ok)}.sim-clock-date{text-transform:capitalize}.sim-clock-time{margin-left:auto;font-family:Space Grotesk Variable,sans-serif;font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ld-ink)}.sim-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px 10px;box-shadow:var(--shadow);transition:border-color .3s ease,background .3s ease}.sim-card.sim-down{border-color:var(--danger-border);background:#fdf7f7}.sim-card.sim-spike{border-color:var(--warn-border);background:#fffdf5}.sim-head{display:flex;align-items:baseline;gap:8px}.sim-name{font-family:Space Grotesk Variable,sans-serif;font-weight:600;font-size:13.5px}.sim-engine{font-size:11.5px;color:var(--muted)}.sim-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok)}.sim-down .sim-status{color:var(--danger)}.sim-spike .sim-status{color:var(--warn)}.sim-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex-shrink:0}.sim-down .sim-dot{background:var(--danger);animation:sim-blink 1.1s ease infinite}.sim-spike .sim-dot{background:var(--warn);animation:sim-blink 1.1s ease infinite}@keyframes sim-blink{50%{opacity:.35}}.sim-metrics{display:flex;gap:16px;margin:6px 0 2px;font-size:12px;color:var(--muted)}.sim-metric b{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.sim-alert{margin:8px 0 4px;font-size:12.5px;color:var(--danger);font-variant-numeric:tabular-nums}.sim-spark{width:100%;height:38px;display:block}.sim-spark-line{fill:none;stroke:var(--ld-data);stroke-width:1.8;stroke-linejoin:round}.sim-spark-area{fill:var(--ld-data-soft)}.sim-down .sim-spark-line{stroke:var(--danger)}.sim-down .sim-spark-area{fill:#d6454512}.sim-spike .sim-spark-line{stroke:var(--warn)}.sim-spike .sim-spark-area{fill:#c2780314}.sim-test{animation:sim-testin .45s cubic-bezier(.2,.7,.2,1)}@keyframes sim-testin{0%{opacity:0;transform:translateY(10px)}}.sim-test .sim-status{color:var(--accent)}.sim-test .sim-dot{background:var(--accent)}.sim-test.sim-pass .sim-status{color:var(--ok)}.sim-test.sim-pass .sim-dot{background:var(--ok)}.sim-test-track{height:6px;border-radius:999px;background:var(--bg-soft);margin:10px 0 6px;overflow:hidden}.sim-test-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ld-data-2),var(--ld-data));transition:width .25s linear}.sim-test.sim-pass .sim-test-track i{background:var(--ok)}.sim-activity{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding:10px 14px;background:var(--panel);border:1px dashed var(--border-strong);border-radius:12px}.sim-activity-alert{color:var(--danger);border-color:var(--danger-border)}.sim-activity-alert .sim-dot{background:var(--danger);animation:sim-blink 1.1s ease infinite}.sim-activity-warn{color:var(--warn);border-color:var(--warn-border)}.sim-activity-warn .sim-dot{background:var(--warn);animation:sim-blink 1.1s ease infinite}.sim-calm .sim-card{box-shadow:none}.lg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;background:var(--bg);font-family:Inter Variable,Segoe UI,system-ui,sans-serif}.lg-panel{background:linear-gradient(165deg,#ffffff 0%,var(--ld-wash) 100%);border-right:1px solid var(--border);padding:clamp(24px,4vw,48px) clamp(24px,4.5vw,52px);display:flex;flex-direction:column;gap:28px}.lg-brand{text-decoration:none}.lg-panel-body{margin:auto 0;max-width:420px;width:100%;align-self:center}.lg-panel-quote{margin:0;font-family:Space Grotesk Variable,sans-serif;font-size:17px;font-weight:500;color:var(--ld-ink);letter-spacing:-.01em}.lg-form-side{display:grid;place-items:center;padding:40px 24px}.lg-card{width:min(380px,100%)}.lg-card>*{animation:ld-rise .55s cubic-bezier(.2,.7,.2,1) backwards}.lg-card>h1{animation-delay:.04s}.lg-card>.lg-hint{animation-delay:.12s}.lg-card>form{animation-delay:.2s}.lg-card>.lg-switch{animation-delay:.3s}.lg-card .field:focus-within>label{color:var(--accent)}.lg-caps{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--warn);animation:ld-rise .25s ease}.lg-card h1{font-family:Space Grotesk Variable,sans-serif;font-size:clamp(21px,1.2rem + 1vw,30px);font-weight:700;letter-spacing:-.02em;color:var(--ld-ink);margin:0 0 6px}.lg-hint{margin:0 0 24px;font-size:13.5px;color:var(--muted)}.lg-switch{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}.lg-switch button{border:none;background:none;color:var(--accent);padding:0;font:inherit;font-weight:600;cursor:pointer}.lg-mobile-quote{display:none}.lg-pass{position:relative}.lg-pass .input{width:100%;padding-right:38px}.lg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--muted);cursor:pointer;padding:5px;display:grid;place-items:center;border-radius:6px}.lg-eye:hover{color:var(--text);background:var(--bg-soft)}.lg-rules{list-style:none;margin:2px 0 16px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:#fbfcfe;display:grid;gap:7px}.lg-rule{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);transition:color .2s ease}.lg-rule i{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--border-strong);display:inline-grid;place-items:center;flex-shrink:0;color:#fff;transition:background .2s ease,border-color .2s ease}.lg-rule.ok{color:var(--ok)}.lg-rule.ok i{background:var(--ok);border-color:var(--ok)}.ws{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:Inter Variable,Segoe UI,system-ui,sans-serif;transition:opacity .45s ease;animation:ws-in .25s ease}@keyframes ws-in{0%{opacity:0}}.ws-line{position:absolute;top:50%;left:0;right:0;height:1px;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(29,95,214,.35) 20%,rgba(29,95,214,.35) 80%,transparent);transform:translateY(-58px) scaleX(0);animation:ws-linein .9s .3s cubic-bezier(.2,.7,.2,1) forwards}@keyframes ws-linein{to{transform:translateY(-58px) scaleX(1)}}.ws-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(29,95,214,.85),transparent);transform:translate(-100%);animation:ws-shimmer 1.1s 1.35s ease forwards}@keyframes ws-shimmer{to{transform:translate(100%)}}.ws-sub{margin:4px 0 0;font-size:13.5px;color:var(--muted);opacity:0;animation:ld-rise .65s 1.9s cubic-bezier(.2,.7,.2,1) forwards}.ws-first .ws-eyebrow{animation-delay:1.15s;animation-duration:.6s}.ws-first .ws-name{animation-delay:1.4s;animation-duration:.65s}.ws-first svg{animation:ws-beat 2.4s 2.3s ease-in-out infinite}@keyframes ws-beat{50%{transform:scale(1.05)}}.ws-ink{stroke:var(--ld-ink);stroke-width:2.2;stroke-linecap:round}.ws-bye .ws-ink{animation:ws-dim .9s 1.15s ease forwards}@keyframes ws-dim{to{stroke:#94a3b8;opacity:.75}}.ws-fadeout{stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;animation:ws-off .5s .4s ease forwards}@keyframes ws-off{to{opacity:0}}.ws-flat{stroke:#94a3b8;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ws-draw .6s .6s ease forwards}.ws:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,var(--ld-wash) 0%,transparent 62%);pointer-events:none}.ws.leaving{opacity:0;pointer-events:none}.ws-veil{background:#f6f9feed;z-index:150}.ws-veil-sub{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.ws-mark,.ws-eyebrow,.ws-name,.ws-sub{transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .4s ease}.ws.leaving .ws-mark,.ws.leaving .ws-eyebrow,.ws.leaving .ws-name,.ws.leaving .ws-sub{transform:translateY(-16px) scale(.985);opacity:0}.ws svg{margin-bottom:14px}.ws-mark{position:relative;display:grid;place-items:center;margin-bottom:14px}.ws-mark svg{margin-bottom:0}.ws-halo{position:absolute;width:96px;height:96px;border-radius:50%;border:2px solid rgba(29,95,214,.35);opacity:0;animation:ws-halo .9s 1.25s cubic-bezier(.2,.7,.2,1)}@keyframes ws-halo{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}.ws-first .ws-halo{animation-delay:1.5s}.ws-sweep{stroke:#9dc0ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.22 .78;stroke-dashoffset:.22;opacity:0;animation:ws-sweep .85s 1.4s ease-out forwards}@keyframes ws-sweep{0%{opacity:.9;stroke-dashoffset:.22}to{opacity:0;stroke-dashoffset:-.78}}.ws-first .ws-sweep{animation-delay:1.7s}.ws-draw{stroke:var(--ld-ink);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ws-draw .7s ease forwards}.ws-pulse{stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ws-draw .8s .55s ease forwards}@keyframes ws-draw{to{stroke-dashoffset:0}}.ws-pulse-loop{stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.3 .7;stroke-dashoffset:.3;animation:ws-trace 1.6s linear infinite}@keyframes ws-trace{to{stroke-dashoffset:-.7}}.ws-loading-text{margin:0;font-size:13px;color:var(--muted);animation:ws-breathe 2s ease infinite}@keyframes ws-breathe{50%{opacity:.55}}.ws-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ld-eyebrow);opacity:0;animation:ld-rise .5s .85s cubic-bezier(.2,.7,.2,1) forwards}.ws-name{margin:0;font-family:Space Grotesk Variable,Segoe UI,system-ui,sans-serif;font-size:clamp(26px,4vw,40px);font-weight:700;letter-spacing:-.02em;color:var(--ld-ink);opacity:0;animation:ws-title .65s 1s cubic-bezier(.2,.7,.2,1) forwards}@keyframes ws-title{0%{opacity:0;transform:translateY(16px);filter:blur(7px);letter-spacing:.02em}to{opacity:1;transform:none;filter:blur(0);letter-spacing:-.02em}}@media(max-width:1024px){.ld-hero-grid{grid-template-columns:1fr;gap:40px}.ld-sub,.ld-hero-sim{max-width:560px}.ld-scene{grid-template-columns:1fr;gap:22px;padding:18px 0}.ld-scene.flip .ld-scene-copy,.ld-scene.flip .ld-demo{order:0}.ld-demo{max-width:620px}.ld-connector{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.ld-wrap,.ld-pulse{padding-left:20px;padding-right:20px}.ld-veil-top{display:none}.sc-explorer-body{grid-template-columns:1fr}.sc-tree{flex-direction:row;flex-wrap:wrap}.sc-live-row{grid-template-columns:44px 84px 54px minmax(0,1fr)}.sc-live-row>:nth-child(2){display:none}.lg{grid-template-columns:1fr}.lg-panel{padding:18px 24px;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border-right:none;border-bottom:1px solid var(--border);background:#fff}.lg-panel-body,.lg-panel-quote,.lg-panel .ld-pulse{display:none}.lg-mobile-quote{display:block;margin:0;font-size:12.5px;color:var(--muted)}.lg-form-side{padding:32px 20px 48px;align-items:start}}@media(max-width:480px){.ld-cta .ld-btn{flex:1;min-width:130px}.cn-cmd{gap:8px;padding:9px 10px 9px 13px}.cn-cmd code{font-size:12px}.cn-trust{flex-direction:column;align-items:flex-start;gap:0}.cn-trust li{padding:7px 0;width:100%}.cn-trust li+li{border-left:none;border-top:1px solid var(--border)}.sim-card{padding:12px 13px 8px}.ld-demo{padding:14px}.sc-cards,.sc-charts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ld-hero .ld-eyebrow,.ld-hero h1,.ld-hero .ld-sub,.ld-hero .ld-cta,.ld-hero-sim,.lg-card,.lg-card>*,.lg-caps,.sim-test,.sc-log-entry,.cn-stage,.sc-group.enter,.sc-card.enter{animation:none;opacity:1}.sc-add{transition:none}.cn-token,.cn-linked,.cn-line{opacity:1;transform:none;transition:none}.cn-link.on{animation:none}.cn-step,.cn-step-num{transition:none}.cn-step{opacity:.72;transform:none}.ld-connector-block.revealed .cn-step.active,.cn-step.active{opacity:1}.cn-tryit,.cn-trust{opacity:1;transform:none;transition:none}.ws-draw,.ws-pulse,.ws-eyebrow,.ws-name{animation:none;opacity:1;stroke-dashoffset:0}.ws-pulse-loop{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.ws-loading-text{animation:none}.ws-halo,.ws-sweep,.ws-line:after{animation:none;opacity:0}.ws-bye .ws-ink{animation:none}.ws,.ws-line,.ws-sub,.ws-fadeout,.ws-flat,.ws-first svg{animation:none;opacity:1}.ws-line{transform:translateY(-58px) scaleX(1)}.ws-flat{stroke-dashoffset:0}.ld-reveal,.ld-3d,.ld-cascade>*,.ld-section-head>*,.ld-close-inner>*{opacity:1;transform:none;transition:none}.ld-pulse:before,.ld-pulse:after{animation:none;background:var(--border)}.ld-pulse-trace{animation:none;stroke-dasharray:none}.sc-dot,.sc-caret,.sim-down .sim-dot,.sim-spike .sim-dot,.sim-activity-alert .sim-dot,.sim-activity-warn .sim-dot,.sim-clock .sim-dot{animation:none}.ld-btn,.sc-mode,.sc-stop,.sc-gbody,.sc-chevron{transition:none}}@media(max-width:360px){.ld-wrap,.ld-pulse{padding-left:12px;padding-right:12px}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f5f7fa;--bg-soft: #eef2f7;--panel: #ffffff;--panel-hover: #f8fafd;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #1e293b;--muted: #64748b;--accent: #1d5fd6;--accent-soft: #e8f0fd;--accent-hover: #2a6fe8;--accent-soft-hover: #ddeafc;--ink: #12203f;--ok: #0e9f6e;--ok-soft: #e6f7f1;--ok-border: #b7e4d0;--warn: #c27803;--warn-soft: #fdf6e3;--warn-border: #f2d9a4;--danger: #d64545;--danger-soft: #fdeaea;--danger-border: #f3c2c2;--radius: 12px;--topbar-h: 56px;--fs-body: clamp(13px, .72rem + .2vw, 14px);--fs-small: clamp(11.5px, .68rem + .2vw, 13px);--fs-heading: clamp(15px, .9rem + .3vw, 16px);--space-card: clamp(12px, 1vw + 8px, 16px);--space-content: clamp(14px, 1.4vw + 8px, 24px);--shadow: 0 1px 3px rgba(15, 23, 42, .07), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .12);--font-mono: "Cascadia Code", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}.app-error{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.app-error-card{max-width:420px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-content);box-shadow:var(--shadow)}.app-error-card h1{margin:0 0 8px;font-size:clamp(18px,1.2rem + .4vw,22px)}.app-error-card p{margin:0 0 16px;color:var(--muted)}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c9d3e0;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#c9d3e0 transparent}}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:224px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 20px;font-size:17px;font-weight:700;letter-spacing:.2px;color:#0f2a5f}.sidebar-brand .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#1d5fd6,#3b82f6);display:grid;place-items:center;font-size:15px;color:#fff;box-shadow:var(--shadow)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-soft);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{margin-top:auto;padding:4px 0 0;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:4px}.sidebar-account{background:none;border:none;cursor:pointer;font:inherit;flex:1;min-width:0;text-align:left}.sidebar-logout{flex-shrink:0;margin-right:4px}.sidebar.collapsed .sidebar-logout{display:none}.sidebar{transition:width .18s ease}.sidebar-toggle{background:none;border:none;cursor:pointer;font:inherit;text-align:left;width:100%;margin-bottom:6px}.sidebar.collapsed{width:64px;padding-left:8px;padding-right:8px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;gap:0;padding-left:0;padding-right:0}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.main{flex:1;display:flex;flex-direction:column;min-width:0}.content{min-width:0}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;overflow-x:auto}.content{flex:1;overflow-y:auto;padding:var(--space-content)}.page-title{font-size:clamp(18px,1rem + 1vw,26px);font-weight:700;margin:0 0 4px;color:var(--ink)}.page-subtitle{color:var(--muted);margin:0 0 20px;font-size:clamp(13px,.8rem + .3vw,15px)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-card);box-shadow:var(--shadow)}.card.clickable{cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.card.clickable:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.grid{display:grid;gap:16px}.grid>*{min-width:0}.grid.cols-auto{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr))}.card{min-width:0}.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--panel);white-space:nowrap;color:var(--text)}.pill .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pill.connected{border-color:var(--ok-border);background:var(--ok-soft)}.pill.connected .dot{background:var(--ok)}.pill.connecting,.pill.reconnecting{border-color:var(--warn-border);background:var(--warn-soft)}.pill.connecting .dot,.pill.reconnecting .dot{background:var(--warn);animation:pulse 1s infinite}.pill.down,.pill.disconnected{border-color:var(--danger-border);background:var(--danger-soft)}.pill.down .dot,.pill.disconnected .dot{background:var(--danger);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);font-size:var(--fs-small);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:hover{background:var(--bg-soft)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow)}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn.small{padding:5px 10px;font-size:12px}.btn.icon{padding:6px 8px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:12px;font-weight:600;color:var(--muted)}.input,select.input,textarea.input{background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);padding:8px 11px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px}.table-wrap{overflow-x:auto;overflow-y:auto;max-width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-small)}table.data th{position:sticky;top:0;background:var(--bg-soft);text-align:left;padding:9px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;z-index:1}table.data th:last-child{border-right:none}table.data td{padding:8px 12px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;max-width:720px;overflow:hidden;text-overflow:ellipsis}table.data td:last-child{border-right:none}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--panel-hover)}.badge{display:inline-block;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:600;font-family:var(--font-mono)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.err{background:var(--danger-soft);color:var(--danger)}.badge.neutral{background:var(--accent-soft);color:var(--accent)}.badge.info{background:var(--bg-soft);color:var(--muted);border:1px solid var(--border)}.badge.t0{background:var(--ok-soft);color:var(--ok)}.badge.t1{background:#eef9e8;color:#4c9a2a}.badge.t2{background:var(--warn-soft);color:var(--warn)}.badge.t3{background:#fdeedd;color:#c05621}.badge.t4{background:var(--danger-soft);color:var(--danger)}.mono{font-family:var(--font-mono);font-size:12.5px}.muted{color:var(--muted)}.error-box{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:8px;padding:12px 14px;color:#b03636;font-family:var(--font-mono);font-size:12.5px;white-space:pre-wrap;word-break:break-word}.stat{display:flex;flex-direction:column;gap:2px}.stat .value{font-size:clamp(16px,.9rem + .6vw,23px);font-weight:700;font-family:var(--font-mono);color:var(--ink)}.stat .label{font-size:clamp(10px,.6rem + .2vw,12px);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.env-panel{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:10px 14px}.env-panel-title{font-size:clamp(11px,.6rem + .2vw,12.5px);color:var(--muted);font-weight:600;margin-bottom:8px}.env-metrics{display:flex;gap:22px;flex-wrap:wrap}.env-metric{display:flex;flex-direction:column;gap:2px}.env-metric .value{font-size:clamp(15px,.85rem + .5vw,20px);font-weight:700;font-family:var(--font-mono);color:var(--ink)}.env-metric .label{font-size:clamp(10px,.6rem + .2vw,11.5px);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:clamp(16px,1vw + 8px,22px);width:min(640px,94vw);max-height:90vh;overflow-y:auto;scrollbar-gutter:stable;box-shadow:var(--shadow-lg)}.modal h3{margin:0 0 16px;font-size:var(--fs-heading);color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.write-confirm{border-radius:10px;border:1px solid var(--warn-border);background:var(--warn-soft);padding:14px 16px}.write-confirm.blocked{border-color:var(--danger-border);background:var(--danger-soft)}.write-confirm-lead{display:flex;gap:10px;align-items:flex-start}.write-confirm-lead svg{flex:none;margin-top:1px;color:var(--warn)}.write-confirm.blocked .write-confirm-lead svg{color:var(--danger)}.write-confirm-lead p{margin:0;font-weight:600;color:var(--ink)}.write-confirm-body{margin-top:8px}.write-confirm-body p{margin:6px 0 0;font-size:13px;color:var(--muted)}.write-confirm-sql{margin:12px 0 0;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);font-family:var(--font-mono);font-size:12px;color:var(--ink);white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.sql-editor{border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.sql-editor .cm-editor{background:#fbfcfe;font-size:13px}.sql-editor .cm-editor.cm-focused{outline:none}.chart-box{position:relative}.chart-title{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}.uplot{font-family:inherit!important}.u-legend{font-size:11px!important;color:var(--muted)!important}.empty-state{text-align:center;padding:48px 20px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel)}.empty-state h3{color:var(--text);margin:12px 0 6px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.spacer{flex:1}.monitor-dot{width:11px;height:11px;border-radius:4px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.color-swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:7px;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #00000014;transition:transform .12s}.swatch:hover{transform:scale(1.1)}.swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--text)}.activity-rail{width:320px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);overflow:hidden;transition:width .18s ease}.activity-rail.collapsed{width:0;border-left:none}.activity-panel{display:flex;flex-direction:column;height:100%;padding:16px 14px}.activity-rail .activity-feed{max-height:none;flex:1;min-height:0}@media(max-width:1100px){.activity-rail{width:260px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.delta-good{color:var(--ok)}.delta-bad{color:var(--danger)}.steps{margin:0 0 20px;padding-left:20px;color:var(--muted);font-size:13px}.steps li{margin-bottom:5px}.steps strong{color:var(--text)}.reliability-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px;color:var(--muted)}.reliability-row strong{color:var(--text)}.reliability-row svg{vertical-align:-2px}.smoke-check{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.smoke-ok{color:var(--ok);display:inline-flex}.smoke-fail{color:var(--danger);display:inline-flex}.groups{display:flex;flex-direction:column;gap:20px}.group-header{display:flex;align-items:center;gap:8px;padding:4px 2px 8px;margin-bottom:10px;border-bottom:1px solid var(--border)}.group-header strong{font-size:14.5px;color:var(--ink)}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.detail-layout>*{min-width:0}@media(max-width:1000px){.detail-layout{grid-template-columns:1fr}}.card-actions{display:flex;gap:6px}.card-actions .btn{border-color:var(--border)}.activity-feed{max-height:70vh;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:8px;padding:7px 4px;border-bottom:1px solid var(--border);font-size:12.5px}.activity-item .op-chip{margin-top:2px}.activity-item:last-child{border-bottom:none}.activity-item .time{margin-top:2px;color:var(--muted);font-family:var(--font-mono);font-size:11px;flex-shrink:0}.op-chip{display:inline-block;padding:1px 7px;border-radius:5px;font-size:10.5px;font-weight:700;letter-spacing:.4px;flex-shrink:0}.op-chip.select{background:var(--accent-soft);color:var(--accent)}.op-chip.insert{background:var(--ok-soft);color:var(--ok)}.op-chip.update{background:var(--warn-soft);color:var(--warn)}.op-chip.delete{background:var(--danger-soft);color:var(--danger)}.op-chip.other{background:var(--bg-soft);color:var(--muted)}.explorer-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;align-items:start}.explorer-tools>*{min-width:0}.explorer-tool-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}@media(max-width:1100px){.explorer-tools{grid-template-columns:1fr}}.explorer-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.explorer-layout>*{min-width:0}@media(max-width:1000px){.explorer-layout{grid-template-columns:1fr}.table-tree{max-height:260px}}.table-tree{max-height:calc(100vh - 200px);overflow-y:auto}.tree-header{position:sticky;top:0;background:var(--panel);padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border);z-index:1}.tree-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-hits{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.search-hit{display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:none;cursor:pointer;text-align:left;font-size:12.5px;width:100%}.search-hit:hover{background:var(--bg-soft)}.cell-highlight{background:var(--accent-soft)}.row-located td{background:var(--accent-soft);animation:row-flash 1.6s ease}@keyframes row-flash{0%,30%{background:var(--warn-soft)}to{background:var(--accent-soft)}}.search-progress{height:4px;border-radius:3px;background:var(--bg-soft);overflow:hidden;margin-bottom:10px}.search-progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .25s ease}th.cell-highlight{color:var(--accent)}.cell-match{background:var(--accent);color:#fff;border-radius:4px;padding:0 3px;font-weight:600}.tree-schema{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin:12px 0 4px}.tree-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:7px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background .12s}.tree-item:hover{background:var(--bg-soft)}.tree-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.tree-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item .tree-size{font-size:11px;color:var(--accent);font-family:var(--font-mono);flex-shrink:0}.tree-item .rows{font-size:11px;color:var(--muted);font-family:var(--font-mono);flex-shrink:0}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 1.2s infinite}.consumo-bar{flex:1;min-width:60px;height:7px;border-radius:4px;background:var(--bg-soft);overflow:hidden}.consumo-bar>div{height:100%;border-radius:4px}.consumo-bar.low>div{background:#0e9f6e}.consumo-bar.moderate>div{background:#eab308}.consumo-bar.elevated>div{background:#ea580c}.consumo-bar.high>div{background:#d64545}.notif-wrap{position:relative}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--panel)}.notif-panel{position:fixed;top:calc(var(--topbar-h) + 4px);right:16px;width:380px;max-height:440px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:70}.notif-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel);z-index:1}.notif-item{display:flex;gap:10px;width:100%;padding:11px 14px;border:none;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;color:var(--text);font-family:inherit;align-items:flex-start}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--panel-hover)}.notif-item.unread{background:var(--accent-soft)}.notif-item.unread:hover{background:var(--accent-soft-hover)}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px;margin-left:auto}.topbar .pill{max-width:260px;overflow:hidden}@media(max-width:900px){.activity-rail{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:min(320px,86vw);z-index:60;border-left:1px solid var(--border);box-shadow:-14px 0 34px #0f1e3c29;transition:transform .22s ease}.activity-rail.collapsed{width:min(320px,86vw);transform:translate(102%);border-left:1px solid var(--border)}}@media(max-width:768px){.sidebar{width:64px;padding-left:8px;padding-right:8px}.sidebar .brand-text,.sidebar .nav-label{display:none}.sidebar .sidebar-brand{justify-content:center;gap:0;padding-left:0;padding-right:0}.sidebar .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar .sidebar-toggle,.sidebar .sidebar-logout{display:none}.topbar{gap:8px;padding:0 12px}}@media(max-width:600px){:root{--topbar-h: 92px}.topbar{flex-wrap:wrap;height:auto;min-height:48px;max-height:var(--topbar-h);overflow-y:auto;padding:6px 10px;row-gap:6px}.topbar .pill{max-width:46vw;padding:3px 9px;font-size:11px}}@media(max-width:480px){.grid.cols-auto{grid-template-columns:1fr}.grid{gap:12px}.form-row{grid-template-columns:1fr}.modal{max-height:85vh}.modal-actions{gap:8px}.notif-panel{width:min(92vw,340px);right:8px;max-height:min(70vh,440px)}table.data td{max-width:300px;padding:6px 8px}.table-tree{max-height:170px}.search-hits{max-height:240px}}@media(pointer:coarse){.btn{min-height:40px}.btn.small{min-height:36px}.input{min-height:38px}.btn.icon.small{min-width:38px;min-height:38px;justify-content:center}}@media(prefers-reduced-motion:reduce){.pill.connecting .dot,.pill.reconnecting .dot,.pill.down .dot,.pill.disconnected .dot,.live-dot,.row-located td{animation:none}.sidebar,.activity-rail{transition:none}}