*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:1rem}body{margin:0;background:#081b23;color:#e4eeed;font:1rem/1.55 'Segoe UI',Arial,sans-serif}a{color:#a7e3d4;text-underline-offset:.25em}button,input,select,textarea{font:inherit}button,select{min-height:44px;padding:.55rem .85rem;border:1px solid #486570;border-radius:.4rem;background:#18333c;color:#e6eeee}button{cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#284c55;border-color:#a7dbcb}button:disabled{opacity:.5;cursor:default}.primary{background:#bbead7;color:#112e28;font-weight:600;border-color:#bbead7}.primary:hover:not(:disabled){background:#d3fae9;color:#112e28}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f3cd94;outline-offset:4px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:1rem max(20px,calc((100vw - 1440px)/2));border-bottom:1px solid #2e4650;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;color:#ddf0eb;font-weight:650;text-decoration:none}.brand span{font-weight:400;color:#b1c8cc;font-size:.85rem}header nav{display:flex;gap:1.2rem;font-size:.9rem}main{max-width:1480px;margin:auto;padding:1.6rem 24px 3rem}.intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;margin-bottom:1.6rem}.eyebrow{font-size:.74rem;letter-spacing:.13em;color:#9cd9ca;font-weight:600;margin:0 0 .6rem}h1{font:400 clamp(2.5rem,4vw,4.1rem)/1.05 Georgia,serif;margin:.25rem 0 .6rem;letter-spacing:-.04em}h2{font-size:1.6rem;line-height:1.25;margin:.3rem 0 .65rem}h3{font-size:1rem;margin:.3rem 0 .6rem}p{margin:0 0 .85rem}p,h1,h2,h3,a{overflow-wrap:anywhere}.subhead{font-size:1.2rem;color:#c2d3d4;margin:0}.lead{font:1.45rem/1.35 Georgia,serif;color:#e4d4b6;border-left:1px solid #546459;padding-left:1.6rem;margin:0}.lead span{display:block;margin-top:.7rem;font:.9rem/1.55 'Segoe UI',sans-serif;color:#b7ccce;max-width:480px}.chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-bottom:1.3rem}.chapters button{display:flex;gap:.7rem;align-items:center;text-align:left;font-size:.85rem;background:#102831}.chapters button span{color:#b4c9c7;font-size:.8rem}.chapters button[aria-current]{background:#b4e4d1;color:#0c302a}.chapters button[aria-current] span{color:#2e5148}.chapter-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chapter-heading p{max-width:950px;color:#bfd2d4;margin-bottom:0}.chapter-heading .eyebrow{margin-bottom:.25rem;color:#a8dccd}.quiet{background:transparent;font-size:.8rem;flex:none}.stage{display:grid;grid-template-columns:1.05fr 1fr;gap:1rem;align-items:start}.specimen-panel,.image-panel{border:1px solid #39545e;border-radius:.85rem;overflow:hidden;background:#0d252e;min-width:0}.panel-heading{padding:.6rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:60px;border-bottom:1px solid #314e57}.panel-heading h3{font-size:.85rem;font-weight:550;margin:0;color:#d1dfdf}.panel-heading span{font-size:.78rem;color:#b8c9c7}.panel-heading button{min-height:38px;padding:.35rem .65rem;font-size:.8rem}.specimen-stage{position:relative;height:350px;background:radial-gradient(ellipse at 50% 50%,#2b444b,#091b23);overflow:hidden}.specimen-stage>canvas{width:100%;height:100%}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.stage-stamp{position:absolute;left:14px;bottom:12px;pointer-events:none;font-size:.64rem;color:#d0ddd9;letter-spacing:.1em;background:#071a22b0;padding:.25rem .45rem;border-radius:.2rem}.scene-tools{display:flex;flex-wrap:wrap;gap:.4rem;padding:.65rem .8rem .3rem}.scene-tools button{min-height:38px;font-size:.77rem;padding:.4rem .6rem}#scene-status{font-size:.77rem;color:#bbced1;margin:.4rem .9rem .8rem}.image-stage{position:relative;background:#102027}#image-canvas{width:100%;height:350px;display:block;cursor:crosshair}.feature-picker{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.65rem .8rem .35rem}.feature-picker>span{font-size:.8rem;color:#c2d2d4}.feature-picker button{padding:.25rem .7rem;font-size:.8rem;min-height:36px}.feature-picker button[aria-pressed=true]{background:#ebd29e;color:#243032;border-color:#ebd29e}.feature-picker button:disabled{opacity:.55}#feature-description{font-size:.84rem;margin:.4rem .9rem .85rem;min-height:2.5em;color:#d5dfe0}.controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.4rem;padding:1.15rem;margin-top:1rem;border:1px solid #4c665e;border-radius:.75rem;background:#14302f;align-items:start}.controls label{display:flex;justify-content:space-between;font-size:.92rem;gap:.5rem;margin-bottom:.45rem}.controls output{color:#f0d29d;font-variant-numeric:tabular-nums;white-space:nowrap}.controls input{width:100%;min-height:36px;accent-color:#b7e6d3}.range-ends{display:flex;justify-content:space-between;font-size:.72rem;color:#b7cbc6}.controls select{width:100%;min-width:0}.controls p{font-size:.78rem;margin:.4rem 0 0;color:#c1d5ce}.reveal-control{display:flex;flex-direction:column;gap:.55rem}.reveal-control button{font-size:.85rem}.reveal-control button[aria-pressed=true]{background:#eed6a9;color:#1d312b}.model-note{color:#adc5c7;font-size:.78rem;margin:.7rem .2rem 1rem}.live-result{display:flex;justify-content:space-between;gap:1.2rem;border-block:1px solid #344f57;padding:.95rem 0}.live-result>p{max-width:680px;margin:0;font-size:.92rem;color:#d6e6df}#metrics{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.77rem;align-content:start}#metrics strong{font-size:1.2rem;display:block;color:#efd9ad;font-weight:550}.explain{display:grid;grid-template-columns:1.25fr 1fr;gap:2.5rem;padding:1.7rem 0}.explain article>p{color:#d6e5e2}.explain #explanation{font-size:.95rem;color:#b9cfd1}.takeaway{border-left:3px solid #a7ddc8;padding:.5rem .8rem;margin-top:1.1rem;color:#e2f1e8!important}.history{background:#102930;border:1px solid #3b575d;padding:1.1rem;border-radius:.75rem}.history ol{padding-left:1.25rem;font-size:.86rem;color:#c3d4d4}.history li{margin:.5rem 0}.history p:last-child{font-size:.86rem;color:#efd9ad;margin-bottom:0}.chapter-actions{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.method-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.method-cards article{padding:1.2rem;border:1px solid #3a545c;background:#122a33;border-radius:.6rem;font-size:.9rem}.method-cards a{display:inline-block;margin:.2rem .8rem 0 0}#notebook{padding:1.5rem;background:#102a26;border:1px solid #48685e;border-radius:.9rem;margin-bottom:1.5rem}.notebook-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}#record-count{font-size:.85rem}#notebook>p{font-size:.9rem;color:#bfd4cd}#records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.record{min-width:0;border:1px solid #476658;background:#0a221e;padding:1rem;border-radius:.5rem}.record img{width:100%;height:auto;display:block;margin:.7rem 0;background:#102027}.record h3{display:flex;justify-content:space-between;gap:.5rem}.record p,.record li{font-size:.84rem;color:#c9d9d2}.record ul{padding-left:1.2rem}.record button{font-size:.78rem;margin-right:.4rem;margin-top:.6rem}.record details{font-size:.82rem}.record summary{cursor:pointer;color:#e1d6b9}.record .eyebrow{font-size:.7rem}textarea{display:block;width:100%;max-width:100%;background:#071d1a;border:1px solid #567569;color:#d8ebe1;border-radius:.5rem;padding:.85rem;margin-top:.6rem}.notebook-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem}.notebook-footer p{margin:0;font-size:.8rem;color:#b7cfc4}#action-status{font-size:.84rem;color:#e9d4a4;min-height:1.5em;margin:.6rem 0 0}.reference{padding:1rem 1.2rem;border:1px solid #3b555c;border-radius:.5rem;margin:1rem 0}.reference summary{cursor:pointer;color:#d9e8e2}.reference p,.reference li{font-size:.9rem;color:#b9cfd1}.reference p:first-of-type{margin-top:1rem}.reference li{margin-bottom:.7rem}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.85rem}footer p{width:100%}dialog{width:min(1080px,96vw);max-height:96dvh;background:#0b252c;border:1px solid #80968a;border-radius:.8rem;color:#e1eee6;padding:1.1rem}dialog::backdrop{background:#020e14e0}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dialog-heading h2{font-size:1.25rem}#large-canvas{display:block;width:100%;max-height:70vh;cursor:crosshair}dialog p{font-size:.9rem;margin:.6rem 0 0}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:#d5f1e1;color:#10352c;padding:1rem}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.no-js{padding:2rem}
@media(min-width:1600px){.specimen-stage,#image-canvas{height:420px}}
@media(max-width:1000px){.chapters button{display:block;font-size:.8rem}.chapters span{display:block;margin-bottom:.2rem}.intro{gap:1rem}.lead{font-size:1.25rem}.controls{grid-template-columns:1fr 1fr}.reveal-control{grid-column:1/-1;flex-direction:row}.reveal-control button{flex:1}.specimen-stage,#image-canvas{height:310px}.explain{gap:1.2rem}.scene-tools{gap:.3rem}.scene-tools button{font-size:.72rem}}
@media(max-width:700px){header{padding:.8rem 16px}.brand span{display:none}header nav{font-size:.8rem;gap:.7rem}main{padding:1.15rem 16px 2rem}.intro{display:block;margin-bottom:1.1rem}.lead{border:0;padding:0;margin-top:.8rem;font:1rem/1.5 'Segoe UI',sans-serif}.lead br{display:none}.lead span{font-size:.85rem}.chapters{display:flex;overflow-x:auto;padding-bottom:.7rem;scrollbar-width:thin}.chapters button{min-width:135px}.chapter-heading{display:block}.chapter-heading h2{font-size:1.4rem}.chapter-heading p{font-size:.9rem}.quiet{margin-top:.6rem}.stage{grid-template-columns:1fr}.image-panel{order:0}.specimen-panel{order:1}.specimen-stage{height:260px}#image-canvas{height:310px}.controls{gap:1rem;padding:1rem}.controls label{font-size:.85rem;flex-wrap:wrap}.controls output{font-size:.9rem}.route-control select{font-size:.86rem}.live-result{flex-direction:column;gap:.7rem}.live-result>p{font-size:.88rem}#metrics{gap:1rem}.explain{grid-template-columns:1fr;padding-top:1.1rem}.method-cards,#records{grid-template-columns:1fr}#notebook{padding:1rem}.notebook-heading{align-items:start}.notebook-heading h2{font-size:1.4rem}.notebook-footer{flex-direction:column;align-items:start}.reference{padding:.85rem}.chapter-actions button{font-size:.85rem}}
@media(max-width:380px){.controls{grid-template-columns:1fr}.reveal-control{flex-direction:column}#image-canvas{height:280px}.notebook-heading{display:block}header nav a:last-child{display:none}}
@media print{html{color-scheme:light}body{background:white;color:#102c25}header,.intro,.chapters,#load-status,.chapter-heading,.stage,.controls,.model-note,.live-result,#action-status,.explain,.method-cards,.chapter-actions,.reference,footer,dialog,.skip,#notebook>label,#notes,.notebook-footer,.record button,#empty{display:none!important}main{padding:0}#notebook{border:0;padding:0;background:white}#notebook p,.record p,.record li{color:#15382c}.record{background:white;border-color:#889b92;break-inside:avoid;margin-bottom:1rem}#records{display:block}.record img{max-height:260px;object-fit:contain}.record .eyebrow,#notebook .eyebrow{color:#305c4e}@page{margin:15mm}}
.controls{margin-bottom:1rem}.print-note,.print-provenance{display:none}@media(min-width:701px){.controls{position:sticky;top:.3rem;z-index:5;box-shadow:0 5px 18px #04171b70}}@media print{.print-note,.print-provenance{display:block;white-space:pre-wrap}.record details{display:block}}
@media(min-width:701px){.stage,.specimen-panel,.image-panel{scroll-margin-top:calc(var(--control-height,150px) + 20px)}}