:root{color-scheme:dark;--bg:#0d131b;--panel:#131d28;--ink:#edf2e9;--muted:#a4b3b6;--line:#293b47;--mint:#b9e4c6;--gold:#e6c28a;--red:#e4a99a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 70% 2%,#17323a80,transparent 40%),var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:var(--mint);text-underline-offset:5px}button,input,select,textarea{font:inherit}button,select{border:1px solid var(--line);border-radius:6px;padding:9px 14px;color:var(--ink);background:#172632;cursor:pointer}button:hover,a:hover{color:#fff;border-color:#a4c9b7}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--mint);color:#10261e;border-color:var(--mint);font-weight:650}input,textarea{background:#0b151e;border:1px solid var(--line);border-radius:5px;padding:10px;color:var(--ink);width:100%;min-width:0}input[type=range]{padding:0;accent-color:var(--mint)}input[type=checkbox]{width:auto;accent-color:var(--mint)}textarea{font:13px/1.5 ui-monospace,monospace;resize:vertical}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip{position:absolute;top:-70px;left:15px}.skip:focus{top:10px;background:var(--panel);z-index:10;padding:10px}header,footer{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 5%;gap:30px}header nav{display:flex;gap:26px;flex-wrap:wrap;font-size:13px}header nav a{text-decoration:none;color:var(--muted)}.brand{font:26px Georgia,serif;letter-spacing:.01em;color:var(--ink);text-decoration:none;white-space:nowrap}.brand span{display:block;font:10px system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);padding-top:4px}main{max-width:1280px;margin:auto;padding:0 36px}.intro{padding:70px 0 65px;max-width:790px}.eyebrow{text-transform:uppercase;font:10px/1.5 system-ui,sans-serif;letter-spacing:.18em;color:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(40px,6.5vw,76px);letter-spacing:-.035em}h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.025em}h3{font-size:25px}.lede{font-size:19px;line-height:1.7;color:var(--muted);max-width:680px;margin:25px 0}.text-link{display:inline-block;font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:28px}.section-heading>p{max-width:380px;color:var(--muted);font-size:14px}.lab{scroll-margin-top:25px}.example-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.example-tabs button{font-size:12px;padding:8px 12px}.example-tabs button[aria-pressed=true]{background:#263f3b;color:var(--mint);border-color:#709587}.experiment-grid{display:grid;grid-template-columns:1fr 1.08fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(125deg,#14232c,#101922)}.program-panel{padding:30px;min-width:0}.creature-panel{border-left:1px solid var(--line);min-width:0;padding:26px}.example-title{display:flex;gap:12px;align-items:baseline}.example-title>span{font:12px ui-monospace,monospace;color:var(--gold)}.question{font-size:18px;margin:20px 0}.formula{font:13px/1.75 ui-monospace,monospace;color:var(--mint);background:#0d1822;padding:14px;overflow-wrap:anywhere}.small{font-size:12px;color:var(--muted);line-height:1.7}.scenario-buttons,.run-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}.scenario-buttons>*{font-size:12px;max-width:100%}#suggestion{font-size:14px;color:var(--gold)}details{margin:18px 0;border-top:1px solid var(--line);padding-top:13px}summary{font-size:13px;cursor:pointer;color:var(--mint)}#input-fields label{display:block;font:12px ui-monospace,monospace;margin:12px 0 5px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.answer-grid article{background:#0d1720;border:1px solid var(--line);border-radius:6px;padding:14px;min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;max-height:400px;overflow:auto;color:#d5e4d9}#before-result,#after-result{font-size:13px;margin:8px 0 0;max-height:240px}.answer-caption{font-size:14px;color:var(--mint)}.view-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.view-heading h3{font-size:21px}.view-heading button{font-size:11px;padding:6px 10px}canvas{width:100%;display:block;background:radial-gradient(ellipse,#203b354a,transparent 64%);border-radius:8px}#creature{aspect-ratio:8/7}.view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted)}.view-controls input[type=range]{width:120px}.check{display:flex;align-items:center;gap:6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);padding:20px 0 0}.metrics span{display:block;color:var(--muted);font-size:10px}.metrics strong{font:17px/1.9 ui-monospace,monospace;color:var(--mint)}.trace-panel{margin:18px 0 80px;padding:24px;border:1px solid var(--line);border-radius:10px}.trace-panel .section-heading{margin-bottom:15px}.trace-panel .section-heading p{font-size:12px}.trace-list{display:flex;gap:6px;flex-wrap:wrap}.trace-list button{font:11px ui-monospace,monospace;padding:7px 10px;color:var(--muted)}.trace-list button.changed{border-color:#b4a378;color:var(--gold);background:#2b2a21}.trace-list button[aria-pressed=true]{outline:1px solid var(--mint);color:var(--mint)}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:12px;color:var(--muted);margin-top:18px}.inspector pre{margin:0}.source-experiment,.recovery,.explanation,.further{border-top:1px solid var(--line);padding:55px 0}.variant-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:13px}.variant-controls input{max-width:280px}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.variant-grid article{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;min-width:0}.variant-grid h3{font-size:22px}.variant-grid canvas{aspect-ratio:23/18}.recovery{max-width:850px}.recovery>p:not(.eyebrow){color:var(--muted);font-size:15px}.explanation{display:grid;grid-template-columns:1fr 1fr;gap:60px}.explanation h2{font-size:32px}.explanation p,.further p{font-size:15px;color:var(--muted);max-width:660px}.links{display:flex;flex-wrap:wrap;gap:25px;font-size:13px;margin-top:25px}footer{border-top:1px solid var(--line);margin-top:30px}footer p{font-size:12px;color:var(--muted);max-width:600px}svg.domain{width:100%;max-height:230px;display:block}.domain text{font:12px ui-monospace,monospace;fill:var(--ink)}.failure{color:var(--red)!important}.dim{opacity:.5}@media(max-width:850px){header{align-items:start}header nav{gap:13px}.experiment-grid{grid-template-columns:1fr}.creature-panel{border-left:0;border-top:1px solid var(--line)}.section-heading{display:block}.section-heading>p{max-width:600px}.explanation{gap:30px}.intro{padding:35px 0 45px}.creature-panel canvas{max-width:620px;margin:auto}}@media(max-width:540px){main{padding:0 16px}header,footer{padding:20px 16px;flex-direction:column;align-items:start;gap:14px}header nav{font-size:12px}.brand{font-size:23px}.intro .lede{font-size:16px}.program-panel,.creature-panel{padding:19px}.view-heading h3{font-size:19px}.example-title h3{font-size:26px}.variant-grid,.explanation,.inspector{grid-template-columns:1fr}.trace-panel{padding:18px}.answer-grid{gap:8px}.answer-grid article{padding:10px}.view-controls input[type=range]{width:110px}.variant-controls button{width:100%}.source-experiment,.recovery,.explanation,.further{padding:35px 0}button{max-width:100%}.metrics strong{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;max-width:none;padding:40px 0 50px}.intro-figure{margin:0;min-width:0}.intro-figure canvas{aspect-ratio:12/11}.intro-figure figcaption{text-align:center;font-size:10px;color:var(--muted)}@media(max-width:650px){.intro{grid-template-columns:1fr;gap:5px}.intro-figure{max-width:260px;margin:auto;width:100%}.intro .lede{margin:18px 0}.intro-figure canvas{height:200px;object-fit:contain}}

.domain text.bar-label{fill:#11251d}.domain text.chart-note{font-size:11px}

.result-story{border-left:3px solid #b9e4c6;padding:12px 16px;background:#192b30;line-height:1.65;color:var(--ink)}

#audit-scenario{max-width:100%;width:100%;font-size:12px;margin:8px 0}#current-control{display:block;margin:12px 0}#current-control[hidden]{display:none}.failure{color:var(--red)}#offspring-output{max-height:440px}