:root{--bg:#0b1015;--panel:#111b22;--line:#2b3a41;--sub:#95a7ac;--main:#e7e6dc;--accent:#d6ae78;--rust:#b56d59;--good:#96c3aa;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--main);font-family:var(--sans);font-size:14px;line-height:1.5}button,input,summary{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:#ead1b2}a:hover{color:#fff}.app{max-width:1600px;margin:auto;padding:0 36px}.masthead{height:67px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27333a}.brand{display:flex;gap:11px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.2em;color:#d9d9d0}.brand-mark{font-size:27px;color:var(--accent);font-weight:300}.brand small{display:block;font-weight:500;color:#788e98;font-size:8px;letter-spacing:.25em}.chapter{font-size:10px;letter-spacing:.14em;font-weight:600;color:#9aaab0}.chapter-rule{display:inline-block;width:25px;height:1px;background:#62727a;margin:0 11px;vertical-align:middle}.page-title{display:flex;align-items:center;justify-content:space-between;padding:26px 0 28px;gap:16px}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.17em;margin:0 0 6px}.page-title h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.2vw,47px);letter-spacing:-.035em;font-weight:400;line-height:1.05;margin:0 0 10px}.page-title h1 span{color:#91a6ad}.subhead{margin:0;color:#9caaaf;font-size:12px;max-width:680px}.reference-pill{display:flex;gap:14px;align-items:center;border-left:1px solid #34434b;padding-left:24px;min-width:170px}.reference-pill b{font:36px Georgia,serif;color:#c4ab8c}.reference-pill span{color:#8a9da4;font-size:9px;font-weight:700;letter-spacing:.12em}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,362px);gap:22px}.visual-pane{min-width:0}.stage{height:clamp(400px,49vw,605px);position:relative;overflow:hidden;border:1px solid #344049;background:linear-gradient(180deg,#738c9b 0%,#acb2a8 50%,#324d4b 100%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.stage-head,.stage-bottom{position:absolute;pointer-events:none;left:18px;right:18px;display:flex;align-items:center;gap:8px;color:#f0f2eb;text-shadow:0 1px 6px #142831;font-size:10px;letter-spacing:.12em;font-weight:750}.stage-head{top:16px}.stage-head #viewLabel{color:#ecdfcb;font-weight:500}.live-dot{width:7px;height:7px;background:#a9e3be;border-radius:50%;box-shadow:0 0 0 4px #80c59935}.stage-bottom{bottom:14px;justify-content:space-between;font-size:9px}.stage-bottom span{background:#101f27a6;border:1px solid #c9d5d23d;padding:6px 8px}.stage-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;background:#0b151acc;padding:10px 18px;display:none;max-width:86%;text-align:center}.toolbar,.view-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #2c3940;border-top:0;min-height:56px;padding:6px 13px;background:#152027;gap:8px}.toolset{display:flex;gap:5px;align-items:center}.toolset button,.view-actions button{border:1px solid transparent;background:transparent;color:#c4d0d1;padding:8px 10px;font-size:11px;letter-spacing:.02em}.toolset button:hover,.view-actions button:hover{background:#2d3e46}.quality-wrap{border-left:1px solid #425159;padding-left:15px}.quality-label,.mini-title{color:#869da3;font-size:9px;letter-spacing:.14em;font-weight:800}.quality-wrap button{border:1px solid #54656d;color:#eddbc4;min-width:52px}.view-row{min-height:51px;padding-left:18px;background:#101a20}.view-actions{display:flex;gap:5px}.view-actions button{padding:7px 11px;font-size:11px}.view-actions button.view-active{color:#e8bc86;background:#c99c6322;border-bottom:1px solid #d9b583}.readout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#314047;border:1px solid #314047;border-top:0}.metric{background:#111c22;padding:16px 14px 13px;min-width:0}.metric>span{display:block;font-size:9px;letter-spacing:.1em;font-weight:700;color:#90a4a8;margin-bottom:6px}.metric strong{font:30px Georgia,serif;color:#eae9e0;white-space:nowrap}.metric strong small{font:11px var(--sans);color:#b6a289}.control-pane{background:#121c22;border:1px solid #314047;min-width:0;align-self:start;box-shadow:0 12px 50px #0003}.panel-heading{padding:22px 23px 13px;display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font:26px Georgia,serif;letter-spacing:-.025em;margin:0}.panel-number{font-size:9px;color:#81989f}.tab-row{display:flex;border-bottom:1px solid #2b3a42;padding:0 12px;gap:3px}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:12px 10px 10px;font-size:11px;color:#93a6ab;flex:1}.tab.current{color:#e9cdab;border-bottom-color:#e2b17c;font-weight:700}.tab-content{padding:22px 23px 10px}.tab-content.hidden{display:none}.explainer{color:#a9b6b5;font-size:12px;line-height:1.65;margin:0 0 23px}.control{margin:0 0 24px}.control label{display:flex;justify-content:space-between;gap:8px;color:#dce1de;font-size:12px;margin-bottom:11px}.control output{color:#f0c995;font-size:11px;font-weight:750;white-space:nowrap}.control input[type=range]{width:100%;height:5px;appearance:none;background:#3d5056;cursor:pointer;accent-color:var(--accent);border-radius:8px}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;border:3px solid #19262c;background:#e5b97d;box-shadow:0 0 0 1px #e5b97d}.control input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;border:2px solid #19262c;background:#e5b97d}.check{display:flex;align-items:center;gap:10px;font-size:12px;color:#b7c6c7;margin:12px 0 20px}.check input{width:15px;height:15px;accent-color:#ca9f6b}.math-check{border:1px solid #34454c;padding:13px 15px 12px;background:#15232a}.math-check>span{font-size:9px;color:#b6b7ac;letter-spacing:.12em}.check-columns{display:flex;gap:10px;justify-content:space-between;margin-top:12px}.check-columns>div{flex:1}.check-columns small{display:block;color:#95adb1;font-size:10px}.check-columns b{font-size:18px;font-weight:600;letter-spacing:-.02em}.check-result{color:#a3d5b5;border-top:1px solid #35514d;margin-top:10px;padding-top:9px;font-size:11px}.microcopy{color:#869da1;font-size:11px;line-height:1.6;margin:14px 0 7px}.inspector{border-top:1px solid #34434a;padding:18px 23px 16px;background:#18252b}.inspector h3{font:20px Georgia,serif;margin:2px 0 7px}.inspector p{font-size:12px;line-height:1.65;color:#a8b9bd;margin:0 0 10px}.fact-tag{display:inline-block;color:#b5d5c9;font-size:9px;letter-spacing:.12em;border:1px solid #59796e;padding:3px 7px}.hotspot-list{display:grid;gap:7px;margin:0 0 12px}.hotspot-list button{text-align:left;background:#203038;color:#d6dddd;border:1px solid #3b5259;padding:10px 11px;font-size:12px}.hotspot-list button:hover,.hotspot-list button.chosen{border-color:#d7b07e;color:#edc799}.hotspot-list button small{color:#849ea3;display:block;font-size:9px}.science{border-top:1px solid #30434a}.science summary{display:flex;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700;color:#e4c59f;padding:17px 23px;list-style:none}.science summary::-webkit-details-marker{display:none}.science[open] summary span{transform:rotate(45deg)}.science-inner{padding:0 23px 22px;max-height:360px;overflow:auto;color:#b6c4c5;font-size:11px;line-height:1.65}.science h3{color:#f0dfcc;font-size:12px;margin:20px 0 5px}.equation{padding:10px 13px;background:#091317;color:#d2d1cb;font:12px/1.8 Georgia,serif;overflow:auto}.sources{padding-left:20px}.sources li{margin-bottom:8px}.footer{padding:22px 0 30px;display:flex;justify-content:space-between;color:#728990;letter-spacing:.1em;font-size:9px}.science-inner a{overflow-wrap:anywhere}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .app{height:100%;display:flex;flex-direction:column;max-width:none;padding:0 12px}body.embed-mode .masthead,body.embed-mode .footer{display:none}body.embed-mode .page-title{padding:10px 0 12px}body.embed-mode .page-title h1{font-size:25px}body.embed-mode .page-title .subhead,body.embed-mode .reference-pill{display:none}body.embed-mode .layout{flex:1;min-height:0}body.embed-mode .visual-pane{display:flex;flex-direction:column;min-height:0}body.embed-mode .stage{height:auto;flex:1;min-height:160px}body.embed-mode .readout-grid{flex-shrink:0}body.embed-mode .control-pane{height:100%;overflow:auto}
@media(max-width:1020px){.app{padding:0 18px}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:13px}.readout-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:10px 11px}.metric strong{font-size:25px}.stage{height:510px}.panel-heading,.tab-content,.inspector{padding-left:16px;padding-right:16px}.science summary{padding-left:16px;padding-right:16px}}
@media(max-width:750px){.app{padding:0 12px}.masthead{height:46px}.chapter,.reference-pill{display:none}.page-title{padding:18px 2px 17px}.page-title h1{font-size:31px}.subhead{font-size:11px}.layout{display:flex;flex-direction:column;gap:12px}.stage{height:clamp(305px,105vw,460px)}.stage-head{font-size:8px;left:11px;top:10px}.stage-bottom{left:9px;right:9px;bottom:8px;gap:4px}.stage-bottom span{font-size:7px;padding:5px}.toolbar{padding:4px 6px;min-height:49px}.toolset button{font-size:12px;padding:7px 6px}.quality-wrap{padding-left:7px}.quality-label{font-size:8px}.view-row{padding:6px 9px;min-height:45px}.view-actions button{padding:6px 7px;font-size:10px}.metric strong{font-size:25px}.metric>span{font-size:8px}.control-pane{width:100%;align-self:stretch}.science-inner{max-height:320px}.footer{font-size:8px;gap:12px}.panel-heading{padding-top:17px}body.embed-mode .app{padding:0 6px}body.embed-mode .page-title{padding:4px 0 5px}body.embed-mode .page-title .eyebrow{display:none}body.embed-mode .page-title h1{font-size:18px;margin:0}body.embed-mode .layout{display:flex;flex-direction:column;gap:3px}body.embed-mode .visual-pane{flex:0 0 56%;height:56%;min-height:0}body.embed-mode .stage{min-height:0}body.embed-mode .control-pane{flex:1;height:auto;min-height:0;overflow-y:auto}body.embed-mode .toolbar{min-height:34px;padding:1px 5px}body.embed-mode .toolbar button{padding:4px 6px}body.embed-mode .view-row{min-height:30px;padding:1px 6px}body.embed-mode .readout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.embed-mode .metric{padding:5px 5px}body.embed-mode .metric strong{font-size:17px}body.embed-mode .metric strong small{font-size:8px}body.embed-mode .metric>span{font-size:6px;margin-bottom:1px}body.embed-mode .panel-heading{padding-top:8px;padding-bottom:6px}body.embed-mode .panel-heading h2{font-size:18px}body.embed-mode .tab-row .tab{padding:7px 5px}body.embed-mode .tab-content{padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}