@font-face{font-family:Host Grotesk;src:url(/fonts/HostGrotesk.woff2)format("woff2");font-style:normal;font-weight:300 800;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/FragmentMono.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}:root{--bg:#070a14;--bg2:#0b1020;--panel:#0d1223e6;--panel2:#111830;--raise:#172040;--line:#ffffff1a;--line2:#ffffff2e;--text:#e8edf9;--muted:#98a5c6;--faint:#8995b2;--lantern:#ffb454;--runtime:#b69cff;--network:#4fd1c5;--storage:#f6ad55;--kernel:#7ee787;--resource:#f6e05e;--failure:#ff6b6b;--registry:#63b3ed;--build:#f687b3;--standard:#a0aec0;--ok:#7ee787;--warn:#ffb454;--radius:12px;--font-ui:"Host Grotesk", Helvetica, Arial, sans-serif;--font-display:var(--font-ui);--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-label:"Fragment Mono", ui-monospace, monospace;--topbar:62px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--registry)}code,pre,.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--lantern);outline-offset:2px;border-radius:6px}::selection{background:#ffb45459}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a3558 padding-box padding-box;border:2px solid #0000;border-radius:6px}.app{grid-template-rows:var(--topbar) minmax(0, 1fr);background:var(--bg);height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#070a14e6;align-items:center;gap:14px;padding:0 14px;display:flex;position:relative}.brand{font-family:var(--font-display);letter-spacing:.2px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:19px;display:flex}.brand small{font-family:var(--font-ui);color:var(--muted);letter-spacing:.3px;margin-top:-3px;font-size:11.5px;display:block}.levels{background:#ffffff0a;border-radius:6px;align-items:stretch;gap:3px;margin:0 auto;padding:3px;display:flex}.levels button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:6px 11px;font-size:12.5px;transition:background .2s,color .2s}.levels button b{opacity:.7;margin-right:4px;font-weight:700}.levels button:hover{color:var(--text);background:#ffffff0f}.levels button[aria-checked=true]{color:var(--lantern);background:#ffb45429;font-weight:600}.levels button[aria-checked=true] b{opacity:1}.level-range{display:none}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{border:1px solid var(--line2);color:var(--text);white-space:nowrap;background:#ffffff0f;border-radius:6px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:#ffffff1c}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--lantern);color:#1b1205;border-color:#0000;font-weight:650}.btn.primary:hover{background:#ffc477}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:#ffffff0f}.btn.small{border-radius:7px;padding:4px 9px;font-size:12px}.btn[aria-pressed=true]{border-color:var(--lantern);color:#ffd9a3;background:#ffb4542e}.btn:disabled{opacity:.45;cursor:not-allowed}.dot{background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--failure)}.dot.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.pill{border:1px solid var(--line);background:#ffffff12;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;display:inline-flex}.pill.ok{color:var(--ok);border-color:#7ee78759}.pill.warn{color:var(--warn);border-color:#ffb45466}.pill.bad{color:var(--failure);border-color:#ff6b6b66}.pill.idle{color:var(--muted)}.pill.info{color:var(--registry)}.main{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.inspector-open .main{grid-template-columns:minmax(0,1fr) 330px}.left{flex-direction:column;min-width:0;min-height:0;display:flex}.side{border-left:1px solid var(--line);background:var(--bg2);flex-direction:column;min-height:0;display:flex}.stage-wrap{flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:16px 20px 10px;display:flex;position:relative;container-type:size}.stage{aspect-ratio:16/9;background:#0a0e22;border-radius:10px;width:min(100cqw,177.778cqh);max-width:100%;height:auto;max-height:100%;position:relative;overflow:hidden;container-type:inline-size}@supports not (aspect-ratio:16 / 9){.stage{height:56vw}}.stage>img.poster,.stage>canvas,.stage>svg.overlay,.stage>.hits{width:100%;height:100%;position:absolute;inset:0}.stage>img.poster{object-fit:contain;transition:opacity .6s}.stage[data-rive=ready]>img.poster{opacity:0;pointer-events:none}.stage>canvas{display:block}.stage>svg.overlay{pointer-events:none;font-family:var(--font-ui)}.overlay .ring-sel{animation:1.6s ease-in-out infinite ring}@keyframes ring{50%{stroke-opacity:.35}}.hits button{background:0 0;border:0;border-radius:10px;padding:0;position:absolute}.hits button:hover{background:#ffffff0f;outline:1px dashed #ffffff47}.hits button:focus-visible{outline:2px solid var(--lantern);background:#ffb4541a}.stage-legend{max-width:calc(100% - 160px);color:var(--muted);background:#070a14d1;border-radius:6px;align-items:baseline;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:16px;left:18px}.stage-legend b{color:var(--lantern);font-weight:600}.stage-tools{z-index:5;position:absolute;bottom:16px;right:16px}.stage-tools summary{background:var(--bg2)}.stage-tools>div{background:var(--bg2);border:1px solid var(--line2);border-radius:8px;gap:5px;width:180px;padding:8px;display:grid;position:absolute;bottom:40px;right:0}.caption{border-left:3px solid var(--runtime);background:#0d1223f7;border-radius:6px;align-items:center;gap:12px;width:max-content;max-width:min(86%,680px);padding:12px 14px;font-size:15px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.caption-text{min-width:0}.caption-nav{font:11px var(--font-mono);color:var(--muted);align-items:center;gap:4px;display:flex}.caption .who{color:var(--runtime);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;padding-top:2px;font-size:11.5px;font-weight:700}.banner{border:1px solid var(--ok);color:#d9ffe0;background:#0a1e16f2;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-weight:600;animation:.4s ease-out drop;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}@keyframes drop{0%{opacity:0;transform:translate(-50%,-14px)}}.left{position:relative}.predict-slot{z-index:6;width:min(360px,40%);max-height:calc(100% - 48px);position:absolute;top:24px;left:26px}.predict{border:1px solid var(--lantern);background:#0e1226f7;border-radius:10px;width:100%;max-height:calc(100cqh - 48px);padding:13px 14px;overflow:auto;box-shadow:0 16px 50px #0009}.predict.compact{align-items:center;gap:10px;width:auto;padding:8px 10px;display:flex}.predict.compact .v{font-size:14px;font-weight:650}.predict.compact .v.right{color:var(--ok)}.predict.compact .v.wrong{color:var(--failure)}.predict-slot:has(.compact){width:auto}.predict h3{font:700 11px var(--font-ui);letter-spacing:.8px;text-transform:uppercase;color:var(--lantern);margin:0 0 4px}.predict p.q{margin:0 0 10px;font-size:14.5px}.predict .opts{gap:6px;display:grid}.predict .opt{text-align:left;border:1px solid var(--line2);background:#ffffff0d;border-radius:9px;gap:8px;padding:8px 10px;font-size:13.5px;display:flex}.predict .opt b{color:var(--lantern)}.predict .opt:hover{background:#ffffff1a}.predict .opt[aria-pressed=true]{border-color:var(--lantern);background:#ffb45424}.predict .opt.right{border-color:var(--ok);background:#7ee7871f}.predict .opt.wrong{border-color:var(--failure);background:#ff6b6b1f}.predict .verdict{margin-top:10px;font-size:13.5px}.predict .verdict strong.right{color:var(--ok)}.predict .verdict strong.wrong{color:var(--failure)}.predict .row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.conseq{border-top:1px solid var(--line);scrollbar-width:thin;flex:none;align-items:center;gap:8px;min-height:40px;margin:0 20px 10px;padding:7px 0;display:flex;overflow-x:auto}.conseq .lab{text-transform:uppercase;letter-spacing:.7px;color:var(--faint);white-space:nowrap;font-size:11px}.conseq .step{color:var(--text);font-family:var(--font-mono);white-space:nowrap;border-right:1px solid var(--line);margin-right:2px;padding-right:6px;font-size:12px}.chain{align-items:center;gap:4px;display:flex}.chain .node{border:1px solid var(--line2);white-space:nowrap;color:var(--text);background:#ffffff12;border-radius:8px;padding:3px 8px;font-size:12px}.chain .node.error{border-color:var(--failure);color:#ffd6d6;background:#ff6b6b1f}.chain .node.warn{border-color:var(--warn);color:#ffe2b8}.chain .node:hover{border-color:var(--lantern)}.chain .arr{color:var(--faint)}.dock.collapsed{height:auto}.dock.collapsed>.panel{display:none!important}.dock{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;height:clamp(180px,27dvh,320px);min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;gap:2px;padding:5px 8px 0;display:flex;overflow-x:auto}.tablist{gap:2px;display:flex}.tab-short{display:none}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:7px 12px 8px;font-size:13px}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--lantern)}.tabs .count{background:var(--raise);color:var(--muted);border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px}.tabs .spacer{flex:1}.panel{flex:auto;min-height:0;padding:10px 14px;overflow:auto}.panel.flush{flex-direction:column;padding:0;display:flex;overflow:hidden}.terminal-active .dock{background:#080d16;height:clamp(300px,44dvh,540px)}.terminal-active .stage-wrap{padding-top:6px;padding-bottom:4px}.terminal-active .stage-legend,.terminal-active .stage-tools{display:none}.scrub{align-items:center;gap:10px;display:flex}.scrub input[type=range]{width:0;min-width:0;accent-color:var(--lantern);flex:1;height:28px}.steps{gap:3px;margin:8px 0 10px;padding-bottom:6px;display:flex;overflow-x:auto}.steps button{background:#2a3558;border:0;border-radius:5px;flex:none;width:15px;height:26px;padding:0;position:relative}.steps button.user{background:#d6954a}.steps button.ai{background:var(--runtime)}.steps button.system{background:#53607f}.steps button.bad{box-shadow:inset 0 -4px 0 var(--failure)}.steps button.cur{outline-offset:1px;outline:2px solid #fff}.steps button.future{opacity:.35}.steplist{gap:2px;font-size:12.5px;display:grid}.steplist button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:baseline;gap:8px;padding:3px 6px;display:flex}.steplist button:hover{color:var(--text);background:#ffffff0f}.steplist button.cur{color:var(--text);background:#ffb45424}.steplist .i{width:28px;color:var(--faint);font-family:var(--font-mono)}.steplist .lab{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.src{text-transform:uppercase;letter-spacing:.5px;background:var(--raise);color:var(--muted);border-radius:5px;padding:0 6px;font-size:10.5px}.src.ai{color:var(--runtime);background:#b69cff33}.src.user{color:var(--lantern);background:#ffb4542e}.events{gap:1px;font-size:12.5px;display:grid}.ev{text-align:left;color:var(--text);background:0 0;border:0;border-radius:6px;grid-template-columns:38px 16px 1fr auto;align-items:baseline;gap:8px;padding:4px 6px;display:grid}.ev:hover{background:#ffffff0d}.ev.future{opacity:.4}.ev.sel{background:#ffb45424}.ev.inchain{box-shadow:inset 3px 0 0 var(--lantern);background:#ffb45412}.ev .t{color:var(--faint);font-family:var(--font-mono)}.ev .sev{background:var(--faint);border-radius:50%;align-self:center;width:8px;height:8px}.ev .sev.warn{background:var(--warn)}.ev .sev.error{background:var(--failure)}.ev .k{color:var(--faint);font-size:11px;font-family:var(--font-mono)}.filters{color:var(--muted);align-items:center;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.filters label{align-items:center;gap:5px;display:inline-flex}.cause{border-left:3px solid var(--lantern);background:#ffb45412;border-radius:0 8px 8px 0;margin:6px 0 8px 12px;padding:8px 10px;font-size:12.5px}.cause ol{margin:4px 0 0;padding-left:20px}.term{height:100%;min-height:0;font-family:var(--font-mono);background:#080d16;flex-direction:column;font-size:14px;line-height:1.65;display:flex}.term-out{white-space:pre-wrap;word-break:break-word;flex:1;padding:16px 24px;overflow:auto}.term-out .cmd{color:var(--lantern)}.term-out .err{color:var(--failure)}.term-out .ok{color:var(--ok)}.term-out .dim{color:var(--faint)}.term-in{border-top:1px solid var(--line);box-shadow:inset 3px 0 var(--network);background:#0d1522;flex:none;padding:12px 24px 16px}.term-line{align-items:center;gap:10px;min-height:34px;display:flex}.term-line .ps{color:var(--network);white-space:nowrap}.term-line:focus-within{outline:1px solid var(--network);outline-offset:5px;border-radius:2px}.term-line .ps span{color:var(--registry)}.term-title{border-bottom:1px solid var(--line);color:var(--muted);font:12px var(--font-ui);align-items:center;gap:10px;padding:8px 24px;display:flex}.term-title b{color:var(--text);font-weight:500}.spacer{flex:1}.term-welcome{color:var(--muted);white-space:normal;gap:6px;display:grid}.term-welcome b{color:var(--text);font-weight:500}.terminal-example{color:var(--network);font:inherit;background:0 0;border:0;border-bottom:1px dotted;padding:0}.term-line input{font:inherit;color:var(--text);caret-color:var(--network);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:6px 0}.decomp{flex-wrap:wrap;gap:5px;min-height:24px;margin:6px 0 0;display:flex}.seg{border:1px solid var(--line2);background:#ffffff0d;border-radius:7px;flex-direction:column;padding:2px 7px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:relative}.seg b{color:var(--text);font-weight:600}.seg i{color:var(--faint);font-size:10.5px;font-style:normal}.seg.sub{border-color:var(--runtime)}.seg.sub i{color:var(--runtime)}.seg.flag{border-color:var(--network)}.seg.flag i{color:var(--network)}.seg.image{border-color:var(--registry)}.seg.image i{color:var(--registry)}.seg.cmd{border-color:var(--kernel)}.seg.cmd i{color:var(--kernel)}.seg.arg,.seg.value{border-color:var(--storage)}.seg.arg i,.seg.value i{color:var(--storage)}.seg.lit{background:#ffb4544d;transform:translateY(-2px)}.seg[data-tip]:hover:after,.seg[data-tip]:focus:after{content:attr(data-tip);border:1px solid var(--line2);width:max-content;max-width:340px;font:12.5px var(--font-ui);color:var(--text);z-index:30;white-space:normal;background:#0b1020;border-radius:8px;padding:7px 10px;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 30px #0009}.suggest{font-family:var(--font-ui);flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.suggest button{border:1px solid var(--line);color:var(--muted);font:12px var(--font-mono);background:0 0;border-radius:4px;padding:4px 8px}.suggest button:hover{color:var(--text);border-color:var(--lantern)}.lab-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.dial{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:10px 12px}.dial header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dial h4{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0;font-size:12px}.dial .val{font:600 14px var(--font-mono);color:var(--text)}.dial input[type=range]{width:100%;accent-color:var(--c,var(--lantern));margin:6px 0 2px}.dial .hint{color:var(--muted);min-height:32px;font-size:12px}.dial.network{--c:var(--network)}.dial.storage{--c:var(--storage)}.dial.resource{--c:var(--resource)}.dial.runtime{--c:var(--runtime)}.dial.registry{--c:var(--registry)}.switch{align-items:center;gap:8px;display:inline-flex}.switch button{border:1px solid var(--line2);background:#2a3558;border-radius:999px;width:44px;height:24px;padding:0;position:relative}.switch button:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px}.switch button[aria-checked=true]{background:var(--c,var(--ok))}.switch button[aria-checked=true]:after{left:22px}.side .tabs{padding-top:8px}.side .panel{padding:20px 20px 28px}.focus-actions{gap:6px;margin:12px 0;display:flex}details>summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:12.5px}details>summary:hover{color:var(--text)}details[open]>summary{color:var(--text);margin-bottom:6px}details.sec{border-top:1px solid var(--line);margin-top:12px;padding-top:6px}.insp .sec>h4{letter-spacing:.6px;font-size:11px}.insp h2{font:600 22px var(--font-display);letter-spacing:.1px;word-break:break-word;margin:0}.insp .sub{color:var(--muted);margin:1px 0 8px;font-size:12.5px}.insp .story{font-family:var(--font-display);color:#f3dcae;margin:8px 0 10px;font-size:15px;font-style:italic;line-height:1.45}.insp .truth{color:#ffe0b0;background:#ffb45412;border:1px solid #ffb45459;border-radius:10px;margin:8px 0;padding:8px 11px;font-size:12.5px}.insp .truth b{color:var(--lantern)}.acts{grid-template-columns:repeat(2,1fr);gap:5px;margin:10px 0 12px;display:grid}.acts .btn{text-transform:uppercase;letter-spacing:.4px;justify-content:flex-start;padding:6px 9px;font-size:12px;font-weight:600}.sec{border-top:1px solid var(--line);padding:10px 0 4px}.sec h4{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0 0 6px;font-size:11.5px}.kv{grid-template-columns:38% 1fr;gap:3px 10px;font-size:12.5px;display:grid}.kv dt{color:var(--faint)}.kv dd{word-break:break-word;margin:0}.lines{font:12px/1.5 var(--font-mono);color:#cfd8ee;white-space:pre-wrap;word-break:break-word}.sec pre{border:1px solid var(--line);color:#cfe0ff;background:#080c18;border-radius:9px;max-height:260px;margin:0;padding:9px 10px;font-size:11.5px;line-height:1.5;overflow:auto}.sec .note{color:var(--muted);margin-top:5px;font-size:12.5px}.sec.info h4{color:var(--lantern)}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid var(--line2);color:var(--text);background:#ffffff12;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}button.chip:hover{border-color:var(--lantern)}.rel{margin:8px 0}.rel h5{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 4px;font-size:11px;font-weight:600}.rel .chip small{color:var(--faint)}.poke{flex-wrap:wrap;gap:6px;display:flex}.empty{color:var(--muted);padding:14px 0}.empty h2{font:600 20px var(--font-display);color:var(--text);margin:0 0 6px}.why{border-left:3px solid var(--failure);background:#ff6b6b0f;border-radius:0 8px 8px 0;margin:8px 0;padding:6px 10px;font-size:12.5px}.why.calm{border-left-color:var(--kernel);background:#7ee7870d}.concept h2{font:600 21px var(--font-display);margin:0}.concept .domain{text-transform:uppercase;letter-spacing:.7px;font-size:11px}.concept .sum{margin:6px 0 8px}.revealbar{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.revealbar .btn{padding:4px 8px;font-size:11.5px}.graph{border:1px solid var(--line);background:radial-gradient(circle,#ffffff0a,#0000 70%);border-radius:12px;width:100%}.graph text{font:11.5px var(--font-ui);fill:#dfe6f5}.graph .node{cursor:pointer}.graph .node:hover circle{stroke:#fff}.misc{background:#ff6b6b12;border:1px solid #ff6b6b59;border-radius:10px;margin:6px 0;padding:8px 11px;font-size:12.5px}.misc b{color:var(--failure)}.bars{gap:6px;font-size:12.5px;display:grid}.bar{grid-template-columns:1fr 80px;align-items:center;gap:8px;display:grid}.bar i{background:var(--raise);border-radius:3px;height:6px;display:block;overflow:hidden}.bar i span{background:var(--lantern);height:100%;display:block}.scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#04060eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line2);background:#101728;border-radius:12px;width:min(760px,100%);max-height:min(92dvh,820px);padding:32px;position:relative;overflow:auto;box-shadow:0 30px 120px #000000b3}.modal.onboarding{width:min(580px,100%)}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font:11px var(--font-ui)!important;color:var(--lantern)!important;margin-bottom:16px!important}.setup-hint{color:var(--muted)!important;margin:8px 0!important;font-size:12px!important;line-height:1.5!important}.client-select{color:var(--muted);align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.client-select select{border:1px solid var(--line2);background:var(--bg2);border-radius:6px;flex:1;min-width:0;padding:8px 12px}.connection-key{border:1px solid var(--line2);background:#ffffff06;border-radius:8px;margin:12px 0}.connection-key>summary{color:var(--text);align-items:center;gap:10px;padding:12px;font-weight:500;list-style:none;display:flex}.connection-key>summary::-webkit-details-marker{display:none}.connection-key>summary:before{content:"›";color:var(--lantern);font-size:23px;line-height:1;transition:transform .2s}.connection-key[open]>summary:before{transform:rotate(90deg)}.connection-key>summary small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.connection-key>.credentials{padding:0 12px 6px}.connection-key.needs-key:not([open])>summary{animation:2.8s ease-in-out 3 key-invitation}.connection-key.needs-key:not([open])>summary:before{animation:2.8s ease-in-out 3 key-chevron}@keyframes key-invitation{50%{background:#ffb4541a}}@keyframes key-chevron{50%{transform:translate(3px)}}.modal.wide{width:min(980px,100%)}.modal h1{font:600 32px/1.15 var(--font-display);margin:0 0 12px}.modal h2{font:600 24px var(--font-display);margin:0 0 10px}.modal p{color:#d7def0;margin:0 0 12px;font-size:15px;line-height:1.55}.modal .lead{font-family:var(--font-display);color:#f3dcae;font-size:18px}.modal .x{position:absolute;top:12px;right:12px}.dots{gap:6px;margin:16px 0 0;display:flex}.dots i{background:#2a3558;border-radius:2px;width:22px;height:4px}.dots i.on{background:var(--lantern)}.side-by-side-demo{isolation:isolate;height:210px;margin:20px 0 14px;position:relative;overflow:hidden}.demo-browser{border:1px solid var(--line2);background:#0a101d;border-radius:7px;width:calc(50% - 6px);position:absolute;top:8px;bottom:8px;overflow:hidden}.demo-world{animation:4.8s ease-in-out both demo-restore;left:0}.demo-browser-bar{height:30px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 10px;font-size:11px;display:flex}.demo-traffic{letter-spacing:1px;color:#65718b;font-size:14px}.demo-restore{fill:none;stroke:currentColor;width:14px;height:14px;margin-left:auto}.demo-world-content{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 30px);display:flex}.demo-world-content>svg{flex:0 auto;width:min(95%,240px);height:120px}.demo-new-container{transform-origin:119px 46px;animation:4.8s ease-out both demo-container}.demo-world-status{color:var(--muted);font:9px var(--font-label);align-items:center;gap:6px;animation:4.8s ease-out both demo-consequence;display:flex}.demo-world-status i{background:var(--ok);border-radius:50%;width:5px;height:5px}.demo-ai{animation:4.8s ease-out both demo-open-ai;right:0}.demo-conversation{gap:10px;padding:17px 12px;font-size:12px;line-height:1.4;display:grid}.demo-question{background:var(--raise);border-radius:5px;justify-self:end;padding:6px 9px;animation:4.8s ease-out both demo-question}.demo-answer{color:var(--text);animation:4.8s ease-out both demo-answer}.demo-tool{color:var(--muted);font:9px var(--font-label);animation:4.8s ease-out both demo-consequence}@keyframes demo-restore{0%,17%{width:100%;top:0;bottom:0}36%,to{width:calc(50% - 6px);top:8px;bottom:8px}}@keyframes demo-open-ai{0%,35%{opacity:0;transform:translate(14px)}48%,to{opacity:1;transform:translate(0)}}@keyframes demo-question{0%,49%{opacity:0;transform:translateY(4px)}58%,to{opacity:1;transform:translateY(0)}}@keyframes demo-answer{0%,60%{opacity:0;transform:translateY(4px)}70%,to{opacity:1;transform:translateY(0)}}@keyframes demo-container{0%,73%{opacity:0;transform:translateY(-10px)}86%,to{opacity:1;transform:translateY(0)}}@keyframes demo-consequence{0%,82%{opacity:0}94%,to{opacity:1}}@media (max-width:560px){.side-by-side-demo{height:184px;margin-top:14px}.demo-browser-bar{gap:5px;padding:0 7px;font-size:10px}.demo-conversation{gap:10px;padding:13px 8px;font-size:11px}.demo-question{padding:5px 7px}.demo-world-content>svg{height:100px}.demo-world-status,.demo-tool{font-size:8px}}.nav{align-items:center;gap:10px;margin-top:18px;display:flex}.nav .grow{flex:1}.tabs.inline{border:0;gap:4px;margin:10px 0 8px;padding:0}.tabs.inline button{border:1px solid var(--line);border-radius:8px;padding:5px 11px}.tabs.inline button[aria-selected=true]{border-color:var(--lantern);background:#ffb45426}.codebox{border:1px solid var(--line2);font:12.5px/1.55 var(--font-mono);color:#d6e4ff;white-space:pre-wrap;word-break:break-all;background:#070b16;border-radius:10px;margin:8px 0;padding:40px 12px 11px;position:relative;overflow-x:auto}.codebox .copy{font-family:var(--font-ui);position:absolute;top:7px;right:8px}.keyrow{align-items:center;gap:8px;margin:6px 0;display:flex}.keyrow>span{min-width:62px;color:var(--muted);font-size:12px}.keyrow code{border:1px solid var(--line2);white-space:nowrap;background:#070b16;border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:12.5px;overflow-x:auto}.status{gap:8px;margin:12px 0;display:grid}.status .row{align-items:center;gap:10px;padding:4px 0;font-size:12px;display:flex}.status .row b{min-width:70px;font-weight:600}.promise{border-left:2px solid var(--ok);color:#d9f5de;margin:12px 0;padding:4px 12px;font-size:14px}.scen-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:10px;display:grid}.scen{border:1px solid var(--line2);background:#ffffff09;border-radius:12px;flex-direction:column;gap:6px;padding:11px 13px;display:flex}.scen h3{margin:0;font-size:15px}.scen p{color:var(--muted);margin:0;font-size:13px}.scen .row{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.scen.done{border-color:#7ee78759}.diff{gap:4px;font-size:12.5px;display:grid}.diff .d{background:#ffffff0a;border-radius:7px;grid-template-columns:70px 1fr;gap:8px;padding:4px 8px;display:grid}.diff .d.added{box-shadow:inset 3px 0 0 var(--ok)}.diff .d.removed{box-shadow:inset 3px 0 0 var(--failure)}.diff .d.changed{box-shadow:inset 3px 0 0 var(--lantern)}.diff .d b{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);align-self:center;font-size:10.5px}.diff .arrow{color:var(--faint)}.toasts{z-index:70;gap:8px;max-width:min(380px,100vw - 28px);display:grid;position:fixed;bottom:14px;right:14px}.toast{border:1px solid var(--line2);border-left:4px solid var(--runtime);background:#131a36;border-radius:10px;padding:9px 13px;font-size:13px;animation:.25s ease-out slide;box-shadow:0 12px 40px #0009}.toast.ok{border-left-color:var(--ok)}.toast.bad{border-left-color:var(--failure)}@keyframes slide{0%{opacity:0;transform:translate(20px)}}@media (max-width:1180px){.levels button{padding:6px 8px;font-size:12px}.levels button b{display:none}.inspector-open .main{grid-template-columns:minmax(0,1fr) 310px}}@media (max-width:1100px){.levels{display:none}.level-range{color:var(--muted);align-items:center;gap:8px;margin:0 auto;font-size:12px;display:flex}.level-range input{accent-color:var(--lantern);width:110px}.topbar{gap:10px}}@media (max-width:920px){html,body{height:auto;overflow:visible}body:has(.has-modal){overflow:hidden}.app{height:auto;min-height:100dvh;display:block}.main,.inspector-open .main{flex-direction:column;display:flex}.left{display:flex}.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:10px 12px;position:sticky;top:0}.level-range{order:3;width:100%}.level-range input{flex:1}.brand small{display:none}.top-actions{gap:4px}.top-actions .label{display:none}.top-actions .label-short{display:inline}.top-actions .btn{min-height:36px;padding:7px 8px}.stage-wrap{flex:none;min-height:0;padding:8px;display:block;container-type:normal}.stage{border-radius:6px;width:100%;height:auto}.stage-legend{display:none}.stage-tools{bottom:8px;right:8px}.stage-tools summary{padding:4px 7px;font-size:10px}.stage-tools>div{gap:2px;width:150px;bottom:30px}.predict-slot{width:auto;max-height:none;padding:8px 4px 0;position:static}.predict-slot:empty{display:none}.predict{max-height:none;box-shadow:none;margin-bottom:10px;overflow:visible}.conseq{flex-wrap:wrap;gap:6px;margin:0 12px 8px;font-size:12px;overflow:visible}.conseq .lab,.conseq .step{display:none}.chain{flex-wrap:wrap}.side{border-left:0;border-top:1px solid var(--line)}.side .panel,.panel{max-height:none;overflow:visible}.sec pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible}.dock{height:auto;min-height:0}.dock>.tabs{flex-wrap:wrap;overflow:visible}.dock>.tabs .tablist{flex-wrap:wrap;max-width:100%}.tab-full{display:none}.tab-short{display:inline}.dock>.panel{padding-bottom:20px}.dock.collapsed>.panel{display:none!important}.terminal-active .dock{height:auto}.connection-key>summary{flex-wrap:wrap}.connection-key>summary small{margin-left:20px}.terminal-active .stage-wrap{padding:8px}.term{height:auto;min-height:350px}.term-out{min-height:180px;padding:14px;overflow:visible}.term-title{padding:8px 14px}.term-title>span:not(.dot):not(.spacer){font-size:10px}.term-in{padding:10px 12px}.term-line{flex-wrap:wrap;gap:6px}.term-line .ps{font-size:11px}.term-line input{font-size:14px}.seg[data-tip]:hover:after,.seg[data-tip]:focus:after{max-width:min(260px,70vw)}.caption{gap:6px;max-width:calc(100% - 20px);padding:8px 10px;font-size:12px;bottom:12px}.caption .who{display:none}.caption-nav{gap:0}.banner{white-space:normal;border-radius:6px;width:max-content;max-width:calc(100% - 16px);padding:6px 12px;font-size:12px;top:8px}.modal{max-height:calc(100dvh - 24px);padding:24px 20px}.modal h1{font-size:28px}.scrim{padding:12px}.status .row{flex-wrap:wrap;gap:6px}.status .row b{min-width:65px}.codebox{font-size:11px}.lab-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.ev{grid-template-columns:30px 12px minmax(0,1fr)}.ev .k{display:none}}@media (max-width:560px){.brand{gap:5px;font-size:17px}.brand svg{width:25px}.top-actions .btn{padding:7px 6px;font-size:11px}.top-actions [data-act=lab-mode]{display:none}.acts{grid-template-columns:1fr 1fr}.tabs{padding-left:4px;padding-right:4px}.tabs button{padding-left:8px;padding-right:8px;font-size:12px}.conseq .chain{flex:100%}.keyrow{gap:5px}.keyrow>span{min-width:48px;font-size:11px}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:#ffffff4d;--muted:#c4cde6;--faint:#a3afcb}}.label-short{display:none}.overlay-row{scrollbar-width:none;flex:none;gap:6px;padding:0 10px 6px;display:none;overflow-x:auto}.overlay-row .btn{flex:none}.menu{position:relative}.menu summary{padding:6px 8px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-pop{border:1px solid var(--line2);z-index:40;background:#10162e;border-radius:12px;gap:1px;min-width:280px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 60px #000000a6}.menu-pop button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13px}.menu-pop button:hover{background:#ffffff12}.menu-pop hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}kbd{font:11.5px var(--font-mono);background:var(--raise);border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;padding:0 5px}details.sec summary{padding:4px 0}.stage-cam{z-index:4;position:absolute;top:10px;right:10px}.cam{position:relative}.cam summary{background:#070a14d1;list-style:none}.cam>div{background:var(--bg2);border:1px solid var(--line2);border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:4px;width:290px;padding:8px;display:flex;position:absolute;top:40px;right:0}.cam .zoom{gap:4px;display:inline-flex}@media (max-width:920px){.stage-cam{display:none}}.skip{z-index:100;background:var(--lantern);color:#1b1205;border-radius:8px;padding:8px 12px;font-weight:600;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.eyebrow,.conseq .lab,.term-title b,.src,.sec h4{font-family:var(--font-label)}