:root{--bg:#070a14;--bg2:#0b1020;--panel:#0d1223e6;--panel2:#111830;--raise:#172040;--line:#ffffff1a;--line2:#ffffff2e;--text:#e8edf9;--muted:#98a5c6;--faint:#6c7898;--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:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--topbar:54px;--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:radial-gradient(1200px 600px at 20% -10%, #17163a 0%, transparent 60%), 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{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;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:999px;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]{background:var(--lantern);color:#1b1205;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:9px;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) 392px;min-height:0;display:grid}.left{flex-direction:column;min-width:0;min-height:0;display:flex}.side{border-left:1px solid var(--line);background:linear-gradient(180deg, var(--bg2), var(--bg));flex-direction:column;min-height:0;display:flex}.stage-wrap{flex:auto;justify-content:center;align-items:center;min-height:240px;padding:10px 12px 4px;display:flex;position:relative}.stage{aspect-ratio:16/9;border:1px solid var(--line2);background:#0a0e22;border-radius:16px;width:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000008c;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{border:1px solid var(--line);max-width:min(60%,560px);color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a14c7;border-radius:10px;padding:7px 11px;font-size:12.5px;position:absolute;bottom:10px;left:12px}.stage-legend b{color:var(--text);font-weight:650}.stage-legend .metaphor{color:var(--lantern)}.stage-tools{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.caption{border:1px solid var(--runtime);background:#18122cf0;border-radius:14px;align-items:flex-start;gap:10px;max-width:min(78%,640px);padding:9px 14px;font-size:14.5px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.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%);position:absolute;top:24px;left:26px}.predict{border:1px solid var(--lantern);background:#0e1226f7;border-radius:14px;width:100%;max-height:72vh;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:1px solid var(--line);scrollbar-width:thin;background:#ffffff08;border-radius:10px;flex:none;align-items:center;gap:8px;min-height:40px;margin:0 12px 6px;padding:7px 10px;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(140px,24vh,300px);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}.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}.scrub{align-items:center;gap:10px;display:flex}.scrub input[type=range]{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);flex-direction:column;font-size:12.5px;display:flex}.term-out{white-space:pre-wrap;word-break:break-word;flex:1;padding:8px 14px;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);background:#00000040;flex:none;padding:7px 14px 9px}.term-line{align-items:center;gap:8px;display:flex}.term-line .ps{color:var(--lantern)}.term-line input{font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width: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 dashed var(--line2);color:var(--muted);font:12px var(--font-mono);background:0 0;border-radius:999px;padding:2px 10px}.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:14px 16px 24px}.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:linear-gradient(#131a36,#0c1124);border-radius:18px;width:min(760px,100%);max-height:min(92dvh,820px);padding:26px 28px;position:relative;overflow:auto;box-shadow:0 30px 120px #000000b3}.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:15.5px;line-height:1.6}.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)}.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{position:absolute;top:7px;right:8px}.keyrow{align-items:center;gap:8px;margin:6px 0;display:flex}.keyrow code{border:1px solid var(--line2);white-space:nowrap;background:#070b16;border-radius:8px;flex:1;padding:8px 10px;font-size:12.5px;overflow-x:auto}.status{gap:8px;margin:12px 0;display:grid}.status .row{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.status .row b{min-width:120px;font-weight:600}.promise{color:#d9f5de;background:#7ee7870f;border:1px solid #7ee78759;border-radius:12px;margin:12px 0;padding:10px 14px;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}.main{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:920px){html,body{height:auto;overflow:auto}.left{display:contents}.main{flex-direction:column;display:flex}.stage-wrap{order:1}.overlay-row{display:flex}.stage-tools{display:none}.app{height:auto;min-height:100dvh;display:block}.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px;position:sticky;top:0}.levels{display:none}.level-range{width:100%;color:var(--muted);order:3;align-items:center;gap:8px;font-size:12.5px;display:flex}.level-range input{accent-color:var(--lantern);flex:1}.brand small{display:none}.stage-wrap{padding:8px 8px 4px}.stage-legend{display:none}.predict-slot{order:2;width:auto;padding:0 10px 8px;position:static}.overlay-row{order:3}#consequence{order:4}.side{order:5}.dock{order:6}.side{border-left:0;border-top:1px solid var(--line)}.dock{height:auto;min-height:260px}.panel{max-height:60vh}.top-actions .label{display:none}.top-actions .label-short{display:inline}.caption{font-size:13px;bottom:8px}.modal{padding:20px 18px}.modal h1{font-size:26px}}@media (max-width:560px){.acts{grid-template-columns:1fr 1fr}.conseq{margin:0 8px 6px}}.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{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a14b3;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;display:flex}.cam .zoom{border-left:1px solid var(--line);gap:2px;margin-left:4px;padding-left:6px;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}
