:root{--bg: #02040a;--bg-2: #060a16;--glass: rgba(9, 14, 28, .58);--glass-strong: rgba(8, 12, 24, .82);--glass-hi: rgba(255, 255, 255, .04);--line: rgba(140, 200, 255, .13);--line-strong: rgba(140, 200, 255, .28);--text: #e8f0ff;--text-2: #b6c3dd;--muted: #8592b0;--faint: #4a5672;--cyan: #5ce1ff;--cyan-dim: rgba(92, 225, 255, .18);--amber: #ffb547;--amber-dim: rgba(255, 181, 71, .16);--violet: #b48cff;--violet-dim: rgba(180, 140, 255, .16);--green: #4ff0b0;--red: #ff5f7a;--obs: #5ce1ff;--derived: #7ea8ff;--assumed: #ffb547;--simulated: #4ff0b0;--illustrative: #9aa6c2;--generated: #ff7ad9;--font: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Orbitron", "Space Grotesk", sans-serif;--r: 14px;--r-sm: 9px;--shadow: 0 18px 60px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .05);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--cyan-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#8cc8ff29;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--mono);font-feature-settings:"zero" 1}.display{font-family:var(--display);letter-spacing:.08em}.muted{color:var(--muted)}.faint{color:var(--faint)}.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);position:relative}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.05),transparent 38%)}.brackets{position:relative}.brackets:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(var(--cyan),var(--cyan)) top left / 14px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) top left / 1px 14px no-repeat,linear-gradient(var(--cyan),var(--cyan)) bottom right / 14px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) bottom right / 1px 14px no-repeat;opacity:.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:10px;border:1px solid var(--line);background:#ffffff09;color:var(--text-2);font-weight:500;letter-spacing:.01em;transition:all .18s var(--ease);white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--line-strong);background:#8cc8ff14;color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.icon{width:34px;padding:0}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:8px}.btn.sm.icon{width:28px;padding:0}.btn.primary{border-color:#5ce1ff80;background:linear-gradient(180deg,#5ce1ff38,#5ce1ff14);color:#eafcff;box-shadow:0 0 24px #5ce1ff2e,inset 0 1px #ffffff26}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#5ce1ff52,#5ce1ff1f);box-shadow:0 0 34px #5ce1ff4d,inset 0 1px #fff3}.btn.amber{border-color:#ffb54780;background:linear-gradient(180deg,#ffb5473d,#ffb54712);color:#fff3df;box-shadow:0 0 24px #ffb54729}.btn.violet{border-color:#b48cff80;background:linear-gradient(180deg,#b48cff3d,#b48cff12);color:#f3ecff;box-shadow:0 0 24px #b48cff29}.btn.ghost{border-color:transparent;background:transparent}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.h-title{font-size:17px;font-weight:600;letter-spacing:.01em}.chip{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:999px;border:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:#ffffff08;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.chip.observed{color:var(--obs);border-color:#5ce1ff4d}.chip.derived{color:var(--derived);border-color:#7ea8ff4d}.chip.assumed{color:var(--assumed);border-color:#ffb5474d}.chip.simulated{color:var(--simulated);border-color:#4ff0b04d}.chip.illustrative{color:var(--illustrative);border-color:#9aa6c24d}.chip.generated{color:var(--generated);border-color:#ff7ad94d}.field{display:flex;flex-direction:column;gap:6px}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.field-label{font-size:12.5px;color:var(--text-2)}.field-value{font-family:var(--mono);font-size:12.5px;color:var(--text)}.text-input{height:34px;border-radius:10px;border:1px solid var(--line);background:#00000047;padding:0 11px;outline:none;transition:border-color .15s;width:100%}.text-input:focus{border-color:#5ce1ff8c;box-shadow:0 0 0 3px #5ce1ff1a}select.text-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}select.text-input option{background:#0b1222}input[type=range].slider{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;--fill: 50%;--accent: var(--cyan)}input[type=range].slider::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0,var(--accent) var(--fill),rgba(140,200,255,.14) var(--fill))}input[type=range].slider::-moz-range-track{height:4px;border-radius:4px;background:#8cc8ff24}input[type=range].slider::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#f5fbff;border:2px solid var(--accent);box-shadow:0 0 12px var(--accent);transition:transform .12s}input[type=range].slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#f5fbff;border:2px solid var(--accent);box-shadow:0 0 12px var(--accent)}input[type=range].slider:hover::-webkit-slider-thumb{transform:scale(1.18)}.toggle{position:relative;width:36px;height:20px;border-radius:20px;border:1px solid var(--line-strong);background:#0000004d;transition:all .2s;flex:none}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:all .2s var(--ease)}.toggle.on{background:var(--cyan-dim);border-color:#5ce1ff99}.toggle.on:after{left:18px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:12px 0}.scroll{overflow-y:auto;overscroll-behavior:contain}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:10px;color:var(--text-2);background:#ffffff0a}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}