@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#e8f2f8;background:#060d19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh;height:100vh;overflow:hidden;position:relative;background:radial-gradient(ellipse 55% 70% at 57% 42%,#12314a,#0a1c2e 43%,#060d19 85%)}.scene-canvas,.scene-vignette{position:absolute;inset:0}.scene-canvas{z-index:0}.scene-canvas canvas{display:block;width:100%;height:100%;outline:none}.scene-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,12,23,.84),transparent 25%,transparent 75%,rgba(4,12,23,.76)),linear-gradient(180deg,rgba(4,12,23,.4),transparent 22%,transparent 68%,rgba(4,12,23,.65))}.left-sidebar,.right-sidebar{max-height:calc(100vh - 270px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#416277 transparent}.topbar{height:76px;position:relative;z-index:5;display:flex;align-items:center;padding:0 44px;border-bottom:1px solid rgba(137,183,209,.12);gap:17px;background:linear-gradient(180deg,#050f1be0,#050f1b33)}.brand-mark{width:36px;height:36px;border:1px solid #70cbdb;border-radius:50%;display:grid;place-items:center;transform:rotate(-28deg);box-shadow:0 0 18px #48b9d02b;position:relative}.brand-mark:before{content:"";position:absolute;width:47px;height:15px;border:1px solid #74cfe2;border-radius:50%}.brand-mark span{width:15px;height:15px;border-radius:50%;background:#78cddd;box-shadow:0 0 14px #55cee9}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:16px;font-weight:600;letter-spacing:.06em;white-space:nowrap}.brand-eyebrow,.topbar-index,.panel-heading-end,.date-sub,.dock-title small,.bottom-note,.overline{font-family:DM Mono,monospace;letter-spacing:.13em}.brand-eyebrow{font-size:9px;color:#70c5d9}.topbar-divider{width:1px;height:27px;background:#48617388;margin:0 9px}.topbar-section{font-size:12px;color:#91a9b8;letter-spacing:.1em}.topbar-right{margin-left:auto;font-size:11px;letter-spacing:.06em;color:#9cb8c5;display:flex;align-items:center;gap:10px;white-space:nowrap}.live-dot{height:6px;width:6px;border-radius:50%;background:#61cfc0;box-shadow:0 0 10px #62d6c7}.topbar-index{margin-left:22px;color:#627f8f;font-size:10px}.workspace{position:relative;z-index:2;height:calc(100vh - 264px);min-height:450px;pointer-events:none}.left-sidebar,.right-sidebar{position:absolute;top:0;pointer-events:auto}.left-sidebar{left:44px;width:266px}.right-sidebar{right:44px;width:274px;top:35px}.intro-block{padding-top:33px;margin-bottom:25px}.overline{color:#7cc6d9;font-size:9px;display:flex;align-items:center;gap:9px}.overline-line{width:19px;height:1px;background:#75ccdd}.intro-block h1{font-size:31px;line-height:1.43;letter-spacing:.025em;font-weight:500;margin:14px 0 9px}.intro-block em{font-style:normal;color:#93d6e5;font-family:DM Mono,monospace;font-size:36px;font-weight:400}.intro-block p{font-size:11px;color:#91a9b8;line-height:1.9;max-width:245px;margin:0}.glass-panel{border:1px solid rgba(132,182,207,.18);background:linear-gradient(145deg,#142b3fb8,#091b2cc2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0209144d,inset 0 1px #b4e7fa0b;border-radius:7px}.layers-panel{padding:19px 19px 14px}.panel-heading{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid #92bfd021}.panel-heading>span:first-child{font-family:DM Mono,monospace;font-size:10px;color:#7dd4e4}.panel-heading h2{font-size:13px;margin:0;font-weight:600;letter-spacing:.07em}.panel-heading-end{margin-left:auto;color:#587789;font-size:8px}.layer-list{padding-top:7px}.layer-row{height:32px;display:flex;align-items:center;gap:10px;color:#b7cbd4;font-size:11px;cursor:pointer}.layer-dot{width:5px;height:5px;border-radius:50%;box-shadow:0 0 7px currentColor}.layer-dot.cyan{color:#68ccdd;background:#68ccdd}.layer-dot.gold{color:#d9b476;background:#d9b476}.layer-dot.blue{color:#83a8df;background:#83a8df}.layer-dot.white{color:#e3eaf0;background:#e3eaf0}.layer-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:25px;height:14px;background:#395265;border-radius:20px;margin-left:auto;position:relative;transition:background .2s}.switch:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#9aafbc;transition:transform .2s,background .2s}.layer-row input:checked+.switch{background:#246c7e}.layer-row input:checked+.switch:before{transform:translate(11px);background:#a8ecf4}.layer-row input:focus-visible+.switch{outline:2px solid #bceaf1;outline-offset:2px}.views-panel{margin-top:12px;padding:17px 19px 19px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.view-button{border:1px solid #68879a35;color:#91afbd;background:#0f293d81;border-radius:3px;height:29px;font-size:10px;letter-spacing:.02em;transition:background .2s,color .2s,border .2s}.view-button:hover,.view-button.active{background:#28667a73;color:#d5f4f7;border-color:#69c4d37d}.view-button:first-child{grid-column:span 2}.insight-panel{padding:19px}.date-hero{padding:22px 0 17px;display:flex;flex-direction:column;border-bottom:1px solid #92bfd021}.detail-label{font-size:10px;color:#8ba8b8;letter-spacing:.07em}.mini-cross{color:#6ec6d7;margin-left:5px}.date-hero strong{font-size:31px;font-weight:500;letter-spacing:.04em;margin-top:3px}.date-sub{font-size:8px;color:#5e8599;margin-top:1px}.metric{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid #92bfd021;font-size:10px;color:#8caab9}.metric strong{font-size:12px;color:#dceff2;font-weight:500}.metric:nth-of-type(3) strong{color:#f0c58c}.hemispheres{padding-top:18px;display:flex;gap:8px}.hemispheres>div{width:50%;padding:10px 9px;background:#183a4c8a;border:1px solid #7195a62e;border-radius:4px;display:grid;grid-template-columns:21px 1fr;column-gap:5px;align-items:center}.hemisphere-icon{height:18px;width:18px;border-radius:50%;display:grid;place-items:center;font:10px DM Mono,monospace}.hemisphere-icon.north{color:#95d7e7;border:1px solid #5ba9c2}.hemisphere-icon.south{color:#e9be90;border:1px solid #b18e71}.hemispheres span:not(.hemisphere-icon){font-size:10px;color:#c4d8de}.hemispheres small{display:block;color:#5f8797;font:7px DM Mono,monospace;letter-spacing:.05em;margin-top:2px}.hemispheres strong{grid-column:2;font-size:13px;font-weight:500;color:#d9f0f3;margin-top:5px}.science-note{display:flex;gap:9px;margin-top:17px;align-items:flex-start}.note-icon{width:15px;height:15px;flex:0 0 15px;border:1px solid #638a9e;border-radius:50%;display:grid;place-items:center;color:#8cbdce;font:10px Georgia,serif}.science-note p{margin:0;color:#90adbb;font-size:10px;line-height:1.65}.principle-card{display:flex;gap:11px;margin-top:14px;padding:14px 5px;color:#84b4c5}.principle-icon{font-size:24px;line-height:1}.principle-card span{font-size:10px;color:#a9c7d2}.principle-card p{margin:6px 0 0;font-size:10px;color:#7894a4;line-height:1.75}.scene-annotations{position:absolute;inset:0;pointer-events:none;font-size:11px;color:#d4e7eb;letter-spacing:.07em}.sun-label,.earth-label{position:absolute;display:flex;gap:9px;align-items:flex-start;text-shadow:0 1px 9px #04101a}.sun-label{left:36%;top:47%}.earth-label{left:63%;top:29%}.annotation-marker{border-radius:50%;height:6px;width:6px;margin-top:5px;box-shadow:0 0 10px currentColor}.annotation-marker.gold{background:#ffca87;color:#ffca87}.annotation-marker.cyan{background:#77d8e8;color:#77d8e8}.scene-annotations small{display:block;margin-top:4px;font-size:9px;color:#8ca5b1}.interaction-hint{position:absolute;z-index:3;bottom:197px;left:50%;transform:translate(-50%);font-size:10px;color:#83a2b1;white-space:nowrap;pointer-events:none}.mouse-icon{font-size:20px;vertical-align:-2px;margin-right:7px}.hint-separator{margin:0 11px;color:#476477}.mode-label{color:#c6e8ed}.mode-label.experiment{color:#f0bf78;text-shadow:0 0 12px #df9a3f42}.experiment-panel{margin-top:7px;padding:13px 14px}.tilt-readout{display:grid;grid-template-columns:1fr auto;align-items:end;padding:11px 0 7px}.tilt-readout>span{font-size:10px;color:#8caab9}.tilt-readout strong{font:500 20px DM Mono,monospace;color:#9de4ec}.tilt-readout small{grid-column:1/-1;margin-top:2px;color:#617f8e;font-size:8px}.tilt-slider-wrap input{width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.tilt-slider-wrap input::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#70cfdb var(--tilt-progress),#395466 var(--tilt-progress))}.tilt-slider-wrap input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #d9faff;border-radius:50%;background:#5ab9c8;margin-top:-4.5px;box-shadow:0 0 10px #72d9e7}.tilt-slider-wrap input::-moz-range-track{height:3px;background:#395466}.tilt-slider-wrap input::-moz-range-progress{height:3px;background:#70cfdb}.tilt-slider-wrap input::-moz-range-thumb{width:9px;height:9px;border:2px solid #d9faff;border-radius:50%;background:#5ab9c8}.tilt-slider-wrap>div{display:flex;justify-content:space-between;color:#587889;font:8px DM Mono,monospace}.tilt-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.tilt-presets button{height:32px;border:1px solid #68879a35;border-radius:3px;background:#0f293d81;color:#a9c4ce;font:10px DM Mono,monospace}.tilt-presets button small{font-family:Noto Sans SC,sans-serif;color:#607f8e;margin-left:3px}.tilt-presets button:hover,.tilt-presets button.active{background:#315f6f;color:#e3f7f8;border-color:#70c6d57a}.tilt-presets button.active small{color:#a9d6dd}.restore-earth{width:100%;height:28px;margin-top:7px;border:1px solid #c69b6254;border-radius:3px;background:#55442f3b;color:#dbbd8e;font-size:9px}.restore-earth:hover{background:#6c523450}.experiment-note{margin-top:9px;padding-top:8px;border-top:1px solid #92bfd021}.experiment-note strong{font-size:9px;color:#b9dce2}.experiment-note p{margin:4px 0 0;font-size:8.5px;line-height:1.55;color:#7797a5}.latitude-panel{margin-top:7px;padding:13px 14px}.latitude-readout{display:flex;justify-content:space-between;align-items:end;padding:11px 0 6px;color:#8caab9;font-size:10px}.latitude-readout strong{font:500 18px DM Mono,monospace;color:#9de4ec}.latitude-slider-wrap input{direction:rtl;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.latitude-slider-wrap input::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#70cfdb var(--latitude-progress),#395466 var(--latitude-progress))}.latitude-slider-wrap input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #d9faff;border-radius:50%;background:#5ab9c8;margin-top:-4.5px}.latitude-slider-wrap input::-moz-range-track{height:3px;background:#395466}.latitude-slider-wrap input::-moz-range-thumb{width:9px;height:9px;border:2px solid #d9faff;border-radius:50%;background:#5ab9c8}.latitude-slider-wrap>div{direction:ltr;display:flex;justify-content:space-between;color:#587889;font:8px DM Mono,monospace}.hemisphere-toggle{display:flex;margin-top:7px;background:#081c2e8a;padding:3px;border-radius:3px}.hemisphere-toggle button{flex:1;height:24px;border:0;border-radius:2px;background:transparent;color:#6f92a1;font-size:9px}.hemisphere-toggle button.active{background:#285b6b;color:#d7f1f4}.latitude-presets{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.latitude-presets button,.teaching-presets button{height:28px;border:1px solid #68879a35;border-radius:3px;background:#0f293d81;color:#a9c4ce;font-size:9px}.latitude-presets button small{color:#607f8e;margin-left:4px}.latitude-presets button:hover,.latitude-presets button.active,.teaching-presets button:hover{background:#315f6f;color:#e3f7f8;border-color:#70c6d57a}.latitude-presets button:last-child{grid-column:span 2}.teaching-presets{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:9px;padding-top:8px;border-top:1px solid #92bfd021}.teaching-presets>span{grid-column:span 2;color:#7f9daa;font-size:9px}.sun-path-panel{margin-top:7px;padding:12px 14px}.sun-path-panel svg{display:block;width:100%;height:116px;overflow:visible}.sun-horizon{stroke:#507184;stroke-width:1}.sun-arc{fill:none;stroke:#e3b96f;stroke-width:1.6;stroke-dasharray:3 2}.sun-dot{fill:#ffe09a;filter:drop-shadow(0 0 5px #ffbe58)}.sun-path-panel text{fill:#738f9d;font:8px Noto Sans SC,sans-serif}.sun-path-panel .sun-path-state{fill:#b4cbd3;font-size:7px}.time-dock{height:145px;position:absolute;bottom:32px;left:44px;right:44px;z-index:4;padding:18px 23px 14px;border:1px solid #83aec339;border-radius:7px;background:linear-gradient(130deg,#0d2032f0,#0f2537e8);box-shadow:0 -20px 70px #02091550,inset 0 1px #d5f7ff16;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.time-dock.season-ui{--dock-collapsed-height:52px;--dock-bottom-offset:32px;transition:transform .23s cubic-bezier(.2,.7,.25,1),box-shadow .23s ease;will-change:transform}.time-dock.season-ui.is-collapsed{transform:translateY(calc(100% - var(--dock-collapsed-height) + var(--dock-bottom-offset)));box-shadow:0 -8px 32px #02091568,inset 0 1px #d5f7ff16}.dock-top{display:flex;align-items:center;gap:25px;height:54px}.dock-title{display:flex;align-items:center;gap:12px;min-width:190px}.dock-symbol{font-size:29px;color:#87d4df;font-weight:300;line-height:1}.dock-title strong{display:block;font-size:13px;font-weight:600;letter-spacing:.05em}.dock-title small{display:block;font-size:8px;color:#628b9b;margin-top:3px}.event-buttons{display:flex;gap:7px;margin:auto}.event-button{min-width:79px;height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7093a23b;border-radius:3px;background:#19344775;color:#c0d4da;transition:.2s}.event-button:hover,.event-button.active{border-color:#d0af77a1;background:#54483565;color:#ffe4bc}.event-button span{font-size:11px}.event-button small{font:8px DM Mono,monospace;color:#7896a3}.event-button.active small{color:#cbb38e}.playback{display:flex;align-items:center;gap:12px}.play-button{height:38px;width:38px;border:1px solid #8fd5df81;border-radius:50%;background:#286c7e93;color:#d0f7fa;font-size:13px;padding-left:4px;box-shadow:0 0 17px #48aabc27}.play-button:hover{background:#3a8798}.speed-buttons{display:flex;gap:2px;background:#081c2e8a;padding:4px;border-radius:4px}.speed-buttons button{background:none;color:#7b9ba9;border:0;border-radius:3px;font:10px DM Mono,monospace;height:25px;min-width:33px}.speed-buttons button.active{color:#d7f1f4;background:#2a596b}.timeline{display:flex;align-items:flex-start;gap:15px;margin-top:4px}.timeline-edge{font-size:10px;color:#83a8b7;padding-top:5px;white-space:nowrap}.timeline-track{flex:1;min-width:0}.timeline input{width:100%;height:19px;margin:0;appearance:none;background:transparent;cursor:pointer}.timeline input::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(90deg,#8fd7df var(--progress),#395466 var(--progress))}.timeline input::-moz-range-track{height:3px;border-radius:5px;background:#395466}.timeline input::-moz-range-progress{height:3px;background:#8fd7df}.timeline input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #d9faff;border-radius:50%;background:#66bdcf;margin-top:-5px;box-shadow:0 0 0 4px #69c2d02b,0 0 14px #72d9e7}.timeline input::-moz-range-thumb{width:10px;height:10px;border:2px solid #d9faff;border-radius:50%;background:#66bdcf}.timeline-months{display:flex;justify-content:space-between;color:#6b8d9e;font:9px DM Mono,monospace;margin-top:4px}.dock-collapse-toggle{position:absolute;z-index:3;right:-44px;top:calc(50% - 22px);width:44px;height:44px;border:1px solid #6f9aab52;border-radius:4px 0 0 4px;background:#102d40e8;color:#9ccbd4;font-size:17px;line-height:1}.dock-collapse-toggle:hover{border-color:#78c8d5a6;background:#1c4658;color:#e0f5f7}.dock-collapse-bar{position:absolute;z-index:2;inset:0 0 auto;width:100%;height:var(--dock-collapsed-height);padding:0 23px;display:flex;align-items:center;gap:18px;border:0;background:linear-gradient(90deg,#173c50fa,#102b3efa);color:#c9e4e8;text-align:left;opacity:0;pointer-events:none;transition:opacity .15s ease}.dock-collapse-label{font-size:12px;font-weight:600;letter-spacing:.05em}.dock-collapse-status{color:#e2c58d;font-size:10px}.dock-collapse-time{margin-left:auto;color:#d9f0f2;font:500 13px DM Mono,monospace}.dock-collapse-arrow{width:30px;text-align:center;color:#8fd4de;font-size:17px}.time-dock.season-ui.is-collapsed>.dock-collapse-bar{opacity:1;pointer-events:auto}.time-dock.season-ui.is-collapsed>.dock-top,.time-dock.season-ui.is-collapsed>.timeline-shell{opacity:0;pointer-events:none}.bottom-note{position:absolute;bottom:10px;left:45px;right:45px;z-index:4;color:#537284;font-size:8px;transition:opacity .15s}.bottom-note span{float:right}.time-dock-is-collapsed[data-experiment-mode=seasons] .bottom-note{opacity:0;pointer-events:none}.timeline-shell{display:flex;align-items:flex-start;gap:12px;margin-top:4px}.timeline-tabs{display:flex;flex:0 0 auto;padding:2px;background:#081c2e8a;border-radius:3px}.timeline-tabs button{height:26px;min-width:42px;border:0;border-radius:2px;background:transparent;color:#698a99;font-size:9px}.timeline-tabs button.active{background:#285b6b;color:#d7f1f4}.timeline-pane{display:none;flex:1;margin-top:0}.timeline-pane.active{display:flex}.day-timeline{align-items:center}.day-play-button{flex:0 0 27px;width:27px;height:27px;border:1px solid #78c9d575;border-radius:50%;background:#285e6e;color:#d9f7f8;font-size:9px}.local-time-chip{flex:0 0 43px;color:#d6edf1;font:10px DM Mono,monospace;text-align:center}.day-timeline input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8fd7df var(--day-progress),#395466 var(--day-progress))}.day-hours span{font-size:8px}@media(max-width:1150px){.topbar{padding:0 25px}.left-sidebar{left:25px;width:230px}.right-sidebar{right:25px;width:235px}.intro-block h1{font-size:26px}.intro-block em{font-size:31px}.time-dock{left:25px;right:25px}.dock-title{min-width:145px}.event-button{min-width:64px;gap:3px}.bottom-note{left:25px;right:25px}.scene-annotations{display:none}}@media(max-width:850px){#app{height:auto;min-height:100vh;overflow:visible;padding-bottom:15px}.scene-canvas,.scene-vignette{height:590px;bottom:auto}.topbar{height:65px;padding:0 18px}.topbar-divider,.topbar-section,.topbar-index{display:none}.topbar-right{font-size:9px}.brand-copy strong{font-size:12px}.workspace{height:auto;min-height:0;display:flex;gap:12px;padding:360px 18px 0;flex-wrap:wrap}.left-sidebar,.right-sidebar{position:relative;inset:auto;width:calc(50% - 6px)}.intro-block{position:absolute;top:-318px;left:0;width:260px;padding:0;margin:0}.intro-block h1{font-size:27px}.intro-block p{font-size:10px}.layers-panel{margin:0}.right-sidebar{align-self:flex-start}.interaction-hint{top:550px;bottom:auto;font-size:9px}.time-dock{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:18px 18px 0;padding:13px}.dock-top{height:auto;flex-wrap:wrap;gap:12px}.dock-title{min-width:150px}.event-buttons{order:3;width:100%;justify-content:space-between}.event-button{flex:1}.playback{margin-left:auto}.timeline{margin-top:18px}.bottom-note{position:relative;left:auto;right:auto;bottom:auto;margin:14px 18px 0}}@media(max-width:850px){.left-sidebar,.right-sidebar{max-height:none;overflow:visible}.intro-block{top:18px}.interaction-hint{display:none}}@media(max-width:560px){.topbar-right{display:none}.brand-copy strong{font-size:11px}.workspace{padding-top:330px}.intro-block{top:-300px}.intro-block h1{font-size:24px}.intro-block em{font-size:27px}.left-sidebar,.right-sidebar{width:100%}.left-sidebar{display:contents}.intro-block{left:18px}.layers-panel,.views-panel,.experiment-panel,.latitude-panel{width:100%}.views-panel{margin-top:0}.right-sidebar{width:100%}.interaction-hint{top:523px}.scene-canvas,.scene-vignette{height:560px}.time-dock{margin-top:14px}.dock-title{min-width:auto}.event-button{min-width:0;flex-direction:column;gap:0;height:44px}.event-button small{font-size:7px}.timeline-months span:nth-child(2n){display:none}.timeline-shell{gap:5px}.timeline-tabs button{min-width:35px}.day-timeline{gap:5px}}@media(max-width:560px){.intro-block{top:16px}}@media(max-width:560px){.workspace{padding-top:570px}.scene-canvas,.scene-vignette{height:670px}}@media(min-width:851px){.intro-block{padding-top:10px;margin-bottom:6px}.intro-block h1{font-size:20px;line-height:1.15;margin:6px 0 0}.intro-block em{font-size:24px}.intro-block p{display:block;font-size:8.5px;line-height:1.4;margin-top:4px}.layers-panel{padding:9px 14px 7px}.layer-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding-top:3px}.layer-row{height:20px;gap:6px}.layer-row .switch{width:23px;height:13px}.layer-row .switch:before{width:9px;height:9px}.layer-row input:checked+.switch:before{transform:translate(10px)}.views-panel{margin-top:5px;padding:8px 14px 9px}.view-grid{margin-top:5px;gap:4px}.view-button{height:22px}.right-sidebar{top:24px}.insight-panel{padding:12px 14px}.panel-heading{padding-bottom:8px}.date-hero{padding:8px 0 7px}.date-hero strong{font-size:23px}.metric{min-height:32px}.hemispheres{padding-top:6px}.hemispheres>div{padding:5px 7px}.science-note{margin-top:6px}.principle-card{margin-top:3px;padding:4px 5px}.principle-card p{margin-top:2px;font-size:8.5px;line-height:1.35}}.accordion-panel{padding:0;margin-top:7px;overflow:hidden}.accordion-panel:first-of-type{margin-top:0}.accordion-heading{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:10px 14px;border-bottom:1px solid transparent;transition:background .16s,border-color .16s}.accordion-heading:hover{background:#17384b66}.accordion-heading:focus-visible{outline:1px solid #78cfdb;outline-offset:-2px}.accordion-icon{margin-left:2px;color:#6e9baa;font-size:13px;line-height:1;transition:transform .18s ease}.accordion-panel.is-open .accordion-heading{border-bottom-color:#92bfd021}.accordion-panel.is-open .accordion-icon{transform:rotate(180deg);color:#9edce4}.accordion-content{max-height:0;opacity:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;transition:max-height .2s ease,opacity .14s ease,padding-bottom .2s ease}.accordion-panel.is-open>.accordion-content{max-height:560px;opacity:1;padding-bottom:10px;pointer-events:auto}.accordion-panel .layer-list{padding-top:4px}.accordion-panel .view-grid{margin-top:7px}.views-panel,.experiment-panel,.latitude-panel{padding:0}.views-panel{margin-top:7px}.date-sub b{font-weight:500;color:#89b6c5}.insight-secondary{border-top:1px solid #92bfd021}.insight-secondary summary{list-style:none;min-height:27px;display:flex;align-items:center;justify-content:space-between;color:#7695a4;font-size:9px;cursor:pointer}.insight-secondary summary::-webkit-details-marker{display:none}.insight-secondary summary:before{content:"＋";margin-right:6px;color:#6cc4d3}.insight-secondary summary span{margin-left:auto;font:7px DM Mono,monospace;letter-spacing:.08em;color:#56798a}.insight-secondary[open] summary:before{content:"−"}.insight-secondary[open] summary span{font-size:0}.insight-secondary[open] summary span:after{content:"收起";font-size:7px}.insight-secondary-content{padding-bottom:4px}.insight-secondary .hemispheres{padding-top:5px}.insight-secondary .science-note{margin:7px 0 2px}.sun-path-panel svg{height:108px}.sun-horizon{stroke:#69899a;stroke-width:1}.sun-horizon-label{fill:#91aeba!important;font-size:6.8px!important}.sun-arc-night{fill:none;stroke:#526678;stroke-width:1.1;stroke-dasharray:2 3;opacity:.55}.sun-arc{fill:none;stroke:#edbd68;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #eeb75855)}.sun-arc-polar{stroke:#f0c36f}.sun-now-guide{stroke:#d9b66f;stroke-width:.7;stroke-dasharray:2 2;opacity:.55}.sun-dot{fill:#ffe3a0;filter:drop-shadow(0 0 4px #ffbe58)}.sun-dot.is-night{fill:#8fa8bd;opacity:.78;filter:drop-shadow(0 0 3px #7192b0)}.sun-path-panel text{fill:#738f9d;font:7px Noto Sans SC,sans-serif}.sun-path-panel .sun-time{fill:#829fac;font:6.5px DM Mono,Noto Sans SC,monospace}.sun-path-panel .sun-path-state{fill:#c1d8de;font-size:7.4px;letter-spacing:.025em}.timeline-tabs{border:1px solid #54758742}.timeline-tabs button{height:31px;min-width:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background .16s,color .16s,box-shadow .16s}.timeline-tabs button span{font-size:9px}.timeline-tabs button small{font:6.5px DM Mono,monospace;color:#4f7182;letter-spacing:.04em}.timeline-tabs button.active{background:#2c6576;color:#e1f8fa;box-shadow:inset 0 0 0 1px #7dcbd957,0 0 12px #55b7c522}.timeline-tabs button.active small{color:#9bc8d1}@media(min-width:851px){#app{overflow:clip}.right-sidebar{top:10px}.insight-panel{padding:9px 12px}.insight-panel>.panel-heading{padding-bottom:6px}.date-hero{padding:6px 0}.date-hero strong{font-size:21px}.metric{min-height:26px}.metric strong{font-size:10.5px}.sun-path-panel{margin-top:5px;padding:9px 12px}.sun-path-panel>.panel-heading{padding-bottom:5px}.sun-path-panel svg{height:102px}.principle-card{margin-top:2px;padding:3px 5px}.principle-card p{margin-top:1px;font-size:8px;line-height:1.3}}@media(max-width:850px){.accordion-panel{margin-top:7px}.accordion-panel:first-of-type{margin-top:0}.accordion-panel.is-open>.accordion-content{max-height:620px}.insight-panel{padding:13px}.sun-path-panel svg{height:112px}}@media(min-width:851px)and (max-height:780px){.insight-panel{padding:8px 11px}.date-hero{padding:4px 0}.date-hero strong{font-size:19px}.metric{min-height:24px}.insight-secondary summary{min-height:23px}.sun-path-panel{padding:7px 11px}.sun-path-panel svg{height:86px}.principle-card{display:none}}[data-experiment-mode=seasons] .moon-ui,[data-experiment-mode=seasons] .coordinate-ui,[data-experiment-mode=moon] .season-ui,[data-experiment-mode=moon] .coordinate-ui,[data-experiment-mode=coordinates] .season-ui,[data-experiment-mode=coordinates] .moon-ui{display:none!important}.experiment-tabs{display:flex;align-items:center;padding:3px;border:1px solid #6388993b;border-radius:5px;background:#071a2a7d}.experiment-tabs button{height:29px;padding:0 14px;border:0;border-radius:3px;background:transparent;color:#6f92a3;font-size:10px;letter-spacing:.04em;transition:background .18s,color .18s,box-shadow .18s}.experiment-tabs button:hover{color:#bee1e6}.experiment-tabs button.active{background:#26596a;color:#def8fa;box-shadow:inset 0 0 0 1px #70c9d453,0 0 13px #4db9ca1a}.bottom-note>#scale-note{float:none}.moon-intro em{font-family:Noto Sans SC,sans-serif;font-size:inherit;color:#a9d5df}.moon-orbit-readout{display:grid;grid-template-columns:1fr auto;align-items:end;padding:11px 0 8px}.moon-orbit-readout>span{grid-column:1/-1;color:#7f9eac;font-size:9px}.moon-orbit-readout strong{font:500 15px DM Mono,monospace;color:#dcebed}.moon-orbit-readout small{font:8px DM Mono,monospace;color:#6ca6b5}.moon-phase-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px}.moon-phase-presets button{height:29px;border:1px solid #68879a35;border-radius:3px;background:#0f293d81;color:#a9c4ce;font-size:9px}.moon-phase-presets button:hover,.moon-phase-presets button.active{background:#54483565;color:#ffe1ae;border-color:#d0af7791}.moon-orbit-science{margin-top:8px;padding:7px 8px;border-top:1px solid #92bfd021;background:#0b24355c}.moon-orbit-science strong{font-size:8px;color:#96bcc8}.moon-orbit-science p{margin:3px 0 0;color:#6f909f;font-size:7.5px;line-height:1.55}.moon-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:8px}.moon-view-grid .view-button:first-child{grid-column:auto}.moon-view-panel,.moon-insight-panel{padding:12px 14px}.moon-disk-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 0 2px;background:radial-gradient(circle,#1525364d 0,#07131f00 70%)}#moon-disk{display:block;width:190px;height:190px;filter:drop-shadow(0 0 18px #9fc5d51f)}.moon-disk-guide{position:static;margin-top:-2px;color:#668797;font:7px DM Mono,Noto Sans SC,monospace;letter-spacing:.07em}.moon-phase-hero{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:end;padding:4px 5px 1px}.moon-phase-hero strong{grid-row:span 2;font-size:22px;font-weight:500;color:#e8f1f2}.moon-phase-hero span{font:8px DM Mono,monospace;color:#7898a7;text-align:right}.moon-insight-panel{margin-top:7px}.moon-explanation{margin:8px 0 2px;padding:8px;background:#102c3d70;border-radius:4px}.moon-principle{padding:8px 4px;margin-top:5px}.moon-principle .principle-icon{color:#d7dde0}.moon-time-dock .dock-top{justify-content:space-between}.moon-dock-status{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.moon-dock-status strong{font-size:13px;color:#e8f0f1;font-weight:500}.moon-dock-status span{font:8px DM Mono,monospace;color:#7796a4;margin-top:3px}.moon-timeline{display:flex;align-items:flex-start;gap:15px;margin-top:5px}.moon-timeline .timeline-track{flex:1}.moon-timeline input{width:100%;height:19px;margin:0;appearance:none;background:transparent;cursor:pointer}.moon-timeline input::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(90deg,#d5bd8b var(--progress),#395466 var(--progress))}.moon-timeline input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #fff2d4;border-radius:50%;background:#c5a96f;margin-top:-5px;box-shadow:0 0 0 4px #cfb67b24,0 0 13px #dfbd75}.moon-timeline input::-moz-range-track{height:3px;border-radius:5px;background:#395466}.moon-timeline input::-moz-range-progress{height:3px;background:#d5bd8b}.moon-timeline input::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff2d4;border-radius:50%;background:#c5a96f}.moon-timeline-labels{display:flex;justify-content:space-between;color:#6b8d9e;font:8px DM Mono,monospace;margin-top:4px}@media(max-width:1150px){.experiment-tabs button{padding:0 9px}.moon-disk-stage canvas{width:166px!important;height:166px!important}.moon-phase-hero strong{font-size:19px}.moon-time-dock .dock-title{min-width:175px}}@media(max-width:850px){.topbar{gap:9px}.experiment-tabs{margin-left:auto}.experiment-tabs button{padding:0 8px;font-size:9px}.moon-sidebar,.moon-right-sidebar{position:relative;inset:auto}.moon-right-sidebar{align-self:flex-start}.moon-time-dock{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:18px 18px 0;padding:13px}.moon-time-dock .dock-top{flex-wrap:wrap}.moon-timeline{margin-top:15px}.moon-disk-stage canvas{width:180px!important;height:180px!important}}@media(max-width:560px){.brand-eyebrow{display:none}.experiment-tabs button{padding:0 6px;font-size:8px}.moon-sidebar{display:contents}.moon-right-sidebar{width:100%}.moon-time-dock .dock-title{min-width:auto}.moon-dock-status{order:3;width:100%;align-items:flex-start}.moon-timeline{gap:7px}}.experiment-navigation{position:relative;display:flex;flex:0 1 480px;min-width:300px;max-width:min(480px,43vw);flex-direction:column;justify-content:center;gap:4px;overflow:visible}.experiment-groups{display:flex;align-items:center;gap:4px;min-width:0}.experiment-groups{padding-bottom:3px;border-bottom:1px solid #65899a35}.experiment-groups button{height:24px;padding:0 13px;white-space:nowrap;border:1px solid transparent;border-radius:3px;background:transparent;color:#7595a3;font-size:10px;font-weight:600;letter-spacing:.02em;transition:background .16s,color .16s,border-color .16s}.experiment-groups button.active{background:#26596a;color:#e1f7f8;border-color:#70c9d453}.experiment-groups button:not(.active):hover{color:#d3edf1;background:#17384b70}.experiment-groups button:focus-visible,.topic-current-row button:focus-visible,.topic-item:focus-visible{outline:1px solid #8dd4df;outline-offset:2px}.topic-current-row{display:flex;align-items:center;min-width:0;height:25px;padding-left:8px;color:#648493}.topic-current-row>span{flex:0 0 auto;font-size:7px;letter-spacing:.08em}.topic-current-row>strong{min-width:0;margin-left:8px;overflow:hidden;color:#d5edf0;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.topic-current-row>button{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:7px;height:25px;margin-left:auto;padding:0 9px;border:1px solid #658d9f49;border-radius:3px;background:#102b3d9c;color:#8fbdc6;font-size:9px}.topic-current-row>button:hover,.experiment-navigation.is-open .topic-current-row>button{border-color:#72c6d27d;background:#1e4c5e;color:#d8f3f5}.topic-current-row i{font-style:normal;font-size:13px;line-height:1;transition:transform .18s ease}.experiment-navigation.is-open .topic-current-row i{transform:rotate(180deg)}.topic-directory{position:absolute;z-index:30;top:calc(100% + 9px);left:0;width:min(520px,calc(100vw - 40px));max-height:min(520px,calc(100vh - 105px));padding:13px;overflow-x:hidden;overflow-y:auto;border:1px solid #75a9ba59;border-radius:6px;background:linear-gradient(145deg,#0a1d2cfb,#0d2838f9);box-shadow:0 18px 55px #020914b8,inset 0 1px #cceef516;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overscroll-behavior:contain;scrollbar-color:#477182 #0b2131;touch-action:pan-y;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transform-origin:top;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.experiment-navigation.is-open .topic-directory{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.topic-directory-head{display:flex;align-items:baseline;justify-content:space-between;padding:1px 3px 10px;border-bottom:1px solid #7098a63b}.topic-directory-head span{color:#d1e8eb;font-size:11px;font-weight:600;letter-spacing:.06em}.topic-directory-head small{color:#638493;font-size:7px}.topic-directory-group[hidden]{display:none}.topic-section{padding:11px 3px 2px}.topic-section h3{margin:0 0 7px;color:#6e909e;font-size:7px;font-weight:500;letter-spacing:.13em}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.topic-item{position:relative;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 12px;overflow:hidden;text-align:left;border:1px solid #648a9b42;border-radius:4px;background:#102b3d8f;color:#a9c6ce;transition:background .15s,color .15s,border-color .15s}.topic-item:before{content:"";position:absolute;inset:7px auto 7px 0;width:2px;border-radius:2px;background:transparent}.topic-item span{min-width:0;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.topic-item small{flex:0 0 auto;color:#607f8d;font-size:7px}.topic-item:hover{border-color:#6fabb969;background:#173d50;color:#d5e9ec}.topic-item.active{border-color:#77cad687;background:#235669;color:#e1f7f8;box-shadow:0 0 14px #54baca17}.topic-item.active:before{background:#7bd2dc;box-shadow:0 0 7px #71d6e6}.topic-item.active small{color:#91c7cf}.topbar .experiment-navigation+.topbar-right{flex:0 0 auto;margin-left:auto}@media(max-width:1400px){.topbar{gap:12px}.topbar-divider{margin:0 3px}.experiment-navigation{flex-basis:430px;max-width:min(430px,41vw)}.experiment-groups button{padding:0 10px}.topbar-index{margin-left:7px}}@media(max-width:1050px){.topbar .experiment-navigation+.topbar-right{display:none}.experiment-navigation{max-width:calc(100vw - 370px)}.topic-directory{width:min(500px,calc(100vw - 30px))}}@media(max-width:850px){.topbar{height:76px}.experiment-navigation{margin-left:auto;min-width:0;max-width:calc(100vw - 265px)}.experiment-groups button{font-size:9px}.topic-current-row{padding-left:3px}.topic-current-row>span{display:none}.topic-current-row>strong{margin-left:0;font-size:9px}.topic-directory{right:0;left:auto}}@media(max-width:560px){.topbar{height:76px}.brand-copy strong{max-width:130px;overflow:hidden;text-overflow:ellipsis}.experiment-navigation{max-width:calc(100vw - 190px)}.experiment-groups button{padding:0 6px}.topic-current-row>button{padding:0 6px}.topic-current-row>button span{display:none}.topic-list{grid-template-columns:1fr}.topic-directory{width:calc(100vw - 20px)}}@media(any-pointer:coarse){.topic-current-row>button{min-height:32px}.topic-item{min-height:46px}.topic-item:active,.experiment-groups button:active,.topic-current-row>button:active{filter:brightness(1.18)}}@media(min-width:851px)and (max-height:780px){#moon-disk{width:118px;height:118px}.moon-view-panel,.moon-insight-panel{padding:8px 11px}.moon-disk-stage{padding:3px 0}.moon-phase-hero strong{font-size:18px}.moon-phase-hero span{font-size:7px}.moon-insight-panel .metric{min-height:24px}.moon-explanation{margin-top:5px;padding:5px}.moon-principle{display:flex}.moon-principle p{font-size:7.5px}.moon-intro p{display:none}}.coordinate-sidebar,.coordinate-right{max-height:calc(100vh - 225px)}.coordinate-intro em{font-family:Noto Sans SC,sans-serif;font-size:inherit;color:#91d7e4}.geo-layer-list{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.geo-layer-list .layer-row{height:22px;gap:6px}.coordinate-locate-panel,.coordinate-practice-panel{margin-top:7px}.coordinate-form{padding-top:9px}.coordinate-input-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.coordinate-input-row label{display:flex;flex-direction:column;gap:5px;color:#829fac;font-size:9px}.coordinate-input{height:31px;display:flex;border:1px solid #6388994f;border-radius:3px;background:#071b2c}.coordinate-input input{width:100%;min-width:0;padding:0 7px;border:0;background:transparent;color:#d8eef1;font:11px DM Mono,monospace;outline:0}.coordinate-input select{width:34px;border:0;border-left:1px solid #6388993d;background:#173548;color:#9ed9e1;font:9px DM Mono,monospace;outline:0}.coordinate-input:focus-within{border-color:#70cbd790;box-shadow:0 0 0 2px #5ec5d315}.coordinate-validation{min-height:16px;margin:4px 0 0;color:#d7ad77;font-size:8px}.coordinate-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:6px}.coordinate-actions button,.coordinate-practice button{height:29px;border:1px solid #648b9d50;border-radius:3px;background:#17394c;color:#bcd8dd;font-size:9px}.coordinate-actions button:first-child{background:#286779;color:#e1f8fa;border-color:#77cbd776}.coordinate-actions button:hover,.coordinate-practice button:hover{border-color:#83cfda;color:#eefcfd}.coordinate-practice{padding-top:9px}.coordinate-practice>span{font-size:8px;color:#7797a6}.coordinate-practice strong{display:block;margin-top:4px;color:#a8e4eb;font:12px DM Mono,monospace}.coordinate-practice p{margin:5px 0 6px;color:#7898a6;font-size:8px;line-height:1.5}.practice-legend{display:flex;gap:12px;margin:0 0 7px;color:#7898a6;font-size:7.5px}.practice-legend span{display:flex;align-items:center;gap:4px}.practice-legend i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 5px currentColor}.practice-legend .target{color:#e8bd72;border:1px solid #f2d391;background:transparent}.practice-legend .selected{color:#65dce6;background:#8bf4f5}.coordinate-practice button{width:100%;height:26px}.coordinate-insight-panel{padding:14px}.coordinate-hero{display:flex;flex-direction:column;padding:17px 0 13px;border-bottom:1px solid #92bfd021}.coordinate-hero>span{font-size:9px;color:#819eac;letter-spacing:.07em}.coordinate-hero strong{display:flex;align-items:center;gap:7px;margin-top:5px;color:#dff7f8;font:500 21px DM Mono,monospace;white-space:nowrap}.coordinate-hero strong span:last-child{color:#f0c982}.coordinate-hero small{color:#607f8e;font-size:12px}.coordinate-note{margin:12px 0 2px}.coordinate-principle{padding:9px 5px}.coordinate-dock{position:absolute;z-index:4;left:44px;right:44px;bottom:32px;min-height:86px;display:flex;align-items:center;gap:20px;padding:11px 20px;border:1px solid #83aec339;border-radius:7px;background:linear-gradient(130deg,#0d2032f2,#0f2537eb);box-shadow:0 -20px 70px #02091550,inset 0 1px #d5f7ff16;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.coordinate-dock .dock-title{min-width:155px}.coordinate-place-list{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:7px;flex:1}.coordinate-place-list button{height:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 11px;border:1px solid #688b9c42;border-radius:3px;background:#163347a3;color:#bdd6dc}.coordinate-place-list button:hover{border-color:#75c7d478;background:#24566a}.coordinate-place-list button span{font-size:10px}.coordinate-place-list button small{margin-top:3px;color:#688e9e;font:7px DM Mono,monospace}.coordinate-approx{color:#58798a;font-size:8px;white-space:nowrap}[data-experiment-mode=coordinates] .interaction-hint{bottom:137px}@media(max-width:1150px){.coordinate-dock{left:25px;right:25px;gap:12px}.coordinate-dock .dock-title{min-width:125px}.coordinate-place-list{gap:4px}.coordinate-place-list button{padding:0 7px}.coordinate-approx{display:none}.coordinate-sidebar{left:25px;width:230px}.coordinate-right{right:25px;width:235px}}@media(min-width:851px)and (max-height:780px){.coordinate-intro p{display:none}.coordinate-sidebar,.coordinate-right{max-height:calc(100vh - 205px)}.coordinate-insight-panel{padding:10px 12px}.coordinate-hero{padding:9px 0 8px}.coordinate-hero strong{font-size:17px}.coordinate-insight-panel .metric{min-height:28px}.coordinate-note{margin-top:7px}.coordinate-dock{min-height:74px;padding-top:8px;padding-bottom:8px}.coordinate-place-list button{height:35px}[data-experiment-mode=coordinates] .interaction-hint{bottom:120px}}@media(max-width:850px){.coordinate-sidebar,.coordinate-right{position:relative;inset:auto;max-height:none;width:calc(50% - 6px)}.coordinate-dock{position:relative;inset:auto;margin:18px;flex-wrap:wrap}.coordinate-place-list{order:3;flex-basis:100%;grid-template-columns:repeat(2,1fr)}.coordinate-place-list button:last-child{grid-column:span 2}}[data-experiment-mode=seasons] .time-zone-ui,[data-experiment-mode=moon] .time-zone-ui,[data-experiment-mode=coordinates] .time-zone-ui,[data-experiment-mode=time-zones] .season-ui,[data-experiment-mode=time-zones] .moon-ui,[data-experiment-mode=time-zones] .coordinate-ui{display:none!important}.time-zone-sidebar,.time-zone-right{max-height:calc(100vh - 250px)}.time-zone-intro em{font-family:Noto Sans SC,sans-serif;font-size:inherit;color:#91d7e4}.time-zone-panel{padding:12px 14px;margin-top:8px}.time-zone-panel .panel-heading{padding-bottom:8px}.time-zone-caption{font-size:8px;line-height:1.55;color:#7f9eac;margin:8px 0 0}.time-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.time-mode-buttons button{height:30px;border:1px solid #688b9c54;border-radius:3px;background:#102a3a;color:#99bac6;font-size:10px}.time-mode-buttons button.active{border-color:#76c7d483;background:#285c6d;color:#e2f7f8}.time-mode-buttons button:hover{border-color:#77bac8}.time-reference{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#94b1bd;font-size:9px}.time-reference strong{color:#e7d09e;font:500 12px DM Mono,monospace}.time-zone-panel input[type=range]{width:100%;height:18px;margin:6px 0 0;appearance:none;background:transparent;cursor:pointer}.time-zone-panel input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#8fd7df var(--progress,50%),#395466 var(--progress,50%))}.time-zone-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-5px;border:2px solid #d9faff;border-radius:50%;background:#66bdcf}.time-zone-panel input[type=range]::-moz-range-track{height:3px;background:#395466}.time-zone-panel input[type=range]::-moz-range-thumb{height:12px;width:12px;border:2px solid #d9faff;border-radius:50%;background:#66bdcf}.time-reference-ticks{display:flex;justify-content:space-between;color:#648695;font:7px DM Mono,monospace}.time-layer-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;margin-top:5px}.time-layer-grid .layer-row{height:27px;gap:5px;font-size:8px;white-space:nowrap}.time-layer-grid .switch{transform:scale(.82);transform-origin:right center}.time-zone-right{top:10px}.time-zone-hero{display:flex;flex-direction:column;gap:2px;padding:12px 0 9px;border-bottom:1px solid #92bfd021}.time-zone-hero>span{color:#99b5c1;font-size:9px}.time-zone-hero strong{font:500 19px DM Mono,monospace;color:#dceff2;white-space:nowrap}.time-zone-hero small{font-size:8px;color:#6e91a0}.time-zone-panel .metric{min-height:30px;font-size:9px}.time-zone-panel .metric strong{font-size:10px;white-space:nowrap}.time-result[data-time-mode=zone] #time-selected-standard,.time-result:not([data-time-mode=zone]) #time-selected-local{color:#ffe0a6}.time-compare-select{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}.time-compare-select label{font-size:8px;color:#7998a7}.time-compare-select select{display:block;width:100%;height:26px;margin-top:4px;border:1px solid #63889958;border-radius:3px;background:#112d40;color:#c5e4e9;font-size:9px}.time-beijing-note{margin-top:9px;padding:8px;background:#66513b33;border-left:2px solid #d6b4758c}.time-beijing-note strong{font-size:9px;color:#e4c795}.time-beijing-note p{margin:4px 0 0;color:#9cb0ad;font-size:8px;line-height:1.55}.time-principle{margin-top:7px}.time-zone-dock{position:absolute;z-index:4;bottom:32px;left:44px;right:44px;min-height:105px;padding:12px 15px;display:flex;align-items:center;gap:14px;border:1px solid #83aec339;border-radius:7px;background:linear-gradient(130deg,#0d2032f2,#0f2537eb);box-shadow:0 -20px 70px #02091550;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.time-zone-dock .dock-title{min-width:128px}.time-city-list{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.time-city-card{min-width:0;min-height:76px;display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:7px 8px;text-align:left;border:1px solid #688b9c42;border-radius:3px;background:#163347a3;color:#c8e0e5}.time-city-card:hover,.time-city-card.active{border-color:#74c4d185;background:#235267}.time-city-card>span:first-child{font-size:10px}.time-city-card strong{font:500 10px DM Mono,monospace;color:#f1d39d}.time-city-card>span:last-child{font:8px DM Mono,monospace;color:#89b4c0}.time-city-card small{display:block;margin-top:2px;color:#7193a2;font:7px DM Mono,Noto Sans SC,monospace;white-space:nowrap}.time-city-card strong small{display:inline;margin-left:4px}[data-experiment-mode=time-zones] .interaction-hint{bottom:153px}@media(max-width:1400px){.time-zone-dock{left:25px;right:25px;gap:9px;padding:9px}.time-zone-dock .dock-title{min-width:106px;gap:6px}.time-zone-dock .dock-title strong{font-size:10px}.time-zone-dock .dock-symbol{font-size:21px}.time-city-list{gap:4px}.time-city-card{padding:6px 5px}.time-city-card>span:first-child{font-size:9px}.time-city-card strong{font-size:9px}.time-city-card small{font-size:6.5px}.time-zone-sidebar{left:25px;width:230px}.time-zone-right{right:25px;width:235px}}@media(min-width:851px)and (max-height:780px){.time-zone-intro{margin-bottom:12px}.time-zone-intro p{display:none}.time-zone-panel{padding:9px 11px;margin-top:5px}.time-zone-panel .metric{min-height:25px}.time-zone-hero{padding:7px 0}.time-zone-hero strong{font-size:16px}.time-beijing-note{padding:5px;margin-top:5px}.time-beijing-note p{font-size:7.5px}.time-zone-sidebar,.time-zone-right{max-height:calc(100vh - 222px)}.time-zone-dock{min-height:88px;padding:7px 10px}.time-city-card{min-height:66px}[data-experiment-mode=time-zones] .interaction-hint{bottom:135px}.time-principle{display:none}}@media(max-width:850px){.time-zone-sidebar,.time-zone-right{position:relative;inset:auto;max-height:none;width:calc(50% - 6px)}.time-zone-dock{position:relative;inset:auto;margin:18px;display:block}.time-zone-dock .dock-title{margin-bottom:12px}.time-city-list{grid-template-columns:repeat(2,minmax(0,1fr))}.time-zone-intro{position:absolute;top:-318px;left:0}.time-zone-intro p{display:block}}@media(max-width:560px){.time-zone-sidebar,.time-zone-right{width:100%}.time-zone-intro{left:18px}.time-city-list{grid-template-columns:1fr}.time-city-card{min-height:58px}}.time-zone-hero strong{color:#ffe0a6}.time-result[data-time-mode=zone] #time-selected-standard,.time-result:not([data-time-mode=zone]) #time-selected-local{color:#dceff2}[data-experiment-mode=seasons] .solar-altitude-ui,[data-experiment-mode=moon] .solar-altitude-ui,[data-experiment-mode=coordinates] .solar-altitude-ui,[data-experiment-mode=time-zones] .solar-altitude-ui,[data-experiment-mode=solar-altitude] .season-ui,[data-experiment-mode=solar-altitude] .moon-ui,[data-experiment-mode=solar-altitude] .coordinate-ui,[data-experiment-mode=solar-altitude] .time-zone-ui{display:none!important}.solar-sidebar,.solar-right{max-height:calc(100vh - 235px)}.solar-intro{padding-top:17px;margin-bottom:12px}.solar-intro h1{margin-top:8px;font-size:27px;line-height:1.25}.solar-intro em{font-family:Noto Sans SC,sans-serif;font-size:inherit;color:#f0c77e}.solar-intro p{font-size:9px;line-height:1.55}.solar-panel{padding:10px 13px;margin-top:6px}.solar-panel .panel-heading{padding-bottom:7px}.solar-readout{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#88a7b5;font-size:9px}.solar-readout strong{color:#dceff2;font:500 12px DM Mono,monospace}.solar-panel input[type=range],.solar-time-track input{width:100%;height:18px;margin:4px 0 0;appearance:none;background:transparent;cursor:pointer}.solar-panel input[type=range]::-webkit-slider-runnable-track,.solar-time-track input::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#77ccd7 var(--progress,50%),#395466 var(--progress,50%))}.solar-panel input[type=range]::-webkit-slider-thumb,.solar-time-track input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border:2px solid #e1fbff;border-radius:50%;background:#65bdca;box-shadow:0 0 8px #63cad7}.solar-panel input[type=range]::-moz-range-track,.solar-time-track input::-moz-range-track{height:3px;background:#395466}.solar-panel input[type=range]::-moz-range-thumb,.solar-time-track input::-moz-range-thumb{width:10px;height:10px;border:2px solid #e1fbff;border-radius:50%;background:#65bdca}.solar-range-ticks,.solar-time-labels{display:flex;justify-content:space-between;color:#638494;font:7px DM Mono,monospace}.solar-hemisphere{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.solar-hemisphere button,.solar-latitude-presets button,.solar-city-presets button,.solar-event-presets button,.solar-cases button{height:25px;border:1px solid #66899b44;border-radius:3px;background:#102b3d;color:#91afbb;font-size:8px}.solar-hemisphere button.active,.solar-latitude-presets button.active,.solar-city-presets button.active,.solar-event-presets button.active,.solar-cases button:hover{border-color:#72c4d071;background:#285d6e;color:#def5f7}.solar-latitude-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:5px}.solar-latitude-presets button:nth-last-child(-n+2){grid-column:span 1}.solar-city-presets,.solar-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:7px;padding-top:6px;border-top:1px solid #92bfd021}.solar-city-presets>span,.solar-cases>span{grid-column:1/-1;color:#6f92a1;font-size:7.5px}.solar-city-presets button:last-child,.solar-cases button:last-child{grid-column:span 2}.solar-event-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:6px}.solar-event-presets button{height:29px}.solar-event-presets small{display:block;color:#668797;font:6px DM Mono,monospace;margin-top:1px}.solar-layer-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:7px;margin-top:4px}.solar-layer-grid .layer-row{height:25px;gap:5px;font-size:8px;white-space:nowrap}.solar-layer-grid .switch{transform:scale(.8);transform-origin:right center}.solar-right{top:10px}.solar-hero{display:flex;flex-direction:column;padding:11px 0 8px;border-bottom:1px solid #92bfd021}.solar-hero span{font-size:9px;color:#8daab7}.solar-hero strong{color:#f2d391;font:500 24px DM Mono,monospace}.solar-hero small{font-size:8px;color:#6b8b99}.solar-right .metric{min-height:31px;font-size:9px}.solar-right .metric strong{font-size:10px;white-space:nowrap}.solar-events{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:8px}.solar-events span{padding:6px 4px;background:#102a3c;border:1px solid #648a9d2e;border-radius:3px;text-align:center;color:#738f9d;font-size:7px}.solar-events strong{display:block;margin-top:2px;color:#d8c291;font:9px DM Mono,monospace}.solar-caption{margin:8px 0 0;color:#708f9d;font-size:7.5px;line-height:1.5}.solar-shadow-panel{margin-top:7px}.solar-explanation{margin-top:8px;padding:7px 8px;border-left:2px solid #d6b47580;background:#5f4b3430}.solar-explanation strong{color:#dbbf8b;font-size:9px}.solar-explanation p{margin:3px 0 0;color:#809ca8;font-size:8px;line-height:1.5}.solar-principle{margin-top:6px}.solar-time-dock{position:absolute;z-index:4;left:44px;right:44px;bottom:32px;height:124px;padding:11px 20px;border:1px solid #83aec339;border-radius:7px;background:linear-gradient(130deg,#0d2032f2,#0f2537eb);box-shadow:0 -20px 70px #02091550;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.solar-dock-top{height:42px;display:flex;align-items:center;gap:12px}.solar-dock-top .dock-title{min-width:180px}.solar-dock-top .play-button{width:32px;height:32px}.solar-noon-button{height:30px;padding:0 13px;border:1px solid #cba96b63;border-radius:3px;background:#59492f45;color:#e2c68f;font-size:9px}.solar-dock-top>strong{margin-left:auto;color:#f0d194;font:500 18px DM Mono,monospace}.solar-time-track{position:relative;margin-top:7px;padding:0 3px}.solar-time-track input{position:relative;z-index:2;margin:0}.solar-event-markers{position:absolute;z-index:1;left:3px;right:3px;top:-3px;height:17px;pointer-events:none}.solar-event-markers span{position:absolute;transform:translate(-50%);color:#718f9c;font:6px DM Mono,Noto Sans SC,monospace;white-space:nowrap;padding-top:15px}.solar-event-markers i{position:absolute;top:3px;left:50%;width:1px;height:8px;background:#86aab8}.solar-event-markers .noon{color:#d3b878}.solar-event-markers .noon i{background:#e3c47f}.solar-event-markers b{position:absolute;right:2px;top:14px;color:#d5b978;font-size:7px;font-weight:400}.solar-time-labels{margin-top:9px}.solar-time-dock>p{margin:1px 0 0;color:#58798a;font-size:7px}[data-experiment-mode=solar-altitude] .interaction-hint{bottom:174px}@media(max-width:1400px){.solar-sidebar{left:25px;width:238px}.solar-right{right:25px;width:242px}.solar-time-dock{left:25px;right:25px}.solar-dock-top .dock-title{min-width:140px}.solar-city-presets button,.solar-cases button{font-size:7.5px}.solar-intro h1{font-size:24px}}@media(min-width:851px)and (max-height:780px){.solar-sidebar,.solar-right{max-height:calc(100vh - 232px)}.solar-intro{padding-top:8px;margin-bottom:7px}.solar-intro p{display:none}.solar-intro h1{font-size:21px;margin:5px 0}.solar-panel{padding:8px 10px;margin-top:4px}.solar-latitude-presets button,.solar-city-presets button,.solar-cases button{height:22px}.solar-right .solar-panel{padding:6px 9px}.solar-right .panel-heading{padding-bottom:4px}.solar-right .metric{min-height:23px}.solar-hero{padding:4px 0}.solar-hero strong{font-size:20px}.solar-events{margin-top:4px}.solar-events span{padding:3px}.solar-caption{margin-top:4px;line-height:1.25}.solar-shadow-panel{margin-top:4px}.solar-explanation{margin-top:4px;padding:4px 6px}.solar-principle{display:none}.solar-time-dock{height:108px;padding:8px 14px}.solar-dock-top{height:35px}[data-experiment-mode=solar-altitude] .interaction-hint{bottom:151px}}@media(max-width:850px){.solar-sidebar,.solar-right{position:relative;inset:auto;max-height:none;width:calc(50% - 6px)}.solar-intro{position:absolute;top:-318px;left:0}.solar-time-dock{position:relative;inset:auto;height:auto;margin:18px;padding:12px}.solar-dock-top{flex-wrap:wrap;height:auto}.solar-time-track{margin-top:13px}.solar-principle{display:flex}}@media(max-width:560px){.solar-sidebar,.solar-right{width:100%}.solar-intro{left:18px}.solar-dock-top .dock-title{min-width:120px}.solar-noon-button{order:4}.solar-dock-top>strong{font-size:14px}}[data-experiment-mode]:not([data-experiment-mode=earth-zones]) .earth-zones-ui,[data-experiment-mode=earth-zones] .season-ui,[data-experiment-mode=earth-zones] .moon-ui,[data-experiment-mode=earth-zones] .coordinate-ui,[data-experiment-mode=earth-zones] .time-zone-ui,[data-experiment-mode=earth-zones] .solar-altitude-ui{display:none!important}.zones-sidebar,.zones-right{max-height:calc(100vh - 235px)}.zones-intro{padding-top:16px;margin-bottom:13px}.zones-intro h1{margin:8px 0;font-size:26px;line-height:1.28}.zones-intro em{font:inherit;color:#e4c68d}.zones-intro p{font-size:9px;line-height:1.55}.zones-panel{padding:10px 13px;margin-top:7px}.zones-panel .panel-heading{padding-bottom:7px}.zones-panel .metric{min-height:29px;font-size:9px}.zones-panel .metric strong{font-size:10px;white-space:nowrap}.zones-layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 7px;margin-top:4px}.zones-layer-grid .layer-row{height:26px;gap:5px;white-space:nowrap;font-size:8px}.zones-layer-grid .switch{transform:scale(.8);transform-origin:right center}.zones-readout{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:#91afbd;font-size:9px}.zones-readout strong{color:#e5f2f2;font:500 12px DM Mono,monospace}.zones-panel input[type=range]{width:100%;height:18px;margin:4px 0 0;appearance:none;background:transparent;cursor:pointer}.zones-panel input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(90deg,#78cbd4 var(--progress,50%),#395466 var(--progress,50%))}.zones-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border:2px solid #e2fafb;border-radius:50%;background:#68bfd0}.zones-panel input[type=range]::-moz-range-track{height:3px;background:#395466}.zones-panel input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #e2fafb;border-radius:50%;background:#68bfd0}.zones-ticks{display:flex;justify-content:space-between;color:#688b9a;font:7px DM Mono,monospace}.zones-hemisphere{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.zones-lat-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:5px}.zones-hemisphere button,.zones-lat-presets button,.zones-event-buttons button{height:25px;border:1px solid #66899b44;border-radius:3px;background:#102b3d;color:#9ab9c4;font-size:8px}.zones-hemisphere button.active,.zones-lat-presets button.active,.zones-event-buttons button.active,.zones-hemisphere button:hover,.zones-lat-presets button:hover,.zones-event-buttons button:hover{border-color:#72c4d071;background:#285d6e;color:#def5f7}.zones-compare-toggle{display:flex;align-items:center;gap:6px;margin-top:9px;color:#b0c8d0;font-size:9px;cursor:pointer}.zones-compare-toggle input{accent-color:#6fc3d1}.zones-compare-toggle small{margin-left:auto;color:#6d94a1;font:8px DM Mono,monospace}.zones-event-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:7px}.zones-event-buttons button{height:30px}.zones-event-buttons small{display:block;margin-top:1px;color:#7895a1;font:6px DM Mono,monospace}.zones-small{margin:8px 0 0;color:#8caab5;font-size:8px;line-height:1.5}.zones-right{top:10px}.zones-hero{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid #92bfd021}.zones-hero span{color:#85abb9;font:10px DM Mono,monospace}.zones-hero strong{color:#e8cc99;font-size:21px;font-weight:500}.zones-hero small{color:#7898a6;font:8px DM Mono,monospace}.zones-relations{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.zones-relations span{padding:3px 5px;background:#22516a54;border:1px solid #76b3c53d;border-radius:2px;color:#aed5dc;font-size:8px}.zones-compare{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:7px;background:#2a53614d;border-left:2px solid #9cd3db}.zones-compare[hidden]{display:none}.zones-compare strong{font-size:9px;color:#c8e7e9;font-weight:500}.zones-compare span{font-size:8px;color:#9dbdc6}.zones-beam{margin-top:9px;padding:7px 8px;border:1px solid #b19a6244;border-radius:3px;background:#44392624}.zones-beam>span{font-size:9px;color:#e0c58f}.zones-beam svg{display:block;width:100%;height:91px;margin-top:3px}.zones-beam>div{display:flex;justify-content:space-between;gap:4px;color:#9bb4ba;font-size:7px}.zones-disclaimer{margin:5px 0 0;color:#7894a1;font-size:7px;line-height:1.45}.zones-principle{margin:8px 2px 0}.zones-principle p{line-height:1.55}.zones-dock{position:absolute;z-index:4;left:44px;right:44px;bottom:32px;height:126px;padding:12px 15px;display:flex;align-items:center;gap:16px;border:1px solid #83aec339;border-radius:7px;background:linear-gradient(130deg,#0d2032f2,#0f2537eb);box-shadow:0 -20px 70px #02091550;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.zones-dock .dock-title{min-width:128px}.zones-cards{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.zones-card{min-width:0;height:99px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:9px;border:1px solid #779aa744;border-radius:3px;background:#173548a3;color:#b6d4db}.zones-card:hover,.zones-card.active{background:#2b5866;border-color:#ddc28891}.zones-card strong{color:#e6eff0;font-size:11px;font-weight:500}.zones-card.active strong{color:#f0d197}.zones-card span{color:#a1bfc9;font:8px DM Mono,monospace}.zones-card small{color:#83a4af;font-size:7px;line-height:1.4}.zones-sidebar,.zones-right,.zones-dock{--zone-color:#63b5a3;--zone-rgb:99,181,163}.earth-zones-ui[data-current-zone=northFrigid]{--zone-color:#78bfd6;--zone-rgb:120,191,214}.earth-zones-ui[data-current-zone=northTemperate]{--zone-color:#63b5a3;--zone-rgb:99,181,163}.earth-zones-ui[data-current-zone=tropical]{--zone-color:#d8b45a;--zone-rgb:216,180,90}.earth-zones-ui[data-current-zone=southTemperate]{--zone-color:#5ca8a6;--zone-rgb:92,168,166}.earth-zones-ui[data-current-zone=southFrigid]{--zone-color:#6ea6c8;--zone-rgb:110,166,200}.zones-sidebar[data-current-zone] .zones-lat-presets button.active{border-color:rgba(var(--zone-rgb),.58);background:linear-gradient(135deg,rgba(var(--zone-rgb),.2),#214b5b);box-shadow:inset 2px 0 var(--zone-color);color:#edf9f8}.zones-right[data-current-zone] .zones-hero strong{color:var(--zone-color);text-shadow:0 0 14px rgba(var(--zone-rgb),.12)}.zones-card{--card-zone-color:#63b5a3;--card-zone-rgb:99,181,163;position:relative;overflow:hidden;border-color:rgba(var(--card-zone-rgb),.24);background:linear-gradient(135deg,rgba(var(--card-zone-rgb),.12),rgba(var(--card-zone-rgb),.035)),#102b3da8;transition:background .18s,border-color .18s,box-shadow .18s}.zones-card[data-zone-card=northFrigid]{--card-zone-color:#78bfd6;--card-zone-rgb:120,191,214}.zones-card[data-zone-card=northTemperate]{--card-zone-color:#63b5a3;--card-zone-rgb:99,181,163}.zones-card[data-zone-card=tropical]{--card-zone-color:#d8b45a;--card-zone-rgb:216,180,90}.zones-card[data-zone-card=southTemperate]{--card-zone-color:#5ca8a6;--card-zone-rgb:92,168,166}.zones-card[data-zone-card=southFrigid]{--card-zone-color:#6ea6c8;--card-zone-rgb:110,166,200}.zones-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--card-zone-color);opacity:.3}.zones-card:hover{border-color:rgba(var(--card-zone-rgb),.48);background:linear-gradient(135deg,rgba(var(--card-zone-rgb),.16),rgba(var(--card-zone-rgb),.05)),#17384a}.zones-card.active{border-color:rgba(var(--card-zone-rgb),.82);background:linear-gradient(135deg,rgba(var(--card-zone-rgb),.24),rgba(var(--card-zone-rgb),.08)),#193e50;box-shadow:0 0 16px rgba(var(--card-zone-rgb),.1),inset 0 1px rgba(var(--card-zone-rgb),.14)}.zones-card.active:before{opacity:1}.zones-card strong{color:color-mix(in srgb,var(--card-zone-color) 55%,#e6eff0)}.zones-card.active strong{color:var(--card-zone-color);text-shadow:0 0 12px rgba(var(--card-zone-rgb),.14)}[data-experiment-mode=earth-zones] .interaction-hint{bottom:170px}@media(max-width:1400px){.zones-sidebar{left:25px;width:238px}.zones-right{right:25px;width:242px}.zones-dock{left:25px;right:25px;gap:9px;padding:8px}.zones-dock .dock-title{min-width:106px}.zones-dock .dock-title strong{font-size:10px}.zones-cards{gap:4px}.zones-card{padding:6px}.zones-card strong{font-size:9px}.zones-card span{font-size:7px}.zones-card small{font-size:6.5px}.zones-intro h1{font-size:23px}}@media(min-width:851px)and (max-height:780px){.zones-sidebar,.zones-right{max-height:calc(100vh - 232px)}.zones-intro{padding-top:6px;margin-bottom:5px}.zones-intro h1{font-size:20px;margin:4px 0}.zones-intro p{display:none}.zones-panel{padding:6px 9px;margin-top:4px}.zones-panel .panel-heading{padding-bottom:4px}.zones-panel .metric{min-height:23px}.zones-hero{padding:5px 0}.zones-hero strong{font-size:18px}.zones-relations{margin-top:5px}.zones-beam{margin-top:5px;padding:4px 6px}.zones-beam svg{height:70px}.zones-small{margin-top:4px}.zones-principle{display:none}.zones-dock{height:108px}.zones-card{height:87px}[data-experiment-mode=earth-zones] .interaction-hint{bottom:145px}}@media(max-width:850px){.zones-sidebar,.zones-right{position:relative;inset:auto;max-height:none;width:calc(50% - 6px)}.zones-intro{position:absolute;top:-318px;left:0}.zones-dock{position:relative;inset:auto;height:auto;margin:18px;display:block}.zones-dock .dock-title{margin-bottom:10px}.zones-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.zones-card{height:76px}}@media(max-width:560px){.zones-sidebar,.zones-right{width:100%}.zones-intro{left:18px}.zones-cards{grid-template-columns:1fr}.zones-card{height:68px}}.coordinate-place-list button.active,.time-city-card.active{border-color:#82d4dfb8;background:linear-gradient(135deg,#2b6579cc,#1d4c60cc);box-shadow:0 0 14px #55bdcf1c,inset 2px 0 #8edbe4;color:#ecfbfc}.coordinate-place-list button.active span,.time-city-card.active>span:first-child{color:#ecfbfc}.coordinate-place-list button.active small,.time-city-card.active small{color:#9bd5dd}.time-city-card.active>span:last-child{color:#a9d6dc}.season-event-note{margin:6px 0 1px;padding:6px 8px;border-left:2px solid #d9b66d80;background:#584a3230;color:#aebfc1;font-size:8px;line-height:1.45}.subsolar-relation{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;border-bottom:1px solid #92bfd021;color:#7f9eac;font-size:9px}.subsolar-relation strong{color:#e4c787;font-size:9px;font-weight:500;text-align:right}.daylight-balance{display:grid;gap:4px;padding:6px 0 7px;border-bottom:1px solid #92bfd021}.daylight-balance>div{display:grid;grid-template-columns:12px 1fr 26px;align-items:center;gap:6px;color:#7898a7;font-size:8px}.daylight-balance i{height:4px;overflow:hidden;border-radius:4px;background:#243d4d}.daylight-balance b{display:block;height:100%;border-radius:inherit;transition:width .25s ease}.daylight-balance>div:first-child b{background:linear-gradient(90deg,#b98e4e,#f0c773);box-shadow:0 0 6px #e8b95b42}.daylight-balance>div:last-child b{background:linear-gradient(90deg,#4e6e8e,#7da8c9)}.daylight-balance strong{font:7px DM Mono,monospace;color:#8eacb8;text-align:right}#polar-status[data-state=极昼],#polar-status[data-state=接近极昼]{color:#f0c77e}#polar-status[data-state=极夜],#polar-status[data-state=接近极夜]{color:#8eb8df}.symmetric-season-compare{display:grid;gap:4px;margin-top:6px}.symmetric-season-compare>div{display:grid;grid-template-columns:58px 1fr;gap:6px;align-items:center;padding:5px 7px;border:1px solid #6e96a52b;border-radius:3px;background:#102b3b73}.symmetric-season-compare span{color:#8fc9d4;font:8px DM Mono,monospace}.symmetric-season-compare strong{color:#bcd1d6;font-size:8px;font-weight:500;text-align:right}.symmetric-season-compare>div:last-child span{color:#d1b38b}@media(min-width:851px)and (max-height:780px){[data-experiment-mode=seasons] .insight-panel{padding:6px 10px}[data-experiment-mode=seasons] .insight-panel>.panel-heading{padding-bottom:3px}[data-experiment-mode=seasons] .date-hero{padding:2px 0}[data-experiment-mode=seasons] .date-hero strong{font-size:18px}[data-experiment-mode=seasons] .metric{min-height:21px}.season-event-note{margin-top:2px;padding:2px 6px;font-size:7px;line-height:1.35}.subsolar-relation{min-height:20px;font-size:8px}.subsolar-relation strong{font-size:8px}.daylight-balance{gap:2px;padding:3px 0}.symmetric-season-compare>div{padding:3px 5px}.teaching-presets button{height:24px}[data-experiment-mode=seasons] .insight-secondary summary{min-height:20px}[data-experiment-mode=seasons] .sun-path-panel{padding:5px 10px}[data-experiment-mode=seasons] .sun-path-panel svg{height:70px}}.observation-season{background:linear-gradient(90deg,#31546624,transparent);padding:0 4px}.observation-season>span small{display:block;margin-top:1px;color:#607f8e;font-size:7px}.observation-season strong{max-width:150px;color:#d5edf0!important;text-align:right;line-height:1.3}@media(min-width:851px)and (max-height:780px){[data-experiment-mode=seasons] .right-sidebar.season-ui{max-height:calc(100vh - 225px)}[data-experiment-mode=seasons] .observation-season{min-height:25px}}.scene-canvas,.scene-canvas canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.left-sidebar,.right-sidebar{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}button,.layer-row,input[type=range],.interaction-hint{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:not(:disabled){touch-action:manipulation}input[type=range]{touch-action:none}button:not(:disabled):active{filter:brightness(1.16);transform:scale(.985)}@media(any-pointer:coarse){.experiment-groups button,.experiment-modules button{height:30px}.accordion-heading{min-height:44px}.layer-row{height:40px;min-height:40px}.view-button,.tilt-presets button,.restore-earth,.hemisphere-toggle button,.latitude-presets button,.teaching-presets button,.moon-phase-presets button,.moon-view-grid .view-button,.coordinate-actions button,.coordinate-practice button,.time-mode-buttons button,.solar-hemisphere button,.solar-latitude-presets button,.solar-city-presets button,.solar-event-presets button,.solar-cases button,.solar-noon-button,.zones-hemisphere button,.zones-lat-presets button,.zones-event-buttons button{min-height:38px;height:38px}.event-button{min-height:44px;height:44px}.play-button{min-width:44px;min-height:44px;width:44px;height:44px}.day-play-button{min-width:38px;min-height:38px;width:38px;height:38px}.speed-buttons button,.timeline-tabs button{min-width:40px;min-height:36px;height:36px}.coordinate-place-list button{min-height:48px;height:48px}.time-city-card{min-height:76px}.zones-card{min-height:92px}.coordinate-input,.coordinate-input input,.coordinate-input select,.time-compare-select select{min-height:40px}input[type=range]{height:32px!important}input[type=range]::-webkit-slider-thumb{width:20px!important;height:20px!important;margin-top:-8.5px!important}input[type=range]::-moz-range-thumb{width:18px!important;height:18px!important}}.bottom-dock-drawer{--dock-collapsed-height:52px;--dock-bottom-offset:32px;transition:transform .23s cubic-bezier(.2,.7,.25,1),box-shadow .23s ease;will-change:transform}.bottom-dock-drawer.is-collapsed{z-index:5;transform:translateY(calc(100% - var(--dock-collapsed-height) + var(--dock-bottom-offset)));box-shadow:0 -8px 32px #02091568,inset 0 1px #d5f7ff16}.bottom-dock-drawer>.dock-collapse-toggle{position:absolute;z-index:3;right:0;top:-43px;width:44px;height:44px;border:1px solid #6f9aab52;border-radius:4px 4px 0 0;background:#102d40ed;color:#9ccbd4;font-size:17px;line-height:1;opacity:1;transition:opacity .15s ease,background .16s,border-color .16s,color .16s}.bottom-dock-drawer>.dock-collapse-toggle:hover{border-color:#78c8d5a6;background:#1c4658;color:#e0f5f7}.bottom-dock-drawer>.dock-collapse-bar{position:absolute;z-index:4;inset:0 0 auto;width:100%;height:var(--dock-collapsed-height);padding:0 23px;display:flex;align-items:center;gap:18px;border:0;background:linear-gradient(90deg,#173c50fa,#102b3efa);color:#c9e4e8;text-align:left;opacity:0;pointer-events:none;transition:opacity .15s ease}.bottom-dock-drawer .dock-collapse-label{font-size:12px;font-weight:600;letter-spacing:.05em;white-space:nowrap}.bottom-dock-drawer .dock-collapse-status{overflow:hidden;color:#e2c58d;font:10px DM Mono,Noto Sans SC,monospace;text-overflow:ellipsis;white-space:nowrap}.bottom-dock-drawer .dock-collapse-arrow{width:30px;margin-left:auto;text-align:center;color:#8fd4de;font-size:17px}.bottom-dock-drawer.is-collapsed>.dock-collapse-bar{opacity:1;pointer-events:auto}.bottom-dock-drawer.is-collapsed>.dock-collapse-toggle{opacity:0;pointer-events:none}.bottom-dock-drawer.is-collapsed>:not(.dock-collapse-bar):not(.dock-collapse-toggle){opacity:0;pointer-events:none}@media(max-width:850px){.bottom-dock-drawer{--dock-bottom-offset:0px}}