:root{color:#e9e9dc;font-synthesis:none;--muted:#8c9488;--line:#30382e;--accent:#c6d9a8;background:#121714;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent)}button svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}a{color:inherit;text-decoration:none}button{border:0}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}#app{max-width:1600px;margin:auto;padding:0 56px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}.wordmark{letter-spacing:2px;align-items:center;gap:13px;font-size:20px;font-weight:700;display:flex}.wordmark>svg{stroke:#dbe2cf;fill:none;stroke-width:1.5px;width:35px;height:26px}.wordmark>svg circle:last-child{fill:#dbe2cf}.wordmark>span{align-self:flex-start;margin-top:1px;margin-left:-7px;font-size:10px}.header-note,.source-link,.eyebrow,.stage-top,.stage-bottom,.scale,.small-index,.tiny-label,.range-caption,.anatomy-readout,footer,.principle-number,.keycap,.crowd-labels{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.header-note{letter-spacing:1.65px;color:var(--muted);font-size:10px}.source-link{color:#b6bdae;font-size:11px}.source-link span{margin-left:12px;font-size:17px}.intro{justify-content:space-between;align-items:flex-end;padding:47px 0 35px;display:flex}.eyebrow{letter-spacing:1.65px;font-size:10px;font-weight:400}.intro .eyebrow{color:#b0bba5;margin:0 0 17px}.live-dot{background:#c2d6a2;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 9px #b0cb7b44}.edition{color:#6d7868;margin-left:12px}h1{letter-spacing:-2px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.9vw,60px);font-weight:400;line-height:1.1}h1 em{color:#b8c9a3;font-weight:400}.intro-copy{color:#9fa697;margin:0 0 4px;font-size:12px;line-height:1.8}.workspace{background:#181e18;border:1px solid #3b4337;border-radius:3px;grid-template-columns:minmax(0,1fr) 304px;display:grid;overflow:hidden}.viewport{background:radial-gradient(#232b23,#141b17);border-right:1px solid #3b4337;min-height:570px;position:relative;overflow:hidden}#eye{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}#eye:active{cursor:grabbing}.stage-top,.stage-bottom{letter-spacing:1.1px;color:#b0b7a3;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;left:25px;right:25px}.stage-top{top:25px}.stage-top>span:first-child{align-items:center;display:flex}.stage-top .live-dot{margin-right:8px}.stage-top>span:last-child{color:#858f7c}.stage-bottom{color:#778370;font-size:8px;bottom:23px}.stage-bottom b{padding:0 8px;font-weight:400}.specimen-label{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:69px;left:27px}.specimen-label .eyebrow{color:#b1bda2;letter-spacing:2px;font-size:9px}.specimen-label>span:last-child{color:#a2ad97;font-size:11px}.scale{color:#a0ab94;letter-spacing:1px;flex-direction:column;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:72px;right:28px}.scale>span{border:1px solid #849079;border-top:0;width:62px;height:6px}.controls{background:#1c231b;padding:27px 25px 18px}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title .eyebrow{color:#b0bba1;letter-spacing:1.5px;font-size:9px}.small-index{color:#798470;font-size:9px}h2{letter-spacing:-.6px;margin:23px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;line-height:1.2}.panel-copy{color:#909c85;margin:0 0 22px;font-size:11px;line-height:1.7}.primary{text-align:left;background:var(--accent);color:#202a18;border-radius:2px;align-items:center;gap:10px;width:100%;padding:13px 12px;font-size:11px;font-weight:600;display:flex}.primary>span{margin-left:auto;font-size:18px;font-weight:400}.divider{background:#35402e;height:1px;margin:23px 0}.control-label{color:#d6ddca;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:11px;display:flex}.control-label output{color:#c4d5a6;font-family:monospace;font-size:11px}.tiny-label{color:#798570;letter-spacing:1px;font-size:8px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#c6d9a8 18%,#424d38 18%);width:100%;height:2px;margin:0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#dce9c5;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #1c231b}input[type=range]::-moz-range-thumb{background:#dce9c5;border:3px solid #1c231b;border-radius:50%;width:10px;height:10px}.range-caption{color:#808d74;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.pigment-spectrum{opacity:.75;background:linear-gradient(90deg,#799ba6,#819e88,#9b9b67,#9e783c,#653e20,#271c12);border-radius:1px;height:4px;margin-top:13px}.light-label{margin-top:23px}.segmented{background:#131a12;border:1px solid #3b4731;border-radius:3px;gap:4px;padding:3px;display:flex}.segmented button{color:#8f9b82;background:0 0;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:9px;padding:9px;font-size:14px;display:flex}.segmented button span{font-size:10px}.segmented button[aria-pressed=true]{color:#d6e7bc;background:#34412b}.photo-button{color:#b1bfa0;background:0 0;align-items:center;gap:10px;width:100%;padding:14px 0 0;font-size:11px;display:flex}.keycap{color:#98a888;border:1px solid #44503b;border-radius:3px;place-content:center;width:18px;height:18px;margin-left:auto;font-size:9px;display:grid}.photo-button[aria-pressed=true]{color:#e6eccd}.photo-caption{color:#77846b;margin:9px 0 0;font-size:10px}.photo-options p{color:#a4b78e;font-size:10px}.photo-options button{color:#d8e4c1;background:#3b4a2e;border-radius:2px;padding:7px 10px;font-size:10px}.anatomy-readout{color:#8d9b7e;letter-spacing:.5px;border-top:1px solid #35402e;justify-content:space-between;margin-top:22px;padding-top:16px;font-size:7px;display:flex}.anatomy-readout i{background:#a3bc7e;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.principles{grid-template-columns:repeat(3,1fr);gap:20px;padding:27px 0 29px;display:grid}.principles>div{align-items:flex-start;gap:15px;display:flex}.principle-number{color:#68765e;margin-top:4px;font-size:9px}.principles p{flex-direction:column;gap:7px;margin:0;display:flex}.principles strong{color:#cdd5c3;font-size:12px;font-weight:400}.principles p>span{color:#7d8a73;font-size:10px}footer{border-top:1px solid var(--line);letter-spacing:1.1px;color:#727e69;justify-content:space-between;padding:22px 0 25px;font-size:8px;display:flex}footer b{padding:0 9px;font-weight:400}.footer-mark{color:#b3c49b;padding-left:28px;font-size:15px}.loading{z-index:3;color:#b5c69f;background:#161e17;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.loading p{font-family:monospace;font-size:12px}.loading-eye{font-size:50px;animation:2s infinite pulse}.loading.error{text-align:center;padding:50px;line-height:1.8}.loading.error p{max-width:480px}.loading.error .loading-eye{animation:none}.crowd-labels{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:50px 8px 70px}.crowd-labels span{color:#87977b;letter-spacing:1px;place-self:end center;padding-bottom:8px;font-size:7px}.viewport.crowd .specimen-label{bottom:60px}.viewport.crowd .scale{display:none}.photo-active .viewport{border-color:#63754b}.photo-active .stage-top{color:#d1dfb9}@keyframes pulse{50%{opacity:.4}}@media (min-width:1450px){.viewport{min-height:620px}.controls{padding:32px}.workspace{grid-template-columns:minmax(0,1fr) 330px}.divider{margin:26px 0}}@media (max-width:1000px){#app{padding:0 30px}.header-note{display:none}.intro-copy{font-size:10px}.workspace{grid-template-columns:minmax(0,1fr) 270px}.controls{padding:23px 20px}.viewport{min-height:570px}h2{font-size:24px}.stage-top,.stage-bottom{font-size:7px;left:18px;right:18px}.stage-bottom>span:last-child{display:none}}@media (max-width:700px){#app{padding:0 18px}.masthead{height:74px}.wordmark{font-size:17px}.source-link{font-size:10px}.intro{padding:31px 0 26px}.intro-copy{display:none}h1{letter-spacing:-1.5px;font-size:37px}.intro .eyebrow{font-size:8px}.workspace{grid-template-columns:1fr}.viewport{border-bottom:1px solid #3b4337;border-right:0;min-height:410px}.controls{padding:25px}.panel-title{margin-bottom:15px}h2{display:none}.panel-copy{margin:0 0 18px}.primary{padding:12px}.divider{margin:20px 0}.principles{grid-template-columns:1fr;gap:20px;padding:24px 0}.principles>div{gap:13px}.principles p{flex-direction:row;align-items:baseline;gap:12px}.principles strong{font-size:11px}.principles p>span{font-size:9px}footer{gap:16px;font-size:7px;line-height:1.7}footer>span:first-child{max-width:160px}.footer-mark{display:none}.stage-top{font-size:7px}.specimen-label{left:18px}.scale{right:18px}.anatomy-readout{font-size:8px}}