:root{color-scheme:dark;--bg:#0a151c;--panel:#111e27;--surface:#192933;--line:#2b3e47;--line2:#30464f;--main:#eef2ee;--mute:#94a7ac;--dim:#607b84;--accent:#edc17b;--accent2:#b77f44;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--main)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.3;cursor:not-allowed}svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .eyebrow,.tiny-heading,.brand-line,.brand-subline,.mast-right,.stage-deck,.exhibit-note,.chip,.chip-light,.dock-label,.touch-help,.section-titles,.control-count,.assembly-head,.assembly-foot,.guide-label,.index-tag,.meta-row,.panel-tabs,.selection-eyebrow,.flow-count,.info-box .tiny-heading,.readout-grid small,.sliders label,.independent-check,.inspector-footer,.article-kicker,.story footer{letter-spacing:.13em;font-size:10px;font-weight:700}
.masthead{height:73px;background:#0b1720;border-bottom:1px solid #253741;display:flex;align-items:center;padding:0 29px;gap:15px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--accent);border:1px solid #525142;border-radius:10px}.brand-mark svg{width:25px}.brand-copy{display:flex;flex-direction:column;gap:7px}.brand-line{font-size:11px;letter-spacing:.18em}.brand-subline{font-size:9px;color:#728b94;letter-spacing:.16em}.edition{color:#d4ab6a}.brand-dot{display:inline-block;height:3px;width:3px;background:var(--accent);vertical-align:middle;margin:0 9px}.mast-right{margin-left:auto;color:#91a19e;display:flex;gap:9px;align-items:center;white-space:nowrap;letter-spacing:.1em}.live-pin{height:6px;width:6px;background:#d2b06b;box-shadow:0 0 12px #f7be74;border-radius:50%}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;align-items:stretch;min-height:calc(100vh - 73px)}.visual-column{min-width:0;min-height:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:590px;overflow:hidden;background:radial-gradient(ellipse at 55% 25%,#405b63 0%,#1a323e 34%,#0c1d28 69%,#081821 100%)}.stage canvas{width:100%;height:100%;display:block;touch-action:none;position:absolute;inset:0}.stage-grain{pointer-events:none;position:absolute;inset:0;z-index:1;opacity:.15;background-image:linear-gradient(90deg,transparent 98%,#4b738022 100%),linear-gradient(transparent 98%,#4b738022 100%);background-size:27px 27px;mask-image:linear-gradient(180deg,transparent 15%,black 90%)}.stage-head{pointer-events:none;position:absolute;z-index:3;top:28px;left:35px;right:33px;display:flex;justify-content:space-between;align-items:start}.stage-head .eyebrow{color:#dfb784;letter-spacing:.22em;font-size:10px}.stage-head h1{margin:18px 0 9px;font-weight:720;font-size:clamp(39px,4.3vw,66px);line-height:.99;letter-spacing:-.05em;text-shadow:0 3px 21px #0b202a8c}.stage-head h1 em{font-weight:350;font-family:Georgia,serif;color:#ebc793;letter-spacing:-.065em}.stage-deck{color:#d2e0df;letter-spacing:.19em;font-size:10px}.stage-actions{pointer-events:auto;display:flex;gap:8px}.icon-button{height:35px;width:35px;border:1px solid #74919b7a;background:#142b3588;color:#e4eeee;border-radius:9px;display:grid;place-items:center;backdrop-filter:blur(12px);transition:background .25s,border-color .25s}.icon-button:hover{background:#354e59;border-color:#e5bd81}.icon-button svg{width:18px;height:18px}.mobile-controls{display:none}.exhibit-note{position:absolute;left:36px;bottom:125px;z-index:3;color:#b3c8c7;letter-spacing:.11em;display:flex;gap:12px;align-items:center;font-size:9px}.exhibit-note .eyebrow{color:#e8bd7c}.note-rule{width:24px;height:1px;background:#b8c5bf}.view-chips{position:absolute;top:193px;left:36px;display:flex;flex-direction:column;gap:8px;z-index:3}.chip,.chip-light{font-size:9px;letter-spacing:.13em;border:1px solid #8aa3ae50;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:4px;width:max-content;background:#0c212a80;color:#b8c7c8;backdrop-filter:blur(7px)}.chip-light{border-color:#ccaa7650;color:#ffdda8}.chip-light span{height:4px;width:4px;border-radius:100%;background:#f4b46d;box-shadow:0 0 9px #ffc063}.selection-card{position:absolute;right:24px;bottom:117px;z-index:3;background:#10232bd9;border:1px solid #546e727a;padding:14px 16px;border-radius:7px;max-width:255px;min-width:190px;backdrop-filter:blur(13px);box-shadow:0 16px 38px #07111866}.selection-eyebrow{font-size:9px;color:#e5be80;margin-bottom:6px}.selection-card #selectedName{font-size:13px;font-weight:680;line-height:1.45}.selected-detail{font-size:11px;line-height:1.5;color:#b0c1c5;margin-top:5px}.view-axis{position:absolute;right:30px;top:188px;z-index:2;text-align:center;color:#a8bdbe;font-size:11px}.view-axis>span{font-size:10px;letter-spacing:.15em;color:#ebbf86}.axis-diagram{margin:7px auto 8px;width:29px;height:29px;border:1px solid #91aaae88;transform:rotate(45deg);display:grid;place-items:center}.axis-diagram i{height:2px;width:17px;background:#f3be80;transform:rotate(-45deg)}.view-axis small{font-size:8px;line-height:1.7;letter-spacing:.07em}.camera-dock{display:flex;align-items:center;gap:5px;position:absolute;bottom:51px;left:50%;transform:translateX(-50%);z-index:3;background:#0d1c24d9;padding:8px 9px;border:1px solid #53717a8c;border-radius:10px;box-shadow:0 13px 32px #071722a1;backdrop-filter:blur(10px);white-space:nowrap}.dock-label{padding:0 14px 0 8px;color:#73919a;font-size:9px}.camera-dock button{padding:9px 11px;background:none;border:1px solid transparent;border-radius:6px;color:#b5cace;font-size:10px;font-weight:750;letter-spacing:.04em}.camera-dock button.active,.camera-dock button:hover{background:#31444b;color:#f3ca87;border-color:#556b6a}.touch-help{position:absolute;z-index:2;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#88a0a7;font-size:9px;font-weight:600}.touch-help span{color:#bd9964;margin:0 5px}.mobile-modebar{display:none}
.view-controls{background:#12232c;border-top:1px solid #37464b;padding:20px 31px 23px;min-height:254px}.section-titles{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#d2ac75}.control-count{color:#738b94}.mode-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mode-list button{min-width:0;text-align:left;display:flex;flex-direction:column;gap:6px;background:#172c37;border:1px solid #2c424b;border-radius:8px;padding:11px 12px;transition:.22s}.mode-list button:hover,.mode-list button.active{background:#253b43;border-color:#c59961}.mode-list span{font-size:9px;color:#b5a17e;font-weight:750}.mode-list strong{font-size:12px;color:#e7eced}.mode-list small{font-size:10px;color:#8da4aa}.assembly-line{margin-top:18px}.assembly-head,.assembly-foot{display:flex;justify-content:space-between;color:#a5b4b7}.assembly-head strong{color:#eec47f}.assembly-foot{margin-top:6px;font-size:8px;color:#6d848a}.assembly-line input{width:100%;accent-color:#e2b77a;margin:9px 0 0;height:5px}.guided{margin-top:17px;padding-top:15px;border-top:1px solid #304550;display:flex;justify-content:space-between;gap:14px;align-items:center}.guide-label{color:#dcb47b}.guide-label span{margin-left:9px;color:#8b9fa4}.guide-name{font-size:12px;color:#d2dddf;margin-top:7px}.guide-actions{display:flex;gap:6px}.guide-actions button{background:#273e49;color:#e1e9e8;border:1px solid #3c555d;padding:9px 13px;border-radius:5px;font-size:11px;font-weight:650}.guide-actions button:first-child{background:#b98b53;border-color:#e1ad6f;color:#0d1a22}.guide-actions button:not(:disabled):hover{filter:brightness(1.15)}
.inspector{display:flex;flex-direction:column;background:linear-gradient(160deg,#172831,#101e27 65%);border-left:1px solid #354850;min-height:0}.inspector-top{padding:33px 29px 23px}.index-tag{color:#d7a96d;font-size:9px}.index-dot{display:inline-block;width:4px;height:4px;border-radius:100%;background:#b2a178;vertical-align:middle;margin:0 7px}.inspector-top h2{font-weight:720;letter-spacing:-.055em;font-size:41px;line-height:1.07;margin:26px 0 12px}.inspector-top h2 span{color:#e0bb84;font-weight:400;font-style:italic;font-family:Georgia,serif}.inspector-top>p{font-size:12px;color:#a9bdc0;line-height:1.7;margin-bottom:22px;max-width:270px}.meta-row{display:flex;gap:5px;flex-wrap:wrap}.meta-row span{padding:7px;background:#263d44;border:1px solid #4e6063;border-radius:3px;font-size:8px;color:#c8d4d1;letter-spacing:.05em}.panel-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 24px;border-bottom:1px solid #3b5057}.panel-tabs button{padding:13px 3px;background:transparent;border:0;border-bottom:2px solid transparent;color:#718c95;font-size:10px;font-weight:760;letter-spacing:.06em}.panel-tabs button[aria-selected=true]{border-color:#ecc087;color:#f4d3a3}.panel-tabs button:hover{color:#e6ebe7}.panel-body{padding:23px 29px 28px;flex:1;min-height:300px}.tab-page{display:none}.tab-page.active{display:block}.tiny-heading{font-size:9px;color:#cda66f;letter-spacing:.16em}.intro-copy{line-height:1.75;color:#bbcac9;font-size:12px;margin:15px 0 22px}.diagram-list{margin:18px 0 22px;display:flex;flex-direction:column;gap:18px}.diagram-list>div{display:flex;align-items:flex-start;gap:12px;position:relative}.flow-count{background:#29404a;border:1px solid #60716f;color:#e9c18e;display:grid;place-items:center;min-height:29px;min-width:29px;font-size:10px}.diagram-list strong{display:block;font-size:10px;letter-spacing:.1em;margin:1px 0 5px;color:#f2f1ea}.diagram-list small{color:#8fa9ae;display:block;font-size:11px;line-height:1.4}.flow-line{position:absolute;left:14px;top:30px;width:1px;height:25px;background:#677e7c}.info-box{padding:15px 16px;background:#172b34;border:1px solid #324b55;border-radius:7px;margin-top:10px}.info-box strong{display:block;margin:9px 0 0;font-size:12px}.info-box p{color:#adbec0;font-size:11px;line-height:1.65;margin:9px 0 0}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:21px}.readout-grid>div{padding:13px 12px;background:#1a313a;border:1px solid #35505a;border-radius:6px;min-width:0}.readout-grid small{display:block;font-size:8px;line-height:1.4;color:#adc0bd;letter-spacing:.08em}.readout-grid strong{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#f3ce9a;display:block;margin:6px 0 0}.readout-grid span{font-size:9px;color:#8da2a9}.sliders{display:flex;flex-direction:column;gap:16px}.sliders label{display:block;font-size:9px;color:#a8bdbd}.sliders output{float:right;color:#f0c58d}.sliders input{display:block;margin-top:11px;width:100%;accent-color:#e9b778}.independent-check{border-top:1px solid #354a53;margin-top:23px;padding-top:18px;font-size:10px;line-height:2.1}.independent-check>div:not(.tiny-heading){display:flex;justify-content:space-between;color:#99b2b7}.independent-check strong{color:#e6c18b}.independent-check p{font-size:10px;color:#9bdbc0;font-weight:650;letter-spacing:.03em;margin:4px 0 0}.tab-page details{border:1px solid #39515b;padding:13px 14px;border-radius:6px;margin:12px 0;color:#a8c0bf}.tab-page summary{color:#e4dbca;cursor:pointer;font-size:12px;font-weight:650}.tab-page details p{font-size:11px;line-height:1.75;margin:12px 0 0}.math-note{font-family:ui-monospace,Consolas,monospace;line-height:2.4;font-size:11px;margin-top:12px;color:#edc38a}.science-disclaimer{border-left:2px solid #bb955c;padding:14px;background:#3c372c50;margin:22px 0;font-size:11px;line-height:1.7;color:#e1cba8}.quality-toggle{width:100%;display:flex;justify-content:space-between;padding:13px;border:1px solid #5b777e;background:#263b44;color:#ede9de;border-radius:6px;font-size:11px;font-weight:700}.quality-toggle span{font-size:9px;color:#e3b77e}.quiz-question{border:1px solid #39515b;border-radius:6px;padding:13px;margin:0 0 13px}.quiz-question h3{font-size:12px;line-height:1.5;margin:0 0 11px}.quiz-question label{display:flex;gap:8px;align-items:start;font-size:11px;line-height:1.5;color:#bdcdcf;padding:6px 0;cursor:pointer}.quiz-question input{accent-color:#e5b475;flex-shrink:0;margin-top:2px}.quiz-feedback{min-height:1px;margin:8px 0 0;font-size:11px;line-height:1.6;color:#d4bd89}.quiz-footer{display:flex;justify-content:space-between;align-items:center;color:#e9c38b}.quiz-footer strong{font-size:12px}.quiz-footer button{padding:9px 13px;border:1px solid #637980;border-radius:5px;color:#e9eee9;background:#213742;font-size:11px}.inspector-footer{margin-top:auto;padding:16px 27px;border-top:1px solid #364b54;color:#78949c;font-size:9px;letter-spacing:.14em;white-space:nowrap}.inspector-footer span:last-child{color:#c29966;margin:0 9px}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b2c8b1;margin-right:7px}.close-panel{display:none}
.story{padding:70px clamp(30px,6vw,110px) 28px;background:#e4dfd1;color:#16272d}.article-kicker{font-size:11px;color:#967446}.article-kicker span{margin:0 14px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1200px;margin:30px auto 55px}.story h2{font-size:clamp(37px,4vw,64px);line-height:1.1;letter-spacing:-.055em;margin:0}.story p{line-height:1.85;font-size:15px;color:#4d5a5b}.story footer{border-top:1px solid #b0b3aa;padding-top:22px;color:#637273;font-size:10px}.story footer span{padding:0 9px;color:#b68a50}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.inspector-top,.panel-body{padding-left:21px;padding-right:21px}.view-controls{padding:18px}.stage-head{left:25px;right:20px}.stage-head h1{font-size:48px}.view-chips{left:25px}.exhibit-note{left:25px}.mode-list button{padding:11px 8px}}
@media(max-width:760px){.masthead{height:55px;padding:0 13px}.brand-mark{height:31px;width:31px}.brand-mark svg{width:20px}.brand-line{font-size:9px}.brand-subline{font-size:7px}.mast-right{display:none}.workspace{display:block;min-height:calc(100dvh - 55px)}.visual-column{min-height:0}.stage{height:calc(100dvh - 55px);min-height:520px}.stage-head{top:22px;left:18px;right:14px}.stage-head h1{font-size:43px;margin:11px 0 6px}.stage-head .eyebrow{font-size:9px}.stage-deck{font-size:9px}.mobile-controls{display:grid}.view-chips{left:18px;top:163px}.view-axis{right:16px;top:181px}.selection-card{right:12px;left:12px;bottom:150px;max-width:none;min-width:0;padding:10px 13px}.selected-detail{display:none}.selection-card #selectedName{font-size:12px}.exhibit-note{bottom:223px;left:18px;right:12px;line-height:1.5;font-size:8px}.camera-dock{bottom:104px;padding:5px 6px;gap:1px;max-width:calc(100vw - 18px)}.camera-dock button{padding:8px 8px;font-size:9px}.dock-label{padding:0 5px;font-size:8px}.touch-help{bottom:87px;white-space:nowrap;font-size:7px}.mobile-modebar{position:absolute;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;bottom:0;left:0;right:0;z-index:4;background:#12232b;border-top:1px solid #4c6267;padding:8px 6px max(9px,env(safe-area-inset-bottom))}.mobile-modebar button{border:0;background:#253740;color:#b7cac7;border-radius:5px;font-size:9px;padding:10px 2px;font-weight:700}.mobile-modebar button.active{color:#f4c484;background:#47515a}.view-controls{padding:20px 14px}.mode-list{grid-template-columns:repeat(5,1fr);gap:5px}.mode-list button{padding:11px 5px}.mode-list strong{font-size:10px}.mode-list small{font-size:9px}.guided{flex-wrap:wrap}.inspector{display:none;position:fixed;inset:0 0 0 auto;width:min(100vw,390px);height:100dvh;z-index:20;border-left:1px solid #78949a;box-shadow:-40px 0 100px #061318c9;overflow:auto}.inspector.open{display:flex}.close-panel{display:block;position:absolute;right:18px;top:20px;border:1px solid #496169;background:#213943;color:#e5ebe6;font-size:24px;width:35px;height:35px;border-radius:6px}.panel-body{flex:auto}.story{padding:50px 24px}.story-grid{grid-template-columns:1fr;gap:18px;margin:27px 0}.story p{font-size:13px}.stage-head h1{pointer-events:none}}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .masthead,body.embed-mode .story{display:none}body.embed-mode .workspace{height:100vh;height:100dvh;min-height:0}body.embed-mode .stage{min-height:0;height:100%}body.embed-mode .visual-column{height:100%;min-height:0}body.embed-mode .view-controls{display:none}body.embed-mode .inspector{display:none}body.embed-mode .inspector.open{display:flex}body.embed-mode .stage-head{top:20px}body.embed-mode .stage-head h1{font-size:clamp(31px,3.5vw,52px)}body.embed-mode .exhibit-note{bottom:125px}body.embed-mode .view-chips{top:165px}body.embed-mode .stage{flex:1}
@media(min-width:761px){body.embed-mode .workspace{display:block}body.embed-mode .stage{height:100%;width:100%}}
@media(max-width:760px){body.embed-mode .stage{height:100dvh}body.embed-mode .selection-card{bottom:147px}body.embed-mode .exhibit-note{bottom:219px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
@media(max-width:760px){body:not(.embed-mode) .visual-column{display:block;height:auto}body:not(.embed-mode) .stage{height:calc(100dvh - 55px);min-height:610px;flex:none}body:not(.embed-mode) .view-controls{position:relative}}
@media(min-width:761px){
.workspace{align-items:start}.visual-column{display:block}.visual-column .stage{height:calc(100vh - 73px);min-height:590px;flex:none}
.mobile-modebar{display:grid;position:absolute;left:32px;bottom:116px;width:479px;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px;background:#0e232bdc;border:1px solid #56717a8a;border-radius:9px;z-index:4;box-shadow:0 10px 24px #07182177;backdrop-filter:blur(12px)}
.mobile-modebar button{border:1px solid transparent;background:#273e4780;border-radius:5px;padding:9px 3px;color:#c0d1d0;font-size:9px;letter-spacing:.03em;font-weight:750}
.mobile-modebar button.active,.mobile-modebar button:hover{background:#474e4c;border-color:#cb9960;color:#ffd39d}
.exhibit-note{bottom:186px}
}