:root{color-scheme:light;--bg:#f7f7f5;--ink:#101114;--muted:#747b80;--line:#dce1e1;--blue:#2457f5;--page:clamp(16px,3vw,44px);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.exhibit{position:relative;width:100%;height:100%;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 48% 44%,#fff 0,#fafbf9 50%,#f1f3f1 100%);isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}canvas:active{cursor:grabbing}canvas:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.title-hud{position:absolute;z-index:4;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:14px var(--page);border-bottom:1px solid #dcdedbaf;background:linear-gradient(#f7f7f5ed,#f7f7f5a8 72%,transparent);pointer-events:none}.title-hud>*{pointer-events:auto}.back{font-size:12px;text-decoration:none;color:var(--muted);display:flex;gap:5px;align-items:center;min-height:44px}.back b{color:var(--ink)}.title-copy{text-align:center}.eyebrow{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 0 3px;color:var(--muted);font-size:8px;font-weight:650;letter-spacing:.12em}.eyebrow i{width:5px;height:5px;background:var(--blue);border-radius:50%}h1{margin:0;font-size:23px;font-weight:550;letter-spacing:-.045em}.view-controls{display:flex;gap:5px;justify-self:end}.view-controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#ffffffde;font-size:17px}.explore-hud{position:absolute;top:101px;left:var(--page);z-index:2}.segmented{display:flex;gap:3px;background:#e9ededb0;border:1px solid #dce1e17a;border-radius:30px;padding:3px;width:max-content}.segmented button{border:0;background:none;border-radius:25px;padding:10px 15px;font-size:11px;color:var(--muted)}.segmented button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 2px 5px #172a4010}.explore-hud>p{font-size:11px;color:var(--muted);margin:9px 3px}.lesson-hud,.control-hud{position:absolute;z-index:3;bottom:var(--page);border:1px solid #dfe3e1;border-radius:16px;background:#ffffffed;box-shadow:0 10px 35px #1e303d0a;}.lesson-hud{left:var(--page);width:285px;padding:16px 18px 12px}.lesson-heading,.control-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:var(--muted);letter-spacing:.08em}.lesson-heading>span:last-child{font-size:8px;letter-spacing:0;font-variant-numeric:tabular-nums}.field-values{margin-top:13px;display:grid;gap:8px}.field-values>div{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;font-size:11px;color:#657078}.field-values strong{font-weight:600;font-size:16px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}.dot{width:6px;height:6px;border-radius:50%;display:block}.purple{background:#9962cd}.blue{background:var(--blue)}#insight-copy{font-size:10px;line-height:1.5;color:var(--muted);margin:12px 0 10px}.segment-row{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0ee;padding-top:5px}.segment-row label{font-size:9px;color:var(--muted)}.segment-row input{min-width:0;flex:1}.segment-row button{border:0;background:none;color:var(--blue);font-size:18px;min-width:32px;min-height:32px}.scale-note{font-size:8px;color:#8e969c;margin:3px 0 0;line-height:1.4}#status{font-size:10px;color:#a65d25;margin:8px 0 0}#status:empty{display:none}.control-hud{right:var(--page);width:260px;padding:12px 17px 10px}.control-heading button{border:0;background:none;color:var(--muted);font-size:10px;min-height:28px}.shape-row{display:flex;gap:8px;margin:6px 0 10px}select{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;background:#f9faf9;padding:7px 8px;font-size:11px}.shape-row button{border:0;background:none;color:var(--blue);font-size:10px;white-space:nowrap;min-height:32px}.control{padding:8px 0 4px;border-top:1px solid #edf0ee}.control label{display:flex;justify-content:space-between;gap:8px;font-size:11px}.control output{font-weight:600;color:var(--blue);font-size:11px;font-variant-numeric:tabular-nums}.slider-row{display:flex;gap:8px;align-items:center}.slider-row input{min-width:0;flex:1}.slider-row button{border:0;background:none;color:var(--blue);font-size:19px;min-width:30px;min-height:30px}input[type=range]{display:block;width:100%;height:26px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#dce3e7;border-radius:9px}input[type=range]::-moz-range-track{height:3px;background:#dce3e7;border-radius:9px}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6.5px;border:3px solid white;background:var(--blue);border-radius:50%;box-shadow:0 1px 7px #182b3940}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid white;background:var(--blue);border-radius:50%;box-shadow:0 1px 7px #182b3940}.control-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ee;padding-top:4px;font-size:9px;color:var(--muted)}.control-footer button{min-height:28px;border:0;background:none;color:var(--blue);font-size:10px;padding:0}.interaction-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:9px;color:#9aa1a5;pointer-events:none;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1100px){.interaction-hint{display:none}.lesson-hud{width:260px}.control-hud{width:245px}}@media(pointer:coarse){input[type=range]{height:36px}.view-controls button{width:42px;height:42px}.segmented button{min-height:44px}.slider-row button,.shape-row button,.control-footer button,.segment-row button{min-height:36px}}@media(max-width:600px){:root{--page:12px}.title-hud{min-height:69px;padding:10px 12px;grid-template-columns:1fr auto 1fr}.back{font-size:11px}.back span{display:none}.eyebrow{font-size:6px;letter-spacing:.05em}h1{font-size:19px}.view-controls{gap:3px}.view-controls button{width:29px;height:29px;font-size:15px}.explore-hud{top:84px}.segmented button{font-size:10px;padding:8px 11px;min-height:34px}.explore-hud>p{font-size:10px;max-width:240px}.lesson-hud{left:10px;bottom:12px;width:calc(48% - 15px);padding:10px 11px}.control-hud{right:10px;bottom:12px;width:calc(52% - 15px);padding:9px 11px}.lesson-heading{font-size:7px;display:block}.lesson-heading>span:last-child{display:block;margin-top:4px}.field-values{gap:10px;margin-top:12px}.field-values>div{grid-template-columns:6px 1fr;gap:3px 5px;font-size:9px}.field-values strong{grid-column:2;font-size:17px}#insight-copy{font-size:9px;margin:10px 0}.segment-row{gap:3px;flex-wrap:wrap}.segment-row label{font-size:8px}.segment-row input{width:60px}.segment-row button{min-width:25px;font-size:17px}.scale-note{font-size:7px}.control-heading{font-size:7px}.control-heading button{font-size:9px}.shape-row{flex-wrap:wrap;gap:0;margin-bottom:5px}.shape-row select{font-size:10px;width:100%;flex-basis:100%;padding:7px}.shape-row button{font-size:9px;min-height:26px}.control label,.control output{font-size:10px}.control{padding:7px 0 1px}.control-footer{font-size:8px}.control-footer span{display:none}.control-footer button{font-size:9px;min-height:28px}input[type=range]{height:30px}}@media(max-height:600px) and (min-width:601px){.title-hud{min-height:60px;padding:7px var(--page)}.explore-hud{top:74px}.lesson-hud,.control-hud{bottom:12px}.control-hud{width:225px}.lesson-hud{width:230px}.control{padding:4px 0}.shape-row{margin:3px 0 6px}.interaction-hint{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.preview-mode .title-hud,.preview-mode .explore-hud,.preview-mode .lesson-hud,.preview-mode .control-hud,.preview-mode .interaction-hint{display:none}