@charset "UTF-8";
:root{color-scheme:dark;--bg:#060c14;--panel:#0b1520;--line:#1c2c3a;--text:#e7edf3;--muted:#91a6b7;--cyan:#5cdbed;--mint:#76e8bd;--gold:#f7bc64;--lavender:#ad9be8;--font:"Segoe UI","Microsoft YaHei",sans-serif;--mono:"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#webgl:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .18s,color .18s,border-color .18s}button:hover{color:#fff}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.mono,.eyebrow,.mini-label,.card-number{font-family:var(--mono)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 3.2vw}.brand{display:flex;align-items:center;gap:16px}.brand-cn{font-size:26px;font-weight:700;letter-spacing:3px}.brand-en{font-size:12px;font-weight:600;letter-spacing:2.8px;line-height:1.6}.brand-tag{display:block;font-size:10px;letter-spacing:1.9px;font-weight:400;color:var(--muted)}.header-center{font:10px var(--mono);letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot,.live-dot{display:inline-block;border-radius:50%;width:5px;height:5px;background:var(--mint);box-shadow:0 0 9px #76e8bd65}.quiet-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#b2bfca;font-size:12px;min-height:44px}.small-icon{border:1px solid #657c8e;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:17px;height:17px;font:12px serif}main{max-width:1840px;margin:auto;padding:0 3.2vw}.intro{padding:31px 0 27px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--cyan);display:flex;gap:24px}.edition{color:#576f82}h1{font-weight:500;font-size:34px;letter-spacing:2px;line-height:1.3;margin:10px 0 9px}h1>span{color:#97b5c6}h1 sup{font-size:12px;color:var(--gold);margin-left:8px;vertical-align:top}.intro p{font-size:13px;color:var(--muted);margin:0}.view-tabs{display:flex;gap:4px;border:1px solid var(--line);padding:5px;border-radius:7px;background:#0a131e}.view-tabs button{border:0;border-radius:4px;background:transparent;padding:10px 18px;color:#9aafbf;min-height:44px;font-size:13px;white-space:nowrap}.view-tabs button span{font:10px var(--mono);opacity:.6;margin-right:8px}.view-tabs button:hover{background:#152333}.view-tabs button.active{color:var(--cyan);background:#17313d;box-shadow:inset 0 0 0 1px #2b5666}.workspace{display:grid;grid-template-columns:222px minmax(0,1fr) 260px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(110deg,#0b1521,#070e18 45%,#0a1421)}.left-panel,.right-panel{padding:23px 22px;z-index:1;background:#0b1520cc}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-bottom:23px}.panel-heading .mono{font-size:9px;letter-spacing:.7px;color:#728ea1}.panel-heading .live{color:var(--mint);font-size:8px}.field-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}select,input[type=number],input[type=date]{color:#d3e1ea;background:#101e2b;border:1px solid #2b4050;border-radius:5px;min-height:43px;padding:8px 11px;width:100%;font-size:12px}select{cursor:pointer}input[type=number]{font-family:var(--mono);font-size:15px;width:100%;padding:8px}.coordinate-fields{display:flex;gap:10px;margin-top:16px}.coordinate-fields label{width:50%;color:var(--muted);font-size:11px}.coordinate-fields label span{font-size:9px;opacity:.7;float:right}.coordinate-fields input{margin-top:7px}.micro{font-size:10px;color:#91a6b7;line-height:1.7;margin:8px 0 0}.section-divider{height:1px;background:var(--line);margin:23px 0}.layer-list{display:flex;flex-direction:column;gap:1px;margin-top:-10px}.layer-list label{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:36px;cursor:pointer;color:#b1c2ce;font-size:12px}.layer-list label span{display:flex;gap:9px;align-items:center}.legend-line{display:inline-block;width:13px;height:2px;background:var(--cyan)}.mint{background:var(--mint)}.gold,.amber{background:var(--gold)}.lavender{background:var(--lavender)}.white{background:#cadde7}.dashed{background:linear-gradient(90deg,var(--gold) 50%,transparent 50%);background-size:5px}.layer-list input{position:absolute;right:0;width:30px;height:26px;opacity:0;cursor:pointer}.layer-list b{width:27px;height:15px;border:1px solid #3c5261;background:#182634;border-radius:10px;pointer-events:none}.layer-list b:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#7c92a2;transform:translate(2px,2px);transition:.2s}.layer-list input:checked+b{background:#144554;border-color:#2a727d}.layer-list input:checked+b:after{transform:translate(13px,2px);background:var(--cyan)}.layer-list input:focus-visible+b{outline:2px solid var(--cyan);outline-offset:3px}.discovery{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.discovery .eyebrow{font-size:10px;color:#738c9e}.discovery button{background:none;border:0;padding:8px 0;text-align:left;font-size:12px;line-height:1.8;color:#d8bf96;width:100%}.discovery button span{float:right;font-size:16px}.discovery p{font-size:10px;color:#91a6b7;margin:0;line-height:1.8}.stage{position:relative;min-height:632px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#10243b42,transparent 65%)}#webgl{position:absolute;inset:0;touch-action:none;cursor:grab}#webgl:active{cursor:grabbing}#webgl canvas{display:block;width:100%;height:100%}.stage-header{position:absolute;top:21px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;z-index:2}.stage-caption{font:9px var(--mono);letter-spacing:1.3px;color:#b0c3d2;display:flex;align-items:center;gap:8px}.stage-caption i{width:5px;height:5px;border:1px solid var(--cyan);transform:rotate(45deg)}.scale-note{font-size:9px;color:#7b96aa}.stage-footer{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;color:#86a2b5;font:9px var(--mono);gap:12px;pointer-events:none}.stage-footer>span:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap}#gestureHint{font-family:var(--font)}.stage-tools{position:absolute;right:14px;top:45%;display:flex;flex-direction:column;border:1px solid #2b4052;border-radius:5px;background:#0c1928b8;z-index:3}.stage-tools button{width:34px;min-height:36px;border:0;border-bottom:1px solid #29394b;background:none;font-size:18px;color:#a8c5d5}.stage-tools button:last-child{border:0}.stage-tools button:hover{background:#1a394b;color:var(--cyan)}#labels{position:absolute;inset:0;pointer-events:none}.world-label{position:absolute;white-space:nowrap;font:10px var(--font);transform:translate(-50%,-50%);padding:3px 7px;text-shadow:0 2px 5px #000;background:#07101aaa;border:1px solid #35506466;border-radius:3px;backdrop-filter:blur(3px)}.world-label.important{color:var(--mint);border-color:#40867588}.world-label.gold-text{color:var(--gold)}.world-label.lavender-text{color:var(--lavender)}.hero-metric>span{font-size:11px;color:#9eb1bf}.tiny{font-style:italic;color:#6b889e;padding-left:6px}.hero-metric>div:not(.angle-meter){display:flex;align-items:baseline;gap:4px;margin:5px 0 9px}.hero-metric strong{font:52px/1.3 var(--mono);letter-spacing:-3px;color:#e8f4f7}.hero-metric>div>span{font-size:23px;color:var(--cyan);margin-left:3px}.hero-metric small{font-size:10px;color:var(--mint);margin-left:auto}.angle-meter{height:3px;border-radius:5px;background:#203244;position:relative;overflow:hidden}.angle-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .2s}.hero-metric p{font-size:10px;color:#91a6b7;margin:8px 0 21px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;border-bottom:1px solid var(--line);padding-bottom:20px}.metric-grid>div{display:flex;flex-direction:column;gap:3px}.metric-grid span{font-size:10px;color:var(--muted)}.metric-grid strong{font:17px/1.8 var(--mono);font-weight:400;color:#cbdee8}.curve-heading{display:flex;justify-content:space-between;margin:17px 0 0;font-size:10px;color:var(--muted)}.curve-heading .mono{font-size:9px;color:#71899c}#dailyChart{width:100%;display:block;margin-top:4px}.uv-note{border-top:1px solid var(--line);padding-top:16px;margin-top:10px}.mini-label{font-size:9px;letter-spacing:.7px;color:#a1b9c9}.uv-note .mini-label{color:var(--gold)}.uv-note h3{font-size:12px;font-weight:500;margin:8px 0}.uv-note p{font-size:11px;color:#9db0bf;line-height:1.9;margin:0 0 13px}.data-badge{display:inline-block;border:1px solid #3a4652;background:#1a232c;color:#a5bac7;font-size:9px;padding:2px 7px;border-radius:3px}.time-console{margin-top:12px;padding:20px 23px;display:grid;grid-template-columns:151px minmax(200px,1fr) 220px 144px;gap:30px;background:#0c1722;border:1px solid var(--line);border-radius:8px;align-items:center}.date-control input{margin-top:6px;font-family:var(--mono);font-size:13px}.seasons{display:flex;justify-content:space-between;margin-top:-2px}.seasons button{border:0;background:none;color:#a1b3bf;padding:2px 5px;min-height:34px;font-size:11px}.seasons button span{font:9px var(--mono);margin-left:6px;color:#728c9e}.seasons button.selected,.seasons button.selected span{color:var(--gold)}input[type=range]{width:100%;accent-color:var(--cyan);height:17px;cursor:pointer;margin:3px 0 0;border-radius:10px}.range-ends{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#7c91a2;margin-top:-1px}.clock-control{padding-left:25px;border-left:1px solid var(--line)}.clock-control>div{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.clock-control label{font-size:11px;color:#b2c5d3}.clock-control output{font:19px var(--mono);color:#d8eaf0}.clock-control .micro{font-size:9px}.play-control button{border:1px solid #45626e;border-radius:5px;background:#1b3c46;color:#a5f0e1;width:100%;height:40px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:13px}.play-control button:hover{background:#285260}.play-control select{border:0;background:transparent;min-height:25px;padding:5px 0 0;font-size:9px;color:#8fa8ba}.understanding{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px;margin:24px 0 35px}.insight-card{padding:23px 24px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(130deg,#0f1a26,#0a141e)}.insight-main{border-color:#34434a;background:linear-gradient(130deg,#1d2529,#0d1921)}.card-number{font-size:9px;letter-spacing:1px;color:#809eae}.insight-main .card-number{color:#c7aa7e}.insight-card h2{font-size:17px;font-weight:500;letter-spacing:.4px;margin:12px 0 8px}.insight-card p{font-size:11px;line-height:1.95;color:#9fb4c3;margin:0 0 14px}.insight-rule{font-size:9px;color:#c9b993;display:inline-block;border-top:1px solid #35444a;padding-top:9px}.action-line{display:flex;gap:12px;align-items:center;font-size:10px;color:#9fb7c5}.action-line b{font:12px var(--mono);color:var(--mint);padding:3px 8px;background:#16372f;border-radius:3px}.food-tags{display:flex;gap:5px;flex-wrap:wrap}.food-tags span{font-size:9px;color:#a9becd;border:1px solid #293d4d;border-radius:3px;padding:3px 6px}footer{border-top:1px solid var(--line);padding:22px 3.2vw 28px;display:flex;align-items:center;gap:25px;color:#6f8c9f;font-size:10px}footer>span{font-size:11px;color:#9cb0bf}footer p{margin:0}footer button{margin-left:auto;border:0;background:none;color:#91acbf;font-size:10px;min-height:44px}dialog{background:#0e1b28;color:var(--text);border:1px solid #3b5567;border-radius:12px;max-width:710px;width:calc(100% - 30px);max-height:85vh;padding:30px}dialog::backdrop{background:#02060ccc;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:8px 0;font-size:23px;font-weight:500}.dialog-head button{border:1px solid #355064;border-radius:50%;background:none;width:40px;height:40px;font-size:24px}.dialog-body h3{font-size:14px;color:#cee3ed;margin-top:25px}.dialog-body p,.sources{font-size:12px;line-height:2;color:#a6bdcc}.sources{padding-left:18px}.dialog-body .micro{font-size:10px}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%) translateY(12px);padding:11px 20px;border:1px solid #416c7c;background:#142d3ce8;backdrop-filter:blur(10px);border-radius:6px;color:#c5e8ee;font-size:12px;opacity:0;pointer-events:none;z-index:8;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%)}.loading{position:absolute;inset:0;background:#08121d;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--muted);z-index:5}.loading span{width:17px;height:17px;border:1px solid #335368;border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.loading.error{flex-direction:column;text-align:center;padding:35px}.fallback-copy{max-width:400px;line-height:2;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}#labView{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}#labSvg{width:100%;max-height:540px;margin-top:-30px}.lab-controls{position:absolute;bottom:62px;text-align:center;left:50%;transform:translateX(-50%);width:90%}.lab-controls>span{font-size:11px;color:#8eaebf}.lab-controls>div{display:flex;gap:8px;justify-content:center;margin-top:10px}.lab-controls button{border:1px solid #344d5f;border-radius:4px;background:#102335;font-size:10px;padding:7px 13px;min-height:36px}.lab-controls button.active{color:var(--gold);border-color:#9e7a45}.view-lab .stage-tools{display:none}
@media(min-width:1600px){.stage{min-height:700px}.workspace{grid-template-columns:245px minmax(0,1fr) 285px}.left-panel,.right-panel{padding:27px}.hero-metric strong{font-size:58px}.uv-note p{font-size:12px}#labSvg{max-height:620px}}
@media(max-width:1180px){main{padding:0 22px}.topbar{padding:0 22px}.workspace{grid-template-columns:190px minmax(0,1fr) 220px}.left-panel,.right-panel{padding:20px 15px}.stage-header{left:15px;right:15px;flex-direction:column;gap:5px}.stage-footer{left:15px;right:15px;flex-direction:column;gap:6px}.time-console{gap:20px;grid-template-columns:135px 1fr 180px 125px;padding:18px}.clock-control{padding-left:18px}.view-tabs button{padding:9px 12px}.hero-metric strong{font-size:44px}.metric-grid strong{font-size:15px}.seasons button span{display:none}.header-center{display:none}.understanding{grid-template-columns:1fr 1fr}.insight-main{grid-column:span 2}}
@media(max-width:900px){.intro{align-items:flex-start;flex-direction:column}.view-tabs{width:100%;justify-content:space-between}.view-tabs button{flex:1}.workspace{grid-template-columns:190px 1fr}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.right-panel>.panel-heading{grid-column:1/-1;margin-bottom:0}.hero-metric{grid-row:span 2}.metric-grid{border:0;padding-bottom:0}.curve-heading{margin:0}#dailyChart{grid-column:2;max-height:115px}.uv-note{grid-column:1/-1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.uv-note p{grid-column:2;grid-row:1/span 3;margin:0}.uv-note h3{font-size:13px}.data-badge{width:max-content}.stage{min-height:570px}.time-console{grid-template-columns:135px 1fr;gap:20px 25px}.clock-control{border:0;padding:0}.play-control{max-width:180px;margin-left:auto;width:100%}.time-console .clock-control>div{margin-bottom:0}}
@media(max-width:600px){.topbar{height:72px;padding:0 17px}.brand-cn{font-size:22px}.brand{gap:10px}.brand-en{font-size:10px;letter-spacing:2px}.brand-tag{font-size:9px;letter-spacing:1px}.quiet-button{font-size:10px;gap:5px}main{padding:0 13px}.intro{padding:23px 3px 20px;gap:20px}h1{font-size:29px}.eyebrow{font-size:8px;gap:15px}.intro p{font-size:12px}.view-tabs{padding:4px;gap:0}.view-tabs button{font-size:11px;padding:8px 5px}.view-tabs button span{margin-right:4px;font-size:9px}.workspace{display:flex;flex-direction:column}.stage{order:0;min-height:470px}.left-panel{order:1;border-right:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;padding:18px}.left-panel>.panel-heading:first-child{grid-column:1/-1;margin:0 0 3px}.field-label{display:none}#city{align-self:center}.coordinate-fields{margin:0;gap:8px}.coordinate-fields label{font-size:9px}.coordinate-fields label span{display:none}.coordinate-fields input{min-height:37px;font-size:12px;margin-top:3px}.left-panel>.micro{grid-column:1/-1;margin:0}.section-divider{display:none}.left-panel>.panel-heading:not(:first-child){display:none}.layer-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:7px 0 0}.layer-list label{font-size:11px;min-height:38px}.discovery{display:none}.right-panel{order:2;padding:18px;gap:8px 22px}.hero-metric strong{font-size:45px}.hero-metric p{font-size:9px}.metric-grid{gap:10px}.metric-grid strong{font-size:14px}.metric-grid span{font-size:9px}.uv-note{margin-top:9px;gap:0 12px}.uv-note h3{font-size:12px}.uv-note p{font-size:10px}.time-console{padding:16px;gap:18px 20px;grid-template-columns:130px 1fr}.year-control .seasons button{padding:0 2px;font-size:10px}.time-console .mini-label{font-size:8px}.clock-control label{font-size:10px}.clock-control output{font-size:18px}.clock-control .micro{font-size:8px}.play-control{width:125px}.understanding{display:flex;flex-direction:column;gap:10px;margin-top:17px}.insight-card{padding:20px}.insight-card h2{font-size:17px}.insight-card p{font-size:12px}.stage-tools{right:10px}.stage-tools button{width:31px}.stage-header{top:17px}.scale-note{font-size:8px}.stage-footer{bottom:16px;font-size:8px}footer{padding:20px 18px;flex-wrap:wrap;gap:6px 20px}footer p{font-size:9px}footer button{margin:0}.world-label{font-size:9px}.lab-controls{bottom:65px}#labSvg{margin-top:-40px}.lab-controls>span{font-size:10px}#toast{max-width:92vw;width:max-content;font-size:11px;text-align:center}dialog{padding:22px}.dialog-body p,.sources{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.hero-metric>div:not(.angle-meter){flex-wrap:wrap;row-gap:2px}.hero-metric small{flex-basis:100%;margin-left:0;font-size:9px}.layer-list label{min-height:44px}.stage-tools button{width:38px;min-height:44px}.lab-controls button{min-height:44px}input[type=range]{height:30px}.play-control button{min-height:44px}}

/* Use the website's IP-06 palette around the immersive scientific canvas. */
:root{--bg:#fff;--panel:#fffdf8;--line:#e9ded2;--text:#2f1204;--muted:#775f53;--gold:#fe9a53;--mint:#39755c;--cyan:#07529a;--lavender:#73619e;--font:system-ui,'PingFang SC','Microsoft YaHei',sans-serif}
body{background:#fff;color:var(--text)}main{padding:0 3.2vw}.intro{padding:16px 0;align-items:center}.intro .quiet-button{color:#775f53;border:1px solid var(--line);padding:8px 14px;border-radius:999px;white-space:nowrap}.view-tabs{background:#fffdf8;border-color:var(--line)}.view-tabs button{color:#775f53}.view-tabs button:hover{background:#f7f1e4;color:#2f1204}.view-tabs button.active{background:#fff0e3;color:#a33f00;box-shadow:inset 0 0 0 1px #eebc99}.workspace{background:#fffdf8}.left-panel,.right-panel{background:#fffdf8}.stage{background:radial-gradient(ellipse at 50% 45%,#10243b,#070e18 70%);color:#e7edf3}.stage-caption{color:#b0c3d2}.stage-caption i{border-color:#5cdbed}.stage-tools{background:#0c1928e8;border-color:#2b4052}.stage-tools button{color:#b9d3df;border-color:#29394b}.stage-tools button:hover{background:#1a394b;color:#5cdbed}.world-label.important{color:#76e8bd}.world-label.gold-text{color:#f7bc64}.world-label.lavender-text{color:#ad9be8}.live-dot{background:#76e8bd}.stage-footer{color:#9ab6c9}.layer-list label{color:#4b3528}.layer-list b{background:#ede6dd;border-color:#c8bbae}.layer-list b:after{background:#918175}.layer-list input:checked+b{background:#ffe2ca;border-color:#d97732}.layer-list input:checked+b:after{background:#a33f00}.legend-line.cyan{background:#4094b9}.legend-line.mint{background:#76e8bd}.legend-line.gold{background:#d39b47}.panel-heading .mono{color:#806c5d}.panel-heading .live{color:#39755c}.field-label,.coordinate-fields label{color:#775f53}select,input[type=number],input[type=date]{background:#fff;color:#2f1204;border-color:#d7c9bb}.micro,.discovery p{color:#775f53}.discovery button{color:#a33f00}.hero-metric>span{color:#775f53}.hero-metric strong{color:#2f1204}.hero-metric>div>span{color:#a33f00}.hero-metric small{color:#39755c;font-size:9px}.hero-metric p{color:#775f53}.angle-meter{background:#eadfd3}.angle-meter i{background:linear-gradient(90deg,#07529a,#fe731c)}.metric-grid span,.curve-heading{color:#775f53}.metric-grid strong{color:#2f1204}.uv-note .mini-label{color:#a33f00}.uv-note p{color:#775f53}.data-badge{color:#76533d;background:#f7f1e4;border-color:#dfd0bc}.time-console{background:#fffdf8;margin-top:0;margin-bottom:14px}.seasons button{color:#775f53}.seasons button span{color:#8c7768}.seasons button.selected,.seasons button.selected span{color:#a33f00}.clock-control label,.clock-control output{color:#2f1204}.play-control button{background:#fe731c;color:#2f1204;border-color:#e06b20;font-weight:600}.play-control button:hover{background:#2f1204;color:#fff}.play-control select{color:#775f53}.mini-label{color:#775f53}.simulation-context{font-size:12px!important;line-height:1.8;margin:0 0 14px!important;padding:8px 10px;background:#fff0e3;color:#763b17!important;border-radius:6px;min-height:38px}.hero-metric>div:not(.angle-meter){flex-wrap:wrap}.hero-metric small{flex-basis:100%;margin-left:0}.insight-card,.insight-main{background:#fffdf8;border-color:#e9ded2}.card-number{color:#775f53}.insight-main .card-number{color:#a33f00}.insight-card p{color:#775f53;font-size:12px}.insight-rule{color:#80552e;border-color:#e0cdbb}.food-tags span{color:#6d5544;border-color:#ddcfbf}.action-line{color:#775f53}.action-line b{color:#286149;background:#e6f1e9}.understanding{margin-bottom:12px}dialog{color:#2f1204;background:#fffdf8;border-color:#d1bda7}.dialog-body p,.sources{color:#6b5446}.dialog-body h3{color:#2f1204}.dialog-head button{border-color:#d1bda7}.dialog-head .eyebrow{color:#a33f00}.loading{background:#0a1420;color:#a8bdce}.lab-controls button{background:#142b3a;color:#d1e3ed}.lab-controls button.active{color:#f7bc64}.lab-controls>span{color:#9eb7c8}input[type=range]{accent-color:#a33f00}.stage .lab-controls button:hover{background:#244455}.range-ends{color:#806b5a}
@media(max-width:600px){.intro{flex-direction:column;align-items:stretch;gap:9px}.intro .quiet-button{align-self:flex-end;min-height:38px}.view-tabs{width:100%}.simulation-context{font-size:11px!important}.time-console{gap:15px 16px}.insight-card p{font-size:13px}.stage-footer{font-size:9px}.panel-heading{font-size:13px}.layer-list label{font-size:12px}}

:root{color-scheme:light}
body{display:flow-root}.embedded-model{overflow-y:hidden}.embedded-model #toast{display:none}
@media(max-width:600px){html[lang=en] .year-control .seasons button{font-size:9px;max-width:25%;overflow-wrap:anywhere;line-height:1.4}}
.time-console{grid-template-columns:minmax(0,1fr) 150px;gap:18px 28px}.season-year{display:flex;justify-content:space-between;font-size:11px;color:#775f53;margin-bottom:5px}.season-year output{font-family:var(--mono);color:#2f1204}.linked-clocks{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.linked-clock{min-width:0;border:1px solid #e0d1c1;border-radius:10px;padding:14px 16px;background:#fff}.solar-clock{border-color:#e5b58e;background:#fff7ed}.clock-title{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:13px}.clock-title strong{font:11px var(--mono);color:#07529a}.clock-title>span{font-size:10px;color:#8a6144}.clock-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.clock-inputs input{min-width:0;width:100%;background:#fff;border:1px solid #d7c9bb;border-radius:5px;color:#2f1204;min-height:44px;padding:8px 9px}.clock-inputs input[type=time]{font:22px var(--mono);letter-spacing:-.5px}.clock-inputs input[type=date]{font:12px var(--mono)}.time-zone-row{grid-column:1/-1;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.time-zone-row>label,.time-zone-row #foldControl>label{display:block;font-size:10px;color:#775f53}.zone-select{min-width:220px}.time-zone-row select,.time-zone-row input{display:block;margin-top:6px}.offset-select{width:130px}.offset-select input[readonly]{background:#f7f1e4;color:#775f53}.time-zone-row p{flex:1;min-width:220px;font-size:11px;line-height:1.8;color:#775f53;margin:0 0 5px}.time-corrections{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 30px;padding-top:12px;border-top:1px solid #e9ded2;font-size:11px;color:#775f53}.time-corrections strong,.time-corrections output{font:12px var(--mono);color:#a33f00;margin-left:8px}.linked-hint{grid-column:1/-1;margin:-7px 0 0;color:#775f53;font-size:11px}.simulation-context{white-space:pre-line}.solar-day-label{font-size:10px;color:#775f53;margin:0 0 10px}.time-console .play-control{align-self:center}
@media(max-width:900px){.time-console{grid-template-columns:minmax(0,1fr) 140px}.clock-inputs{grid-template-columns:1fr;gap:7px}.clock-title{align-items:flex-start;flex-wrap:wrap}.clock-inputs input[type=time]{font-size:22px}}
@media(max-width:600px){.time-console{grid-template-columns:1fr;gap:15px;padding:15px}.time-console .play-control{grid-row:4;margin:0;max-width:none;width:100%}.play-control button{width:100%}.linked-clocks{gap:10px}.linked-clock{padding:11px 10px}.clock-title{font-size:12px;gap:4px;min-height:56px;align-content:flex-start}.clock-title>span{font-size:9px}.clock-inputs input[type=time]{font-size:18px;padding:5px;letter-spacing:-1px}.clock-inputs input[type=date]{font-size:11px;padding:5px}.time-zone-row{gap:10px}.zone-select{flex:1;min-width:160px}.offset-select{width:115px}.time-zone-row p{font-size:10px;flex-basis:100%}.time-corrections{gap:8px;font-size:10px;flex-direction:column}.time-corrections strong,.time-corrections output{font-size:11px}.linked-hint{font-size:10px;line-height:1.8}}

@media(max-width:420px){.linked-clocks{grid-template-columns:minmax(0,1fr)}.clock-title{min-height:0;margin-bottom:12px}.clock-inputs{grid-template-columns:minmax(0,1fr)}.clock-inputs input[type=time]{font-size:22px;letter-spacing:0;padding:8px 10px}.clock-inputs input[type=date]{font-size:14px;padding:8px 10px}}

/* Keep everyday context ahead of the immersive model; disclose specialist controls on demand. */
.daylight-preview,.advanced-settings,.model-data,.science-details{border:1px solid #e9ded2;border-radius:12px;background:#fffdf8;color:#2f1204}
.daylight-preview{margin:10px 0 14px;padding:18px 22px 12px}
.daylight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.daylight-heading h2{margin:0 0 4px;font-size:18px}
.daylight-heading p{margin:0;color:#775f53;font-size:12px;line-height:1.7}
.daylight-stats{display:flex;gap:22px;flex:none;color:#775f53;font-size:11px}
.daylight-stats span{display:flex;flex-direction:column;gap:2px}
.daylight-stats strong{font:20px var(--mono);color:#2f1204}
.daylight-preview #dailyChart{display:block;width:100%;height:190px;max-height:none;margin:8px 0 2px}
.daylight-preview .solar-day-label{margin:0;color:#775f53;font-size:11px}
.advanced-settings{margin:0 0 14px;padding:0 16px}
.advanced-settings>summary,.model-data>summary,.science-details>summary{min-height:50px;display:flex;align-items:center;cursor:pointer;color:#763b17;font-size:14px;font-weight:650;list-style-position:inside}
.advanced-settings[open],.model-data[open],.science-details[open]{padding-bottom:14px}
.advanced-settings>.time-console{margin:0 0 12px;border-radius:9px}
.advanced-settings>.left-panel{margin:0;padding:18px;border:1px solid #e9ded2;border-radius:9px;background:#fff}
.advanced-settings .panel-heading{margin-bottom:12px}
.advanced-settings .section-divider{margin:14px 0}
.advanced-settings .layer-list{margin-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px}
.advanced-settings .layer-list label{min-height:40px}
.workspace{display:block;overflow:hidden;border:1px solid #e9ded2;border-radius:12px;background:#070e18}
.workspace>.stage{min-height:clamp(380px,58vw,700px)}
.model-data,.science-details{margin-top:12px;padding:0 16px}
.model-data .right-panel{border:0;border-radius:0;padding:4px 6px 0;background:transparent}
.model-data .curve-heading{display:none}
.science-details .quiet-button{min-height:44px;color:#a33f00;border:1px solid #e9ded2;border-radius:8px;padding:8px 12px;background:#fff}
@media(max-width:900px){.advanced-settings .layer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.daylight-preview #dailyChart{height:190px}}
@media(max-width:600px){.daylight-preview{padding:15px 14px 10px}.daylight-heading{flex-direction:column;gap:10px}.daylight-stats{gap:28px}.daylight-preview #dailyChart{height:180px}.advanced-settings{padding:0 12px}.advanced-settings>.time-console{padding:14px}.advanced-settings>.left-panel{padding:14px}.workspace>.stage{min-height:430px}.model-data,.science-details{padding:0 12px}}
@media(max-width:420px){.left-panel{grid-template-columns:minmax(0,1fr)}}

/* In the website embed, the page owns the controls and the sticky sidebar. */
.embedded-model main{display:flex;flex-direction:column;min-width:0}
.embedded-model .intro{order:0}
.embedded-model .workspace{order:1}
.embedded-model .daylight-preview{order:2;margin-top:14px}
.embedded-model .advanced-settings,.embedded-model .model-data,.embedded-model .science-details,.embedded-model .understanding{display:none!important}
.embedded-model .workspace>.stage{min-height:clamp(380px,45vw,620px)}
.embedded-model .daylight-preview #dailyChart{height:260px}
.embedded-model .daylight-heading p{max-width:42em}
@media(max-width:900px){.embedded-model .daylight-preview #dailyChart{height:210px}}
@media(max-width:600px){.embedded-model main{padding:0 16px}.embedded-model .intro{padding-top:8px}.embedded-model .workspace>.stage{min-height:430px}.embedded-model .daylight-preview{margin:12px 0}.embedded-model .daylight-preview #dailyChart{height:180px}.embedded-model .daylight-heading{gap:6px}.embedded-model .daylight-heading p{font-size:11px}}