:root{--color-paper:oklch(98.5% .004 250);--color-paper-2:oklch(95.8% .008 250);--color-paper-3:oklch(92.5% .011 250);--color-ink:oklch(24% .02 258);--color-ink-2:oklch(34% .018 257);--color-muted:oklch(53% .015 256);--color-rule:oklch(87% .01 252);--color-rule-2:oklch(74% .015 253);--color-accent:oklch(58% .2 256);--color-accent-ink:oklch(99% .002 250);--color-focus:oklch(45% .2 256);--color-graphite:oklch(22% .016 260);--color-graphite-2:oklch(29% .018 260);--color-light-ink:oklch(93% .008 250);--color-pass:oklch(49% .12 151);--color-fail:oklch(54% .18 25);--color-warning:oklch(63% .15 78);--font-display:"Space Grotesk", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:clamp(1.9rem, 3vw, 3.2rem);--text-display:clamp(2.3rem, 5vw, 5.5rem);--radius-sm:.375rem;--radius-md:.625rem;--rule:1px;--dur-fast:.14s;--dur-base:.24s;--dur-slow:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{background:var(--color-paper);color:var(--color-ink);margin:0;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button:active{transform:translateY(1px)}.loading{min-height:100dvh;color:var(--color-muted);font-family:var(--font-mono);place-items:center;display:grid}.app-shell{grid-template-columns:12.5rem minmax(0,1fr);min-height:100dvh;display:grid}.rail{gap:var(--space-md);height:100dvh;padding:var(--space-md);border-inline-end:var(--rule) solid var(--color-rule);background:var(--color-paper);flex-direction:column;display:flex;position:sticky;inset-block-start:0}.wordmark{border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;width:3rem;height:3rem;transition-property:border-color,background-color,scale;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);place-items:center;padding:.28rem;display:grid}.wordmark img{object-fit:contain;width:100%;height:100%;display:block}.rail-line{height:var(--rule);background:var(--color-rule)}.rail nav{gap:var(--space-2xs);display:grid}.rail-item{border:0;width:100%;min-height:2.75rem;color:var(--color-muted);cursor:pointer;text-align:start;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border-inline-start:2px solid #0000;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;padding:0;display:grid}.rail-item b{font:500 var(--text-xs)/1 var(--font-mono);letter-spacing:.04em;padding-inline-start:var(--space-sm)}.rail-item span{font-size:var(--text-sm);white-space:nowrap}.rail-item.is-active{border-inline-start-color:var(--color-accent);background:var(--color-paper-2);color:var(--color-ink)}.workspace{min-width:0}.topbar{justify-content:space-between;align-items:end;gap:var(--space-xl);padding:var(--space-xl) var(--space-xl) var(--space-lg);border-block-end:var(--rule) solid var(--color-rule);display:flex}.topbar h1,h2,h3,p{margin:0}.topbar h1{font:600 var(--text-xl)/1 var(--font-display);letter-spacing:-.04em}.project-subtitle{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-xs)}.eyebrow{color:var(--color-muted);font:500 var(--text-xs)/1.3 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin-block-end:var(--space-xs)}.topbar-actions{align-items:center;gap:var(--space-md);display:flex}.machine{color:var(--color-muted);font:600 var(--text-base)/1 var(--font-mono);white-space:nowrap}.machine i{width:.45rem;height:.45rem;background:var(--color-pass);border-radius:50%;margin-inline-end:var(--space-xs);display:inline-block}.github-link{min-height:2.5rem;padding-inline:var(--space-sm);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);color:var(--color-ink);font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:.02em;transition-property:background-color,border-color,color,scale;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);place-items:center;text-decoration:none;display:inline-grid}.github-link:active{scale:.96}.view{min-width:0;padding:var(--space-xl)}.overview-intro,.section-heading{display:block}.overview-intro h2,.section-heading h2{overflow-wrap:anywhere;font:600 var(--text-2xl)/1.02 var(--font-display);letter-spacing:-.055em}.overview-intro>p,.section-heading>p{max-width:42ch;color:var(--color-ink-2);font-size:var(--text-sm)}.summary-strip{margin-block:var(--space-xl);border-block:var(--rule) solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{min-width:0;padding:var(--space-md);border-inline-end:var(--rule) solid var(--color-rule)}.metric:first-child{padding-inline-start:0}.metric:last-child{border:0}.metric span,.metric small{color:var(--color-muted);font:500 var(--text-xs)/1.35 var(--font-mono);letter-spacing:.03em;text-transform:uppercase;display:block}.metric strong{margin-block:var(--space-xs);overflow-wrap:anywhere;font:600 var(--text-lg)/1.08 var(--font-display);letter-spacing:-.04em;display:block}.metric small{font-family:var(--font-body);letter-spacing:0;text-transform:none}.overview-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) 23rem;align-items:start;display:grid}.atlas-head{justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-mono);letter-spacing:.06em;margin-block-end:var(--space-sm);display:flex}.shape-board{border-block-start:2px solid var(--color-ink);border-inline-start:var(--rule) solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.board-shape{align-items:center;gap:var(--space-sm);min-width:0;min-height:4.4rem;padding:var(--space-sm);border:0;border-inline-end:var(--rule) solid var(--color-rule);border-block-end:var(--rule) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);cursor:pointer;text-align:start;transition-property:background-color,color,scale;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);grid-template-columns:2.2rem minmax(0,1fr) auto;display:grid}.board-shape b{font:600 var(--text-2xl)/1 var(--font-display);letter-spacing:-.07em}.board-shape span,.board-shape small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-shape span{font:500 var(--text-xs)/1.2 var(--font-mono)}.board-shape small{color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-mono)}.board-shape.is-selected{background:var(--color-paper-2);outline:2px solid var(--color-accent);outline-offset:-2px}.legend{margin-block-start:var(--space-md);display:flex}.legend button{color:var(--color-accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-inline-start:auto;padding:0}.inspector{min-width:0;padding:var(--space-lg);border:var(--rule) solid var(--color-rule);border-block-start:2px solid var(--color-ink);background:var(--color-paper);animation:inspector-enter .28s var(--ease-out) both}.inspector-top{justify-content:space-between;align-items:start;display:flex}.inspector-top>span{aspect-ratio:1;border:var(--rule) solid var(--color-rule-2);width:2.5rem;font:600 var(--text-base)/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.inspector h3{font:600 var(--text-xl)/1.05 var(--font-display);letter-spacing:-.05em;margin-block-end:var(--space-md)}.dimensions{gap:var(--space-xs);padding-block:var(--space-sm);border-block:var(--rule) solid var(--color-rule);flex-wrap:wrap;display:flex}.dimensions span{padding:var(--space-2xs) var(--space-xs);background:var(--color-paper-2);color:var(--color-ink-2);font:500 var(--text-xs)/1 var(--font-mono)}.inspector-results{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.inspector-results .metric{padding-inline:var(--space-sm);padding-block:var(--space-md);border-block-end:var(--rule) solid var(--color-rule)}.inspector-results .metric:nth-child(odd){padding-inline-start:0}.inspector-results .metric:nth-child(2n){border-inline-end:0}.compare-lines{margin-block:var(--space-md)}.compare-lines p{justify-content:space-between;gap:var(--space-sm);padding-block:var(--space-xs);border-block-end:var(--rule) solid var(--color-rule);color:var(--color-muted);font:500 var(--text-xs)/1.4 var(--font-mono);display:flex}.compare-lines b{color:var(--color-ink);font-weight:500}.chosen{padding-block:var(--space-md);border-block-end:var(--rule) solid var(--color-rule)}.chosen>p:not(.eyebrow){color:var(--color-ink-2);font-size:var(--text-sm);margin-block-start:var(--space-sm)}.status{border-radius:var(--radius-sm);width:fit-content;font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:.04em;white-space:nowrap;align-items:center;padding:.3rem .45rem;display:inline-flex}.status--pass,.status--keep{background:color-mix(in oklch, var(--color-pass) 14%, var(--color-paper));color:var(--color-pass)}.status--fail,.status--reject{background:color-mix(in oklch, var(--color-fail) 12%, var(--color-paper));color:var(--color-fail)}.status--neutral{background:var(--color-paper-2);color:var(--color-ink-2)}.shape-picker{gap:var(--space-xs);margin-block:var(--space-xl) var(--space-md);flex-wrap:wrap;display:flex}.shape-picker button{min-height:2.5rem;padding:0 var(--space-sm);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;font:500 var(--text-xs)/1 var(--font-mono);white-space:nowrap}.shape-picker button.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.pipeline{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-graphite);color:var(--color-light-ink);font:500 var(--text-xs)/1 var(--font-mono);flex-wrap:wrap;display:flex}.pipeline i{color:var(--color-accent);font-style:normal}.history-context{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-block:var(--space-md);padding-block:var(--space-sm);border-block-end:var(--rule) solid var(--color-rule);color:var(--color-ink-2);font-size:var(--text-sm);display:flex}.history-context b{color:var(--color-ink)}.history-context button{min-height:2.5rem;padding:0 var(--space-sm);border:var(--rule) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-accent);cursor:pointer;white-space:nowrap}.experiment-list{border-block:var(--rule) solid var(--color-rule)}.experiment-row{gap:var(--space-lg);padding:var(--space-lg) 0;border-block-end:var(--rule) solid var(--color-rule);grid-template-columns:9rem minmax(0,1fr);display:grid}.experiment-row:last-child{border:0}.experiment-index{align-content:start;gap:var(--space-sm);display:grid}.experiment-index>span{font:600 var(--text-lg)/1 var(--font-display);letter-spacing:-.04em}.experiment-copy{min-width:0}.experiment-hypothesis{font:600 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.03em}.experiment-copy p:not(.experiment-hypothesis){color:var(--color-ink-2);font-size:var(--text-sm);margin-block-start:var(--space-sm)}.experiment-copy b{color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-mono);letter-spacing:.03em;text-transform:uppercase}.lesson{color:var(--color-muted)!important}.empty{padding:var(--space-xl) 0;color:var(--color-muted)}.policy-grid{gap:var(--space-xl);margin-block-start:var(--space-xl);display:grid}.policy-lane{border-block-start:2px solid var(--color-ink)}.policy-lane header{gap:var(--space-md);padding-block:var(--space-md);border-block-end:var(--rule) solid var(--color-rule);grid-template-columns:12rem 2rem minmax(0,1fr);align-items:center;display:grid}.policy-lane header span{color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.policy-lane header i{color:var(--color-accent);font-style:normal}.policy-lane header strong{font:500 var(--text-base)/1.2 var(--font-display);letter-spacing:-.02em}.policy-shapes{gap:var(--space-xs);padding-block:var(--space-sm);flex-wrap:wrap;display:flex}.policy-shapes button{border:var(--rule) solid var(--color-rule-2);background:var(--color-paper);cursor:pointer;border-radius:50%;width:3rem;min-height:3rem;padding:0}.policy-shapes b{font:600 var(--text-lg)/1 var(--font-display);letter-spacing:-.06em}.shape14-outcome{align-items:center;gap:var(--space-md);margin-block:var(--space-xl);padding:var(--space-md);border-block:2px solid var(--color-ink);grid-template-columns:auto repeat(3,minmax(0,1fr));display:grid}.shape14-outcome .metric{padding:0 var(--space-md)}.shape14-outcome p{border-block-start:var(--rule) solid var(--color-rule);color:var(--color-ink-2);font-size:var(--text-sm);grid-column:1/-1;padding-block-start:var(--space-sm)}.stage-list{gap:var(--space-md);display:grid}.stage{gap:var(--space-lg);padding:var(--space-lg);border:var(--rule) solid var(--color-rule-2);border-inline-start:3px solid var(--color-accent);grid-template-columns:4rem minmax(0,1fr) auto;align-items:start;display:grid}.stage--fail{border-inline-start-color:var(--color-fail)}.stage-number{color:var(--color-muted);font:600 var(--text-2xl)/1 var(--font-display);letter-spacing:-.07em;animation:stage-step 3s var(--ease-in-out) infinite;display:inline-block}.stage:nth-of-type(2) .stage-number{animation-delay:.65s}.stage:nth-of-type(3) .stage-number{animation-delay:1.3s}.stage h3{font:600 var(--text-xl)/1.08 var(--font-display);letter-spacing:-.045em}.stage p:not(.eyebrow){max-width:75ch;color:var(--color-ink-2);font-size:var(--text-sm);margin-block-start:var(--space-sm)}.stage--final{border:2px solid var(--color-ink);border-inline-start:3px solid var(--color-pass)}.story-transition{gap:var(--space-sm);color:var(--color-muted);font:500 var(--text-xs)/1.3 var(--font-mono);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:5rem;display:grid}.story-transition b{color:var(--color-accent);font:500 var(--text-xl)/1 var(--font-display);text-shadow:0 0 .7rem color-mix(in oklch, var(--color-accent) 36%, transparent);animation:flow-signal 2.8s var(--ease-in-out) infinite}.story-transition+.stage+.story-transition b{animation-delay:.7s}.execution-flow{align-items:center;gap:var(--space-xs);color:var(--color-ink-2);font:500 var(--text-xs)/1.3 var(--font-mono);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.execution-flow span{padding:var(--space-xs);background:var(--color-paper-2)}.execution-flow b{color:var(--color-accent);text-shadow:0 0 .7rem color-mix(in oklch, var(--color-accent) 36%, transparent);animation:flow-signal 2.8s var(--ease-in-out) infinite;font-weight:500}.execution-flow b:nth-of-type(2){animation-delay:.7s}.precision-bar{gap:var(--space-xl);padding:var(--space-xl);background:var(--color-graphite);color:var(--color-light-ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-block-start:var(--space-xl);display:grid}.precision-bar h3{font:600 var(--text-xl)/1.05 var(--font-display);letter-spacing:-.04em}.precision-bar p:not(.eyebrow){max-width:55ch;color:color-mix(in oklch, var(--color-light-ink) 78%, var(--color-graphite));font-size:var(--text-sm);margin-block-start:var(--space-sm)}.precision-bar .eyebrow{color:var(--color-accent)}.mono{font-family:var(--font-mono);font-size:var(--text-xs)!important}.reveal{animation:view-enter .28s var(--ease-out) both}.reveal.is-in{opacity:1;transform:none}@keyframes view-enter{0%{opacity:0;filter:blur(4px);transform:translateY(1rem)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes inspector-enter{0%{opacity:0;filter:blur(6px);transform:translateY(1rem)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes stage-step{0%,66%,to{opacity:.48;scale:1}76%{opacity:1;color:var(--color-accent);scale:1.18}}@keyframes flow-signal{0%,68%,to{opacity:.58;scale:1}80%{opacity:1;scale:1.3}}@media (hover:hover) and (pointer:fine){.board-shape:hover{scale:1.012}}.board-shape:active,.wordmark:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.wordmark:hover{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 6%, var(--color-paper))}.rail-item:hover,.board-shape:hover,.policy-shapes button:hover,.history-context button:hover{background:var(--color-paper-2)}.github-link:hover{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 8%, var(--color-paper));color:var(--color-accent)}}@media (width<=72rem){.overview-layout{grid-template-columns:minmax(0,1fr) 20rem}.shape-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=60rem){.app-shell{display:block}.rail{z-index:3;height:auto;padding:var(--space-xs) var(--space-md);border-inline-end:0;border-block-end:var(--rule) solid var(--color-rule);flex-direction:row;align-items:center;position:sticky}.wordmark{width:2.5rem;height:2.5rem}.rail-line{width:var(--rule);height:1.5rem}.rail nav{flex:1;display:flex;overflow-x:auto}.rail-item{width:auto;min-width:3.4rem;padding:0 var(--space-xs);border-block-end:2px solid #0000;border-inline-start:0;display:flex}.rail-item.is-active{border-inline-start-color:#0000;border-block-end-color:var(--color-accent)}.rail-item b{padding:0}.rail-item span{display:none}.topbar,.view{padding-inline:var(--space-lg)}.overview-intro,.section-heading,.precision-bar,.overview-layout{grid-template-columns:minmax(0,1fr)}.shape-board,.shape14-outcome{grid-template-columns:repeat(2,minmax(0,1fr))}.shape14-outcome .status{grid-column:1/-1}.stage{grid-template-columns:3rem minmax(0,1fr)}.stage>.status{grid-column:2}.story-transition{padding-inline:3rem}.policy-lane header{grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr)}}@media (width<=40rem){.topbar{align-items:start;gap:var(--space-md);padding:var(--space-md);flex-direction:column}.topbar-actions{flex-wrap:wrap}.view{padding:var(--space-md)}.summary-strip{margin-inline:calc(var(--space-md) * -1);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.summary-strip .metric{padding-inline:var(--space-md)}.summary-strip .metric:nth-child(2){border-inline-end:0}.summary-strip .metric:nth-child(3){padding-inline-start:var(--space-md)}.shape-board{grid-template-columns:minmax(0,1fr)}.board-shape{min-height:3.75rem}.legend button{margin-inline-start:0}.history-context{align-items:start;gap:var(--space-sm);flex-direction:column}.experiment-row{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.experiment-index{grid-auto-flow:column;justify-content:start;align-items:center}.pipeline{gap:var(--space-xs)}.pipeline i{display:none}.policy-lane header{grid-template-columns:minmax(0,1fr)}.policy-lane header i{display:none}.shape14-outcome{grid-template-columns:minmax(0,1fr)}.shape14-outcome .metric{padding:var(--space-sm) 0;border-block-end:var(--rule) solid var(--color-rule);border-inline-end:0}.stage{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.stage>.status{grid-column:1}.story-transition{padding-inline:0}.precision-bar{padding:var(--space-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}