:root{color-scheme:light;--bg:#f2f4f3;--surface:#fff;--ink:#182b32;--muted:#596a70;--line:#d4dede;--orange:#b44c20;--green:#267b65;--blue:#286ba1}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif}main{max-width:1340px;margin:auto;padding:32px 26px 40px}a{color:#216a5c;text-underline-offset:3px}header{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:22px}h1,h2,h3,h4,p,figure{margin:0}h1{font:700 48px/1.1 'Arial Narrow',system-ui,sans-serif;letter-spacing:-.045em}h2{font-size:26px;line-height:1.2;letter-spacing:-.025em}h3{font-size:16px}h4{font-size:13px}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);margin:0 0 9px}.lede{color:var(--muted);margin-top:12px;max-width:670px}.header-note{font-size:12px;color:var(--muted);line-height:1.8;text-align:right}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:26px;gap:6px}.tabs button{border:0;border-radius:5px 5px 0 0;padding:12px 20px;background:transparent;font-weight:600;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 -3px var(--orange)}button,select{font:13px system-ui;color:var(--ink);padding:8px 10px;background:white;border:1px solid #afbec0;border-radius:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:4px;min-width:0}select{max-width:100%}.sechead{display:flex;align-items:end;justify-content:space-between;gap:18px}.sechead .eyebrow{margin-bottom:5px}.task-note{margin:10px 0 20px;color:var(--muted);max-width:950px}.caveat{font-size:13px;border-left:3px solid #d7a357;padding:10px 14px;background:#fbf3e7;margin:0 0 20px}.movie-card{background:white;border:1px solid var(--line);border-radius:7px;padding:20px}.controls{display:flex;gap:15px;flex-wrap:wrap}.controls label:last-child{margin-left:auto}.timeline{display:grid;grid-template-columns:auto minmax(100px,1fr) auto auto;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:17px 0}.timeline input{width:100%;accent-color:var(--green)}.timeline output{font:12px/1.5 ui-monospace,monospace;min-width:230px;color:var(--muted)}#play{background:#203b43;color:white;min-width:83px;border-color:#203b43}.observation{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:35px;align-items:start;margin:20px 0 25px}.input-side{min-width:0;max-width:660px}.minihead{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:5px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.input-grid.window{grid-template-columns:repeat(3,minmax(0,1fr));max-width:590px}.pane{min-width:0}.pane h4{display:flex;justify-content:space-between;gap:6px;margin-bottom:7px}.pane .plot{display:grid;grid-template-columns:14px 24px minmax(0,1fr);gap:3px}.radial-title{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:10px;color:var(--muted)}.radial-ticks{position:relative;font:10px/1 ui-monospace,monospace;color:var(--muted)}.radial-ticks span{position:absolute;right:1px;transform:translateY(-50%)}.heat{display:block;width:100%;height:auto;aspect-ratio:81/48;image-rendering:pixelated;border:1px solid #c5cfd1}.input-grid .heat{max-height:148px}.input-grid.window .heat{aspect-ratio:9/16;max-height:195px}.axis{margin-left:44px;font-size:10px;color:var(--muted);text-align:center}.axis-ticks{display:flex;justify-content:space-between;font:10px/1.6 ui-monospace,monospace;margin-top:4px}.saturation{font-size:10px;color:var(--muted);margin:4px 0 0 44px}.input-scale{font-size:10px;line-height:1.5;margin:6px 0 0 44px;color:var(--muted)}.input-scale canvas{height:8px;width:100%;display:block}.input-scale .ticks{display:flex;justify-content:space-between;font-family:ui-monospace,monospace}.score-side{padding-left:25px;border-left:1px solid var(--line)}.score-side .eyebrow{font-size:10px;letter-spacing:.025em}.score-side h3{font-size:14px}.score-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.score{border-left:2px solid var(--line);padding-left:10px}.score .value{font-size:27px;letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums}.score .label,.score .unit{color:var(--muted);font-size:10px}.score.good{border-color:var(--green)}.score.bad{border-color:var(--orange)}.score.good .value{color:var(--green)}.score.bad .value{color:var(--orange)}.small{font-size:12px;color:var(--muted);line-height:1.55}.score-side .small+.small{margin-top:12px}.flow-label{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.flow-label span:first-child{color:var(--ink);font-weight:650}.output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.output-grid .pane{padding-top:10px;border-top:3px solid var(--line)}.output-grid .pane.truth{border-top-color:var(--blue)}.output-grid .pane.prediction{border-top-color:var(--green)}.output-grid .pane.error{border-top-color:var(--orange)}.shared-legend{display:grid;grid-template-columns:1fr 310px;gap:28px;align-items:center;padding:16px 0 10px;font-size:12px}.shared-legend p{color:var(--muted);font-size:11px;margin-top:4px}.legend-bar canvas{height:14px;width:100%;display:block;border:1px solid #a2afb1}.legend-bar #legend-ticks{display:flex;justify-content:space-between;font:11px/1.8 ui-monospace,monospace}.probe{font:11px/1.5 ui-monospace,monospace;color:var(--muted);padding:9px;background:#f3f6f5;margin:10px 0;min-height:35px}.movie-card>figcaption{font-size:12px;color:var(--muted);line-height:1.6}.plot-details{font-size:12px}.result-section{margin:30px 0}.result-section>p,#geometry-view>p{max-width:940px;margin:10px 0 18px;color:var(--muted)}.science-figure{margin:20px 0}.science-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.science-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.science-panel{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.science-panel img{display:block;width:100%;height:auto}.figure-downloads{padding:6px 10px;font-size:11px;border-top:1px solid var(--line)}.science-figure figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px;max-width:1100px}details{border-top:1px solid var(--line);padding:12px 0;margin-top:14px}summary{cursor:pointer;font-size:13px;font-weight:600}details>p{margin:12px 0;max-width:950px}details:not([open])>:not(summary){display:none}.tablewrap{overflow:auto;margin:16px 0}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}caption{text-align:left;padding-bottom:8px;color:var(--muted)}.references{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.reference-figure video,.reference-figure img{width:100%;height:auto}.reference-figure h4{margin-bottom:8px}.reference-figure figcaption{font-size:12px;color:var(--muted);margin-top:8px}.primer{margin:25px 0 30px}.primer details{background:#e8eeec;padding:16px 20px;border-radius:5px;border:0}.primer p{font-size:14px}#geometry-view>h2:not(:first-child){margin-top:28px}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted)}
.axis-ticks{position:relative;display:block;height:16px;padding:0}.axis-ticks span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.axis-ticks span:first-child{left:var(--cell-half,.6173%)}.axis-ticks span:last-child{left:calc(100% - var(--cell-half,.6173%))}
@media(max-width:1050px){.observation{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.score-side{padding-left:20px}.controls label:last-child{margin-left:0}.output-grid{gap:12px}.shared-legend{grid-template-columns:1fr 260px}.header-note{max-width:225px}}
@media(max-width:760px){main{padding:22px 14px}header{display:block}h1{font-size:39px}.header-note{text-align:left;margin-top:15px;max-width:none}.tabs{gap:0;margin-bottom:20px}.tabs button{font-size:12px;padding:12px 10px;flex:1}.sechead{display:block}.sechead>label{margin-top:14px;max-width:270px}h2{font-size:23px}.movie-card{padding:13px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.timeline output{grid-row:2;grid-column:1/-1;min-width:0}.observation{grid-template-columns:1fr;gap:18px}.score-side{padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}.score-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.score .value{font-size:21px}.score{padding-left:7px}.input-grid{gap:10px}.input-grid.window .heat{max-height:160px}.output-grid,.science-grid,.science-grid.columns-3,.references{grid-template-columns:1fr}.output-grid{gap:22px}.shared-legend{grid-template-columns:1fr;gap:10px}.legend-bar{max-width:450px}.flow-label{display:block}.flow-label span{display:block}.minihead{align-items:start}.minihead label{max-width:160px}.input-grid .pane h4{font-size:11px}.input-grid .plot{grid-template-columns:11px 18px minmax(0,1fr)}.input-grid .axis,.input-grid .saturation,.input-grid .input-scale{margin-left:35px}.input-grid.window .plot{grid-template-columns:10px 17px minmax(0,1fr)}.input-grid.window .axis,.input-grid.window .input-scale{margin-left:33px}.input-grid.window .saturation{margin-left:0}footer{line-height:1.8}.science-figure figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{body{background:white}main{max-width:none;padding:0}.tabs,.controls,.timeline button,.primer,footer{display:none}.movie-card{border:0;padding:0}.output-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pane,.science-figure{break-inside:avoid}.result-section{break-before:page}}