:root{color-scheme:light;--bg:#f5efe4;--text:#45413b;--muted:#928675;--mint:#6585ab;--amber:#b48743;--line:#77664b24}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:var(--text)}body{height:100dvh;display:grid;grid-template-rows:52px minmax(0,1fr);background:radial-gradient(ellipse at 50% 42%,#fffcf5,#f5efe4 73%);overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;font-weight:600;color:#615c52;text-decoration:none}.brand-mark{font-size:25px;color:#a1875d}.header-actions{display:flex;align-items:center;gap:22px}.quiet{font-size:12px;color:#857b6f;padding:6px 0}.quiet span{margin-left:8px}.icon-button{width:30px;height:30px;font-size:22px;color:#857b6f;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{background:#c6b99c22}main{width:100%;max-width:2400px;min-height:0;margin:0 auto;padding:0 3%;display:grid;grid-template-rows:minmax(0,1fr) 56px 28px}.comparison{min-height:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:108px minmax(0,1fr) 67px 27px;column-gap:5%;isolation:isolate}.comparison-head{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:16px;align-items:start;padding:15px 1% 0;z-index:3;pointer-events:none}.plan-heading-row{display:contents}.world-label{display:flex;gap:12px;align-items:center;min-width:0;margin-top:6px}.world-label.left{grid-column:1;grid-row:1}.world-label.right{grid-column:3;grid-row:1;justify-self:end}.plan-index{border:1px solid currentColor;border-radius:50%;height:30px;width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px}.amber{color:var(--amber)}.mint{color:var(--mint)}h2{font-size:clamp(13px,1.35vw,21px);font-weight:550;letter-spacing:-.4px;margin:0}.world-label p{font-size:clamp(10px,.95vw,13px);color:var(--muted);margin:6px 0 0}.story-row{grid-column:2;grid-row:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.demand-meter{background:#fffaf0dc;border:1px solid #c8b99a55;border-radius:15px;padding:8px 13px;width:100%}.demand-meter>span{font-size:8px;letter-spacing:1px;color:#968166}.demand-meter>div{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:5px}.demand-meter b{font-size:11px;font-weight:500;white-space:nowrap;color:#826f53}.demand-meter i{display:block;flex:1;max-width:100px;height:4px;background:#c8b38e;border-radius:3px;overflow:hidden}.demand-meter em{display:block;float:right;height:4px;width:50%;background:#b87b60;transition:width .3s}.eyebrow{font-size:8px;letter-spacing:1.3px;font-weight:600;color:#948575}.chapter-caption h1{font-size:12px;font-weight:500;letter-spacing:-.2px;line-height:1.3;margin:3px 0 0;color:#6f6251}.weather{position:absolute;right:1%;top:72px;display:flex;align-items:center;gap:6px;color:#847560}.weather>span{font-size:20px;color:var(--amber)}.weather strong{font-size:10px;font-weight:500}.weather div>span{font-size:10px;font-family:monospace;margin-left:8px;color:#9a8b77}#world{grid-column:1/-1;grid-row:2;min-height:0;min-width:0;cursor:grab;touch-action:none}#world:active{cursor:grabbing}#world canvas{width:100%;height:100%;display:block}.divider{grid-row:2/4;grid-column:1/-1;justify-self:center;width:1px;background:linear-gradient(transparent,#9c876822,transparent);pointer-events:none}.metrics{grid-row:3;position:relative;display:flex;gap:clamp(20px,4vw,80px);padding:4px 2% 8px;pointer-events:none;min-width:0}.metrics.left{grid-column:1}.metrics.right{grid-column:2}.metrics>div>span{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.metrics strong{font-weight:400;font-size:26px;font-variant-numeric:tabular-nums}.primary-metric strong{font-size:30px}.primary-metric b{font-weight:500}.metrics small{font-size:14px;color:#9a9184;font-weight:400}.delivery-track{height:2px;position:absolute;bottom:1px;left:2%;right:2%;background:#b8aa9129}.delivery-track i{display:block;height:2px;width:0;background:var(--amber);transition:width .25s}.right .delivery-track i{background:var(--mint)}.scene-note{grid-row:4;grid-column:1/-1;align-self:center;justify-self:center;font-size:10px;color:#8c8172;text-align:center;padding:0 130px;pointer-events:none}.camera-tools{grid-row:4;grid-column:2;justify-self:end;align-self:center;display:flex;align-items:center;z-index:3;gap:1px}.camera-tools button{font-size:18px;width:23px;height:23px;color:#89785f}.camera-tools span{font-size:9px;color:#9b8970;min-width:31px;text-align:center}.transport{border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:5px 0}.playback{display:flex;align-items:center;gap:10px}.play-button{width:32px;height:32px;background:#5a7391;color:#fff9ef;border-radius:50%;font-size:15px}.elapsed{font-size:11px;font-family:monospace;color:var(--muted);min-width:35px}.timeline{flex:1;min-width:0;position:relative;padding-top:9px}.timeline input{width:100%;accent-color:var(--mint);cursor:pointer;height:3px;margin:0;display:block}.timeline-labels{display:flex;justify-content:space-between;font-size:9px;color:#9c8c76;margin-top:8px}.timeline-labels span:nth-child(2){position:absolute;left:26%;transform:translateX(-50%)}.storm-button{height:32px;border:1px solid #c9bda6;background:#eee5d5;color:#706354;padding:0 13px;border-radius:5px;font-size:11px;white-space:nowrap}.storm-button span{font-size:18px;margin-right:4px}.sound{position:relative}.sound span{position:absolute;font-size:8px;bottom:0;right:0}.footnote{display:flex;align-items:center;justify-content:space-between;color:#928572;font-size:8px;letter-spacing:1px}.footnote>div{display:flex;gap:9px;align-items:center;letter-spacing:0;font-size:10px}.footnote select{background:transparent;border:0;color:#928572;font-size:10px;cursor:pointer;padding:3px}.footnote .quiet{font-size:10px}.foot-dot{opacity:.5}#loading{position:absolute;inset:0;display:flex;gap:13px;align-items:center;justify-content:center;z-index:4;background:#f5efe4ee;font-size:13px;color:#8c7c62;transition:opacity .6s}#loading.hidden{opacity:0;pointer-events:none}.loader{width:18px;height:18px;border:1px solid #c8bda5;border-top-color:#9c7d49;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
dialog{border:1px solid #ffffff20;border-radius:12px;background:#17252c;color:#d5e2df;max-width:690px;width:90%;padding:27px 32px;max-height:87vh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#040d12b0;backdrop-filter:blur(9px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}dialog h2{font-size:30px;font-weight:400;letter-spacing:-.8px;margin:10px 0 20px}dialog p{font-size:14px;line-height:1.7;color:#afc0c1}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.method-grid h3{font-size:14px;font-weight:500;color:var(--mint)}.method-grid div:first-child h3{color:var(--amber)}.method-grid p{font-size:13px}.model-equation{font-size:13px;background:#0a181f;padding:20px;text-align:center;border-radius:5px;line-height:1.9}sub{font-size:9px;color:#9aafaf}.modal-settings{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px;gap:20px}.modal-settings>span{color:#6f888f;font-size:11px}.modal-settings input{accent-color:var(--mint)}details{border-top:1px solid #ffffff18;padding-top:18px;margin-top:20px}summary{font-size:13px;cursor:pointer;color:#c9d9d7}table{border-collapse:collapse;width:100%;font-size:11px;margin:14px 0}th,td{padding:8px 6px;border-bottom:1px solid #ffffff12;text-align:right;font-weight:400}th:first-child,td:first-child{text-align:left}th{color:#89a2a7}td.selected{color:var(--mint)}#score-table table+table,#score-table .sweep-note{margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
dialog{background:#fffbf2;color:#555048;border-color:#d6c8b1;box-shadow:0 25px 100px #6f593b30}dialog::backdrop{background:#574a3944}dialog p{color:#807566}.method-grid h3{color:#6585ab}.model-equation{background:#f3eadb}details{border-color:#cabb9f55}summary{color:#746553}th{color:#8e7f68}th,td{border-color:#cbbb9b33}
@media(max-width:900px){.comparison-head{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:10px}.world-label{gap:7px}.plan-index{width:24px;height:24px;font-size:9px}.world-label h2{font-size:13px}.world-label p{font-size:10px}.chapter-caption h1{font-size:11px}.transport{gap:12px}.footnote>span{font-size:7px;letter-spacing:.4px}}
@media(max-height:650px) and (min-width:651px){body{grid-template-rows:40px minmax(0,1fr)}main{grid-template-rows:minmax(0,1fr) 46px 23px}.comparison{grid-template-rows:94px minmax(0,1fr) 55px 23px}.comparison-head{padding-top:6px}.metrics strong,.primary-metric strong{font-size:24px}.metrics>div>span{font-size:10px}.weather{top:65px}}
.comparison-head .world-label{pointer-events:auto}
.weather{pointer-events:none}
.swap-hint{display:inline-block;margin-top:6px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;opacity:.55;background:none;border:1px solid #77664b30;border-radius:9px;padding:2px 9px;color:#857b6f;font-weight:500;cursor:pointer;transition:opacity .15s}
.swap-hint:hover{opacity:.95}
.method-grid{grid-template-columns:1fr 1fr 1fr}
.demand-meter>div.dm-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:6px}
.dm{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.dm b{font-size:10px;white-space:nowrap;color:#826f53}
.dm i{display:block;width:100%;max-width:none;height:4px;background:#d8ccb2;border-radius:3px;overflow:hidden}
.dm em{display:block;float:none;height:4px;width:33%;border-radius:3px;transition:width .3s}
#demand-fill-w{background:#b87b60}
#demand-fill-c{background:#a1875d}
#demand-fill-e{background:#6585ab}
a.quiet{text-decoration:none}
a.quiet:hover{color:#45413b}
.header-sep{width:1px;height:14px;background:#77664b33;display:inline-block}
.modal-credit{margin-top:22px;padding-top:16px;border-top:1px solid #d6c8b1;font-size:12px;line-height:1.6;color:#807566}
.modal-credit p{margin:0 0 6px;font-size:12px;color:#807566}
.modal-credit a{color:#6585ab;text-decoration:none;font-weight:500}
.modal-credit a:hover{text-decoration:underline}
@media(max-width:650px){
body{grid-template-rows:42px minmax(0,1fr)}
main{padding:0 2%;grid-template-rows:minmax(0,1fr) 48px 27px}
.comparison{grid-template-columns:1fr;grid-template-rows:56px 1fr 1fr 28px;column-gap:0}
.comparison-head{position:absolute;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:56px 1fr 1fr 28px;gap:0;padding:0}
.story-row{display:contents}
.chapter-caption{position:absolute;top:12px;left:0;right:0;text-align:center}
.weather{top:12px;right:8px}
.demand-meter,.divider,.scene-note{display:none}
#world{grid-row:2/4}
#world::after{content:'';position:absolute;left:3%;right:3%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#9c876855,transparent);pointer-events:none;z-index:2}
.world-label{background:#fffaf0e0;border:1px solid #c8b99a55;border-radius:10px;padding:5px 10px;margin:0;gap:8px}
.world-label.left,.world-label.right{grid-column:auto;grid-row:auto;justify-self:stretch;align-self:auto;width:auto;left:auto;right:auto;top:auto;transform:none}
.world-label.left{grid-area:2/1/3/2;align-self:start;margin:6px 8px 0;z-index:3}
.world-label.right{grid-area:3/1/4/2;align-self:start;margin:6px 8px 0;z-index:3}
.world-label h2{font-size:11px;margin:0}
.world-label p{font-size:9px;margin:2px 0 0}
.world-label .swap-hint{margin-top:2px;padding:1px 7px;font-size:8px}
.plan-index{width:18px;height:18px;font-size:8px}
.metrics{grid-row:auto;grid-column:auto;position:relative;left:auto;right:auto;top:auto;bottom:auto;background:#fffaf0e0;border:1px solid #c8b99a55;border-radius:8px;padding:3px 10px 5px;gap:8px;z-index:2}
.metrics.left{grid-area:2/1/3/2;align-self:end;justify-self:stretch;margin:0 8px 6px}
.metrics.right{grid-area:3/1/4/2;align-self:end;justify-self:stretch;margin:0 8px 6px}
.metrics strong{font-size:14px}
.primary-metric strong{font-size:16px}
.metrics>div>span{font-size:8px;margin-bottom:2px}
.metrics small{font-size:8px}
.metrics::before{position:absolute;top:-9px;right:10px;font-size:9px;letter-spacing:1px}
.metrics.left::before{content:'01';color:var(--amber)}
.metrics.right::before{content:'02';color:var(--mint)}
.camera-tools{grid-column:1;grid-row:4}
header{padding:0 12px;gap:8px}
.wordmark{font-size:0;gap:0}
.brand-mark{font-size:24px}
.header-actions{gap:8px;margin-left:auto}
.header-actions .quiet{font-size:10px;white-space:nowrap}
.header-actions .quiet span{display:none}
.header-sep{display:none}
.transport{gap:7px}
.elapsed,.sound,.footnote>span{display:none}
.playback{gap:1px}
.storm-button{font-size:0;padding:0;width:30px}
.storm-button span{font-size:23px;margin:0}
.timeline-labels{font-size:8px}
.footnote>div{width:100%;justify-content:flex-end}
.weather{display:none}
}
.metrics{background:#fffaf0e6;border-radius:10px}
.metrics::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(184,123,96,.92),rgba(180,135,67,.85) 55%,rgba(151,71,44,.95));opacity:var(--dmg,0);transition:opacity .25s;z-index:1;mix-blend-mode:multiply}