:root{--bg:#06101d;--panel:#0d1a2b;--panel2:#11243a;--line:#263d5d;--text:#eef7ff;--muted:#a7bad0;--cyan:#70e6ff;--mint:#8ff2bd;--gold:#ffe29a;--rose:#ffadb7;--blue:#7eb9ff;--max:1320px;--shadow:0 18px 55px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% 0,#173e68 0,transparent 34rem),radial-gradient(circle at 0 42%,#0c3b42 0,transparent 32rem),var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}a{color:var(--cyan)}button,input,select{font:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 22px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.7rem;z-index:40}
header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(6,16,29,.91);backdrop-filter:blur(14px)}.bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:900;text-decoration:none;color:var(--text)}.nav{display:flex;gap:13px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a:focus{color:var(--text)}
.hero{padding:78px 0 40px}.eyebrow{color:var(--cyan);font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,6.5vw,6rem);line-height:.96;letter-spacing:-.05em;max-width:1120px;margin:.28em 0}.lead{font-size:clamp(1.05rem,2vw,1.31rem);color:var(--muted);max-width:980px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover,.button:focus-visible{transform:translateY(-1px);border-color:#4b6d99}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#03111c;font-weight:850}.button.secondary{background:rgba(255,255,255,.03)}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}.fact{border:1px solid var(--line);background:rgba(14,31,51,.84);border-radius:16px;padding:17px;box-shadow:var(--shadow)}.fact strong{font-size:1.52rem;display:block}.fact span{font-size:.84rem;color:var(--muted)}
section{padding:46px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px}.section-head h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.05;margin:0}.sub,.muted{color:var(--muted)}.sub{max-width:900px;margin:.55rem 0 0}.spaced{margin-top:34px}.status{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:.74rem;white-space:nowrap}.status.live{color:var(--mint)}.status.hold{color:var(--gold)}.status.theory{color:var(--cyan)}.status.frontier{color:var(--rose)}
.studio-toolbar{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(420px,1.45fr) auto;gap:14px;align-items:end;margin:24px 0 14px}.studio-toolbar label,.fields label{display:grid;gap:5px;color:var(--muted);font-size:.79rem}.toolbar-buttons,.view-switch{display:flex;gap:8px;flex-wrap:wrap}.view-switch{justify-content:flex-end}.chip{border:1px solid var(--line);border-radius:999px;background:#081523;color:var(--muted);padding:8px 12px;cursor:pointer}.chip.active{color:#03111c;background:var(--cyan);border-color:var(--cyan)}input,select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#081523;color:var(--text)}input[type=checkbox]{width:auto}input[type=range]{padding:0;border:0;accent-color:var(--cyan)}output{font-variant-numeric:tabular-nums;color:var(--cyan)}
.mission-banner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid var(--line);background:linear-gradient(100deg,rgba(112,230,255,.09),rgba(143,242,189,.04));border-radius:18px;padding:18px 20px;margin:14px 0}.mission-banner strong{font-size:1.18rem}.mission-banner p{margin:.25rem 0 0;color:var(--muted)}.residual-orb{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--gold);box-shadow:0 0 32px rgba(255,226,154,.11);font-variant-numeric:tabular-nums}.residual-orb span{display:block;font-size:1.35rem;font-weight:900;line-height:1}.residual-orb small{display:block;color:var(--muted);font-size:.64rem}
.studio-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(290px,.8fr);gap:14px}.graph-shell,.inspector,.timeline-shell,.live-panel,.tool,.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(17,36,58,.96),rgba(9,22,38,.96));box-shadow:var(--shadow)}.graph-shell{padding:16px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:10px}.panel-head h3,.live-panel h3,.inspector h3,.tool h3{margin:.25rem 0}.legend{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.72rem;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.unknown{background:#6f829b}.dot.learning{background:var(--gold)}.dot.verified{background:var(--mint)}.dot.recommended{background:var(--rose)}
.graph-stage{position:relative;height:560px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(112,230,255,.06),transparent 35%),#07131f;touch-action:none;user-select:none}.graph-stage svg{width:100%;height:100%;display:block;cursor:grab}.graph-stage.dragging svg{cursor:grabbing}.graph-help{position:absolute;left:10px;bottom:8px;border:1px solid var(--line);background:rgba(6,16,29,.84);border-radius:9px;padding:5px 8px;color:var(--muted);font-size:.68rem;pointer-events:none}.graph-edge{stroke:#344b69;stroke-width:2;opacity:.8}.graph-edge.active{stroke:var(--cyan);stroke-width:3}.graph-edge.frontier{stroke:var(--rose);stroke-dasharray:7 5}.node{cursor:pointer;outline:none}.node .halo{fill:transparent;stroke:transparent;stroke-width:8}.node .core{fill:#10243a;stroke:#6f829b;stroke-width:2}.node text{fill:var(--text);font-size:13px;font-weight:720;text-anchor:middle;pointer-events:none}.node .subtext{fill:var(--muted);font-size:10px;font-weight:500}.node.learning .core{stroke:var(--gold);fill:rgba(255,226,154,.09)}.node.verified .core{stroke:var(--mint);fill:rgba(143,242,189,.10)}.node.recommended .halo{stroke:var(--rose);opacity:.8}.node.selected .core{stroke:var(--cyan);stroke-width:4}.node.simulating .halo{stroke:var(--cyan);opacity:1;animation:pulse 1s infinite}.node:hover .core,.node:focus .core{filter:brightness(1.15)}@keyframes pulse{50%{stroke-width:16;opacity:.15}}
.inspector{padding:18px;min-height:560px;position:relative}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.pill{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:.72rem;color:var(--muted);cursor:pointer}.pill.good{color:var(--mint);border-color:#3d8065}.pill.warn{color:var(--gold);border-color:#8a6f38}.inspector-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0}.gate{border-left:4px solid var(--gold);background:rgba(255,226,154,.07);padding:10px 12px;margin:12px 0;font-size:.82rem}.gate.good{border-left-color:var(--mint);background:rgba(143,242,189,.07)}.mini-ledger{display:grid;gap:7px;margin-top:12px;max-height:260px;overflow:auto}.evidence-mini{border:1px solid var(--line);border-radius:10px;padding:9px;font-size:.77rem}.evidence-mini strong{display:block}.evidence-mini span{color:var(--muted)}
.timeline-shell{padding:16px;margin-top:14px}.mission-path{display:flex;gap:8px;overflow:auto;padding:4px 2px 8px}.path-step{min-width:155px;border:1px solid var(--line);border-radius:12px;background:#081523;padding:10px;cursor:pointer}.path-step strong{display:block;font-size:.83rem}.path-step span{font-size:.69rem;color:var(--muted)}.path-step.learning{border-color:#8a6f38}.path-step.verified{border-color:#3d8065}.path-step.recommended{box-shadow:inset 0 0 0 2px var(--rose)}
.live-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.live-panel{padding:18px;min-height:390px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fields .full{grid-column:1/-1}.checkline{display:flex!important;align-items:center;gap:8px}.evidence-list,.event-stream{display:grid;gap:7px;margin-top:12px;max-height:220px;overflow:auto}.ledger-row,.event-row{border:1px solid var(--line);border-radius:10px;padding:9px;font-size:.76rem;background:#081523}.ledger-row strong,.event-row strong{display:block}.ledger-row span,.event-row span{color:var(--muted)}.frontier-board{display:grid;gap:9px}.frontier-card{border:1px solid var(--line);border-radius:12px;padding:11px;background:#081523;cursor:pointer}.frontier-card.reachable{border-color:#3d8065}.frontier-card strong{display:flex;justify-content:space-between;gap:10px}.frontier-card p{margin:.25rem 0;color:var(--muted);font-size:.78rem}.distance{font-variant-numeric:tabular-nums;color:var(--cyan)}.live-oak{margin-top:14px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:22px}.card{grid-column:span 4;padding:19px;min-height:200px}.card.full{grid-column:1/-1}.card h3{margin:.4rem 0}.card p,.card li{color:var(--muted)}.lab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.tool{padding:20px}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.84rem}.result{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#07131f;min-height:68px;white-space:pre-wrap}.result.good{border-color:#3d8065}.result.warn{border-color:#8a6f38}.court-stack{margin-top:20px}.court-stack summary{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel);font-weight:800}
.oak{border-left:4px solid var(--gold);padding:16px 19px;background:rgba(255,226,154,.07);margin-top:20px}.invariants{columns:2;column-gap:28px}.invariants li{break-inside:avoid;margin:.3rem 0;color:var(--muted)}.debt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.debt article{border:1px solid var(--line);border-radius:14px;padding:15px;background:rgba(13,26,43,.8)}.debt p{color:var(--muted)}.provenance{overflow:auto;border:1px solid var(--line);border-radius:15px;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}footer{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--muted)}
@media(max-width:1080px){.studio-toolbar{grid-template-columns:1fr}.view-switch{justify-content:flex-start}.studio-grid{grid-template-columns:1fr}.inspector{min-height:0}.live-panels{grid-template-columns:1fr 1fr}.live-panel:last-child{grid-column:1/-1}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.card{grid-column:span 6}}
@media(max-width:760px){.nav{display:none}.hero{padding-top:54px}.hero h1{font-size:3rem}.facts,.live-panels,.fields,.lab{grid-template-columns:1fr}.live-panel:last-child{grid-column:auto}.graph-stage{height:450px}.panel-head{flex-direction:column}.mission-banner{grid-template-columns:1fr}.residual-orb{width:64px;height:64px}.card{grid-column:1/-1}.invariants{columns:1}.toolbar-buttons{display:grid}.toolbar-buttons .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.node.simulating .halo{animation:none}.button{transition:none}}