:root{color-scheme:dark;--bg:#09151c;--panel:#10232c;--border:#263d47;--text:#e7efee;--muted:#9eb3bc;--mint:#a6e7c8;--gold:#f2cf93;--blue:#8bbbe2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 'Segoe UI',Arial,sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:transparent;border-radius:6px;padding:7px 13px;transition:background .18s}button:hover{background:#243d47}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:var(--mint)}header{height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wordmark{text-decoration:none;color:var(--text);font-size:12px;letter-spacing:.14em}.wordmark b{color:var(--muted);margin-left:16px}.symbol{color:var(--mint);font-size:28px;vertical-align:middle;margin-right:10px}.header-right{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.1em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}main{max-width:1700px;margin:auto;padding:38px 4vw}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--mint);font-weight:600;margin:0 0 10px}h1{font-family:Georgia,serif;font-size:clamp(32px,3.5vw,58px);font-weight:400;letter-spacing:-.03em;line-height:1.12;margin:8px 0 14px}.sub{color:var(--muted);margin:0}.intro-note{border-left:1px solid var(--border);padding-left:22px}.intro-note span{font-size:10px;letter-spacing:.12em;color:var(--gold)}.intro-note p{font-size:12px;color:var(--muted);margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.stage-panel{min-width:0;background:#0b1a22}.views{display:flex;gap:3px;padding:12px 18px;border-bottom:1px solid var(--border)}.views button{border-color:transparent;padding:7px 14px;color:var(--muted);font-size:11px}.views b{font-weight:500;margin-left:8px;font-size:13px}.views small{margin-left:12px;font-size:10px;opacity:.6}.views .selected{background:#213e40;color:var(--mint);border-color:#355a54}#viewport{height:600px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#152f3c,#08151e 80%);touch-action:none}#viewport canvas{width:100%;height:100%;display:block}#scene-heading{position:absolute;left:26px;top:24px;pointer-events:none;z-index:2;max-width:75%}#scene-kicker{font-size:9px;color:var(--gold);letter-spacing:.14em;margin:0 0 6px}#scene-title{font-size:17px;font-weight:400;margin:0;max-width:430px;text-shadow:0 2px 4px #000}.viewer-status{position:absolute;right:18px;top:18px;display:flex;gap:6px;z-index:2;font-size:9px;color:var(--muted)}.viewer-status span{padding:3px 6px;background:#10212bc9;border:1px solid #26414b;border-radius:4px}#source-badge{display:none}.viewer-bottom{position:absolute;bottom:16px;left:22px;right:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;pointer-events:none}#scale-note{color:var(--gold)}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;background:#0b1b25;z-index:10;color:var(--muted)}#loading[hidden]{display:none}.spinner{width:28px;height:28px;border:2px solid #2e5258;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#labels{position:absolute;inset:0;pointer-events:none}.model-label{position:absolute;padding:4px 9px;border:1px solid #345660;border-radius:3px;background:#0b1c27d9;font-size:10px;color:#cce8e4;white-space:nowrap;transform:translate(-50%,-50%)}#atom-tooltip{position:absolute;bottom:48px;left:20px;max-width:90%;padding:8px 12px;background:#152e39ee;color:var(--mint);border:1px solid #41646c;border-radius:4px;font-size:11px;pointer-events:none}.under-view{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.under-view button{font-size:10px;padding:5px 8px}.color-key{display:flex;gap:12px}.color-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:5px}.playback{display:flex;align-items:center;gap:9px;padding:14px 18px;border-top:1px solid var(--border);font-size:11px;flex-wrap:wrap}.play{color:#0d2521;background:var(--mint);border-color:var(--mint);font-weight:600}.play:hover{background:#c0f5dc}.timeline{height:3px;flex:1;min-width:30px;background:#263f49}.timeline>div{height:100%;background:var(--gold);width:0}#tour-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px}select{background:#112832;border:1px solid var(--border);border-radius:4px;padding:6px}aside{border-left:1px solid var(--border);background:#11252e;padding:20px}.aside-title{display:flex;align-items:center;justify-content:space-between}.aside-title .eyebrow{font-size:9px;margin:0}#chapter-count{font-size:10px;color:var(--muted)}.chapters{margin-top:17px;display:flex;flex-direction:column;gap:4px}.chapters button{display:flex;gap:12px;align-items:center;text-align:left;border-color:transparent;padding:10px 9px}.chapters button.selected{border-color:#3f615b;background:#1d3839}.chapters em{font-style:normal;font-size:10px;color:var(--mint)}.chapters b,.chapters small{display:block}.chapters b{font-size:12px;font-weight:500}.chapters small{font-size:10px;color:var(--muted)}.explanation{border-top:1px solid var(--border);margin-top:18px;padding-top:5px}.explanation h3{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.3;margin-bottom:9px}.explanation p{font-size:12px;color:#bacbd0;margin:9px 0}.explanation .caveat{font-size:10px;color:var(--gold);border-left:2px solid #7c7159;padding-left:10px}.detail-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.detail-controls label{font-size:10px;color:var(--muted);width:100%}.detail-controls select{width:100%;margin-top:5px;font-size:12px}.detail-controls button{font-size:10px}button[aria-pressed=true]{border-color:#78bca4;color:var(--mint)}.insights{display:grid;grid-template-columns:1.1fr 1fr;margin-top:20px;border:1px solid var(--border);border-radius:8px}.insights article{padding:23px 27px}.insights article+article{border-left:1px solid var(--border)}.insights h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 14px}.insights p:not(.eyebrow){font-size:11px;color:var(--muted);margin:12px 0 0}.reaction{display:flex;gap:12px;font-size:13px;margin:7px 0}.reaction b{min-width:40px;color:var(--gold);font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics strong{font-family:Georgia,serif;font-weight:400;font-size:37px;color:var(--mint);display:block;font-variant-numeric:tabular-nums}.metrics span{font-size:10px;color:var(--muted)}.note{color:var(--gold)!important}.sources{margin-top:40px}.sources h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0 0 22px}.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.evidence article{border-top:1px solid var(--border);padding-top:15px}.evidence p{color:var(--muted);font-size:12px}.tag{font-size:9px;letter-spacing:.1em;color:var(--mint)}.tag.simulated{color:var(--blue)}.tag.concept{color:var(--gold)}.source-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.source-list a{border:1px solid var(--border);padding:12px;text-decoration:none;font-size:12px;border-radius:5px}.source-list small{display:block;font-size:10px;color:var(--muted)}details{border-top:1px solid var(--border);padding:15px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--text)}footer{display:flex;justify-content:space-between;margin:0 4vw;padding:20px 0;border-top:1px solid var(--border);font-size:9px;letter-spacing:.1em;color:var(--muted)}@media(min-width:1450px){#viewport{height:660px}}@media(max-width:1000px){.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--border)}.chapters{display:grid;grid-template-columns:repeat(3,1fr)}#viewport{height:530px}.intro-note{display:none}.source-list{grid-template-columns:1fr 1fr}.detail-controls label{width:50%}}@media(max-width:620px){header{padding:0 18px}.header-right{font-size:0}.header-right button{font-size:10px}main{padding:28px 14px}h1{font-size:36px}.sub{font-size:12px}#viewport{height:440px}.views{padding:9px}.views small{display:none}.views button{padding:6px 10px}#scene-heading{left:15px;top:18px;max-width:90%}#scene-title{font-size:15px}.viewer-status{top:auto;bottom:42px;font-size:8px}.viewer-bottom{font-size:8px;left:12px;right:12px}.color-key{gap:6px}.under-view{padding:9px}.under-view button{font-size:9px;padding:4px 6px}.playback{padding:10px;font-size:10px}.chapters{grid-template-columns:1fr 1fr}.chapters b{font-size:11px}.chapters small{font-size:9px}.insights,.evidence{grid-template-columns:1fr}.insights article+article{border-left:0;border-top:1px solid var(--border)}.insights article{padding:20px}.sources h2{font-size:26px}.detail-controls label{width:100%}.model-label{font-size:8px;max-width:160px;white-space:normal}footer{display:block;line-height:2}footer span{display:block}}
#redox-cycle{position:absolute;bottom:48px;left:20px;right:20px;padding:10px 13px;background:#102733eb;border:1px solid #325761;border-radius:5px;pointer-events:none}#redox-cycle small{font-size:8px;letter-spacing:.11em;color:var(--muted)}#redox-cycle>div{display:flex;align-items:center;gap:12px;margin-top:5px;font-size:10px;flex-wrap:wrap}#redox-cycle b{font-size:11px;font-weight:500;padding:4px 8px;border:1px solid transparent}#redox-cycle b.current{border-color:var(--gold);border-radius:4px;color:var(--gold)}#redox-cycle[hidden]{display:none}#atom-tooltip{z-index:6;bottom:145px}

.language-toggle{display:inline-flex;gap:2px;letter-spacing:0;border:1px solid var(--border);border-radius:5px;padding:2px;background:#0d2029}.language-toggle button{font-size:9px;letter-spacing:.08em;padding:3px 7px;border:0;border-radius:3px;color:var(--muted)}.language-toggle button[aria-pressed=true]{background:#23423f;color:var(--mint)}@media(max-width:620px){.header-right{gap:7px}.language-toggle{display:inline-flex}.language-toggle button{font-size:8px;padding:3px 6px}}