:root{color-scheme:dark;--ink:#e9f4f8;--minor:#98afbf;--teal:#8ce8e7;--border:#244051;--bg:#06101b;--panel:#101f2c;--card:#142b38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.48 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #92e6ff;outline-offset:3px}button{border:1px solid #2c4b5f;background:#142b3c;border-radius:7px;padding:9px 12px;transition:.16s}button:hover{border-color:#78b9cc;background:#1d3c50}.site-shell{max-width:1800px;margin:auto}.topbar{height:70px;border-bottom:1px solid #193445;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,48px);gap:16px}.top-left,.top-right,.brandtext{display:flex;align-items:center;gap:14px}.brandtext{align-items:flex-start;flex-direction:column;gap:0;line-height:1.25}.brandtext small{color:#94b5c6;font-size:9px;letter-spacing:.21em;font-weight:700}.brandtext strong{font-weight:800;letter-spacing:.1em;font-size:19px}.brandtext strong span{color:#84d8d8}.sep{color:#4c778a}.logo-mark{color:#8ce8e7;background:#183442;border:1px solid #356176;border-radius:9px;padding:7px 11px;font-size:23px}.top-right{font-size:10px;font-weight:700;letter-spacing:.13em;color:#8fbdcb}.mini-dot{height:7px;width:7px;background:#a3ece0;border-radius:50%;box-shadow:0 0 10px #a3ece0}.count-token{background:#112938;border:1px solid #355566;padding:7px 10px;border-radius:6px;color:#cfe7ef}.mobile-toggle{display:none}.intro{padding:29px clamp(16px,3vw,48px) 32px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#7dd5d8;font-weight:800}.intro h1{font-size:clamp(26px,3vw,42px);letter-spacing:-.038em;line-height:1.17;font-weight:750;margin:10px 0 8px}.intro h1 em{font-style:normal;color:#7ec8ca}.intro p{color:#abc2cf;max-width:720px;margin:0;font-size:13px}.intro-stat{text-align:right;flex-shrink:0}.intro-stat span{font-size:38px;font-weight:800;letter-spacing:-.04em}.intro-stat small{display:block;color:#85a8b8;letter-spacing:.16em;font-size:9px}.workspace{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(325px,.85fr);gap:15px;padding:0 clamp(16px,3vw,48px);align-items:stretch}.viewer-column,.control-column{min-width:0}.viewer-top{border:1px solid #2b5063;background:#0b202d;border-radius:11px 11px 0 0;padding:8px}.mode-tabs{display:flex;gap:6px;overflow:auto}.mode-tabs button{font-size:11px;white-space:nowrap;padding:10px 12px;flex:1;background:transparent;border:1px solid transparent;color:#a3bcc8}.mode-tabs button.active{background:#183d4b;color:#c5f7fa;border-color:#3d8696}.stage{height:clamp(450px,53vw,650px);position:relative;border:1px solid #2a4c60;border-top:0;overflow:hidden;background:radial-gradient(ellipse at 55% 42%,#17334b,#07121e 65%)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#scene{touch-action:none;cursor:grab;z-index:1}#scene:active{cursor:grabbing}#overlay{z-index:2;pointer-events:none}.stage-grid{position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 49px,#22475c22 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,#22475c22 50px);mask-image:linear-gradient(transparent 20%,black 85%)}.stage-head{position:absolute;z-index:3;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.chip{font-size:9px;letter-spacing:.11em;font-weight:800;color:#b8e2e9;border:1px solid #356073;background:#112938dd;padding:7px 10px;border-radius:5px}.chip i{display:inline-block;width:6px;height:6px;background:#7bdcc5;border-radius:50%;margin-right:5px}.chip.muted{color:#8cb1bd;letter-spacing:0;font-weight:600}.viewer-bottom{z-index:3;position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;pointer-events:none}.viewer-bottom button{pointer-events:auto;background:#173445ef;padding:7px 11px;font-size:11px}.view-buttons{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.view-buttons .accent-button{color:#112936;background:#98e8e5;border-color:#98e8e5;font-weight:800}.orientation{display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#a4c8d7;font-size:10px}.axis-mark{font-size:12px;color:#d5f9f6;letter-spacing:.3em;font-weight:800}.loading{z-index:5;position:absolute;top:46%;width:100%;text-align:center;color:#c4e7ef;font-size:13px;padding:20px;background:#0c243add}.loading[hidden]{display:none}.model-summary{border:1px solid #2a4c60;border-top:0;border-radius:0 0 10px 10px;display:flex;align-items:center;gap:36px;flex-wrap:wrap;padding:15px 18px;background:#0e1e2d}.model-summary>div{display:flex;flex-direction:column;gap:3px}.minor{font-size:9px;letter-spacing:.18em;color:#7297aa;font-weight:800}.model-summary strong{font-size:11px;color:#c8e7ef}.chip-summary{margin-left:auto;color:#9bbbc9!important;font-size:10px}.chip-summary span{color:#85e1da}.reading-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px 4px}.reading-row article{max-width:600px}.reading-row h2,.closing h2{margin:8px 0 5px;font-size:23px;line-height:1.3;letter-spacing:-.035em}.reading-row p,.closing p{color:#a5bfcd;font-size:12px;margin:0;line-height:1.7}.keyfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:200px}.keyfacts div{display:flex;flex-direction:column;border-left:1px solid #264b5a;padding-left:12px}.keyfacts span{font-size:24px;color:#c6ede9;font-weight:800}.keyfacts small{font-size:8px;letter-spacing:.12em;color:#78a4b4}.control-column{background:#0b1c29;border:1px solid #29475a;border-radius:10px;overflow:hidden;max-height:920px;display:flex;flex-direction:column;min-height:650px}.control-top{display:flex;justify-content:space-between;gap:8px;padding:18px 17px 13px;border-bottom:1px solid #294657;flex-shrink:0}.independent{font-size:9px;letter-spacing:.11em;color:#a4ddcf}.panel-scroll{overflow:auto;overscroll-behavior:contain}.control-section{padding:17px 17px 20px;border-bottom:1px solid #233c4c}.section-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px}.section-title h2{margin:0;font-size:14px;font-weight:750}.section-title small{font-size:9px;letter-spacing:.14em;color:#6797a9}.control-pair{display:flex;justify-content:space-between;align-items:center;margin:13px 0 5px;font-size:11px;color:#b1cbd6}.control-pair output{color:#b5f3ea;font-weight:800}.fieldlabel{display:block;font-size:10px;color:#9dbccc;margin:12px 0 7px}select{border:1px solid #365b6e;background:#152d3e;padding:9px;border-radius:6px;width:100%;font-size:11px;min-height:37px}input[type=range]{width:100%;margin:6px 0 9px;accent-color:#77deda;height:18px;cursor:pointer}input[type=checkbox]{accent-color:#77dddc;width:15px;height:15px;cursor:pointer}.horizontal-controls,.guide-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.horizontal-controls button{flex:1;font-size:11px}.guide-buttons button{flex:1;min-width:48px;font-size:10px;padding:8px 5px}.group-list{max-height:230px;overflow:auto;border:1px solid #264658;border-radius:7px;background:#0a1c2a;margin-top:12px}.group-row{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:10.5px;color:#c0d9df;border-bottom:1px solid #1d3645;cursor:pointer}.group-row:last-child{border:0}.group-row span{flex:1}.group-row small{color:#79a1b0}.selection-card{background:#142d3d;border-left:3px solid #69ceca;border-radius:4px;padding:11px;margin-top:13px;display:flex;flex-direction:column;gap:4px}.selection-card strong{font-size:12px}.selection-card span{font-size:10px;color:#95bccc}.selection-card p,.panel-hint{font-size:10.5px;color:#9ebdca;margin:4px 0 0}.guide-indicator{background:#143343;padding:11px;color:#c6f0ec;border:1px solid #386070;font-size:11px;border-radius:6px}.readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.readouts>div{background:#132c3b;border:1px solid #284d61;border-radius:7px;padding:12px 10px;display:flex;flex-direction:column;gap:3px}.readouts small{color:#80afbd;font-size:8px;font-weight:700;letter-spacing:.1em}.readouts strong{font-size:19px;white-space:nowrap;letter-spacing:-.02em;color:#bdf1eb}.readouts span{font-size:9px;color:#8bacc1}.verification{background:#132b38;border:1px solid #44726f;border-radius:7px;padding:11px;display:flex;flex-direction:column;gap:4px}.verification span{font-size:9px;color:#97dcd0;letter-spacing:.06em}.verification strong{font-size:19px}.verification small{color:#abc9cf;font-size:10px}.verification b{color:#bef5df}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;margin:11px 0}.science-disclosure{padding:16px 17px;background:#102735}.science-disclosure summary{cursor:pointer;color:#d2f6ed;font-weight:800;font-size:13px}.science-disclosure summary span{display:block;color:#83adb9;font-size:10px;font-weight:400}.science-disclosure>div{font-size:11px;color:#b7d1d8;line-height:1.7}.science-disclosure p{margin:9px 0}.footer-note{padding:14px 17px 22px;font-size:10px;line-height:1.7;color:#739dae}.closing{margin:18px clamp(16px,3vw,48px) 65px;padding:28px;border:1px solid #234556;background:#0c1f2e;border-radius:9px}.closing p{max-width:900px}.closing .legal{color:#b3e5df;font-size:11px;margin-top:14px}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .site-shell{height:100%;max-width:none}body.embed-mode .topbar,body.embed-mode .intro,body.embed-mode .reading-row,body.embed-mode .closing{display:none}body.embed-mode .workspace{height:100%;padding:0;gap:0;grid-template-columns:minmax(0,1fr) 330px}body.embed-mode .viewer-column{height:100%;display:flex;flex-direction:column}body.embed-mode .viewer-top{border-radius:0;flex-shrink:0}body.embed-mode .stage{flex:1;height:auto;min-height:0;border-radius:0}body.embed-mode .model-summary{flex-shrink:0;border-radius:0}body.embed-mode .control-column{max-height:none;min-height:0;border-radius:0}
@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1.45fr) minmax(305px,.9fr);gap:10px;padding:0 14px}.topbar,.intro{padding-left:14px;padding-right:14px}.stage{height:530px}.chip.muted{display:none}.keyfacts{min-width:160px}.reading-row h2{font-size:20px}.readouts strong{font-size:17px}}
@media(max-width:700px){.topbar{height:58px;padding:0 12px}.top-right>.mini-dot,.top-right>span:not(.count-token){display:none}.top-right .count-token{font-size:9px;padding:5px}.brandtext small{font-size:7px}.brandtext strong{font-size:15px}.logo-mark{padding:4px 8px}.mobile-toggle{display:block;padding:5px 8px;font-size:10px}.intro{padding:16px 14px 17px}.intro h1{font-size:25px}.intro p{font-size:11px}.intro-stat{display:none}.workspace{display:flex;flex-direction:column;gap:9px;padding:0 8px}.viewer-top{padding:5px}.mode-tabs button{padding:9px 10px;flex:0 0 auto;font-size:10px}.stage{height:min(58dvh,510px);min-height:365px}.stage-head{top:10px;left:10px;right:10px}.chip{font-size:8px;padding:6px}.viewer-bottom{bottom:9px;left:10px;right:10px;flex-direction:column;align-items:stretch}.orientation{font-size:9px;flex-direction:row;justify-content:space-between}.view-buttons{justify-content:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.view-buttons button{padding:9px 3px;font-size:10px}.model-summary{padding:10px;gap:8px;justify-content:space-between}.model-summary strong{font-size:10px}.chip-summary{display:none}.reading-row{padding:20px 5px 8px;align-items:flex-start}.reading-row h2{font-size:19px}.reading-row p{font-size:11px}.keyfacts{display:none}.control-column{max-height:none;min-height:0;border-radius:9px}.control-top{padding:13px 12px}.panel-scroll{max-height:540px}.control-section{padding:14px 12px}.closing{padding:20px;margin:20px 9px 30px}.closing h2{font-size:19px}body.embed-mode .workspace{display:flex;flex-direction:column;gap:0;height:100%;padding:0}body.embed-mode .viewer-column{height:60%;flex:0 0 60%;min-height:0}body.embed-mode .viewer-top{flex:0 0 auto}body.embed-mode .stage{flex:1;min-height:0;height:auto}body.embed-mode .model-summary{flex:0 0 auto;min-height:36px}body.embed-mode .control-column{height:40%;flex:0 0 40%;max-height:none;min-height:0}body.embed-mode .panel-scroll{max-height:none;overflow-y:auto}body.embed-mode .control-top{display:flex}body.embed-mode .control-column{overflow:hidden}body.embed-mode .mode-tabs button{padding:8px 10px}body.embed-mode .stage-head{display:none}}
@media(max-width:399px){.stage{height:470px}.model-summary .minor{font-size:8px}.model-summary strong{font-size:9px}.readouts strong{font-size:17px}}

.article-expand{margin:0 clamp(16px,3vw,48px) 60px;background:#102332;border:1px solid #2b4a5a;border-radius:9px;padding:20px 26px}.article-expand>summary{cursor:pointer;font-size:17px;font-weight:700;color:#c5eee9}.article-expand>summary span{display:block;font-size:11px;font-weight:400;color:#88aebb}.article-text{max-width:900px;margin:20px auto 0}.article-text h2{font-size:25px}.article-text h3{font-size:19px;margin:30px 0 8px}.article-text h4{font-size:15px;color:#b4e5dd;margin:22px 0 5px}.article-text p{font-size:13px;line-height:1.8;color:#b4cbd5;margin:0 0 13px}body.embed-mode .article-expand{display:none}@media(max-width:700px){.article-expand{margin:10px 9px 26px;padding:16px}}