.cities{text-align:center}.cities__hint{font-size:1rem;color:var(--ink-soft);margin:0 0 .75rem}.cities__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cities__button{min-height:2.75rem;padding:.5rem 1.25rem;font-size:1.125rem;font-family:inherit;color:var(--ink);background:#fff;border:2px solid var(--night);border-radius:999px;cursor:pointer}.cities__button[aria-pressed=true]{background:var(--sun);border-color:var(--sun);font-weight:700}.cities__button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.slider{width:100%}.slider__label{display:block;font-size:1.25rem;color:var(--ink-soft);margin-bottom:.75rem;text-align:center}.slider__input{width:100%;height:2.75rem;appearance:none;background:transparent;cursor:grab}.slider__input:active{cursor:grabbing}.slider__input:disabled{cursor:progress;opacity:.5}.slider__input::-webkit-slider-runnable-track{height:.75rem;border-radius:999px;background:linear-gradient(90deg,var(--winter-tint),var(--summer-tint),var(--winter-tint))}.slider__input::-moz-range-track{height:.75rem;border-radius:999px;background:linear-gradient(90deg,var(--winter-tint),var(--summer-tint),var(--winter-tint))}.slider__input::-webkit-slider-thumb{appearance:none;width:2.75rem;height:2.75rem;margin-top:-1rem;border-radius:50%;background:var(--sun);border:4px solid #fff;box-shadow:0 2px 8px #0003}.slider__input::-moz-range-thumb{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--sun);border:4px solid #fff;box-shadow:0 2px 8px #0003}.slider__input:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.slider__ticks{position:relative;height:1.5rem;font-size:1rem;color:var(--ink-soft);margin-top:.25rem}.slider__tick{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.slider__tick:first-child{transform:translate(0)}.slider__tick:last-child{transform:translate(-100%)}.slider__status{text-align:center;font-size:1rem;color:var(--ink-soft)}.daynight{margin:0;width:100%;position:relative;padding-top:3.25rem}.daynight__hours{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;right:0;height:1.25rem;font-size:1rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.daynight__hour{position:absolute;transform:translate(-50%);white-space:nowrap}.daynight__hour:first-child{transform:translate(0)}.daynight__hour:last-child{transform:translate(-100%)}.daynight__dawn{position:absolute;top:1.35rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transition:left var(--motion-duration) ease-out}.daynight__dawn em{font-style:normal;font-size:1rem;white-space:nowrap;color:var(--ink-soft);font-variant-numeric:tabular-nums}.daynight__tick{width:2px;height:.5rem;background:var(--ink-soft);border-radius:1px}.daynight__track{display:block;width:100%;height:2.5rem;border-radius:999px;overflow:hidden;background:var(--night)}.daynight__track--polar-day{background:var(--daylight)}.daynight__markers{position:relative;height:3rem;margin-top:.25rem}.daynight__marker{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font-size:1.25rem;line-height:1.2;transition:left var(--motion-duration) ease-out}.daynight__marker em{font-style:normal;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.daynight__caption{display:flex;justify-content:space-between;font-size:1rem;color:var(--ink-soft)}.tod-slider{width:100%}.tod-slider__label{display:block;font-size:1.25rem;color:var(--ink-soft);margin-bottom:.75rem;text-align:center}.tod-slider__input{width:100%;height:2.75rem;appearance:none;background:transparent;cursor:grab}.tod-slider__input:active{cursor:grabbing}.tod-slider__input::-webkit-slider-runnable-track{height:.75rem;border-radius:999px;background:var(--tod-track, var(--night))}.tod-slider__input::-moz-range-track{height:.75rem;border-radius:999px;background:var(--tod-track, var(--night))}.tod-slider__input::-webkit-slider-thumb{appearance:none;width:2.75rem;height:2.75rem;margin-top:-1rem;border-radius:50%;background:var(--sun);border:4px solid #fff;box-shadow:0 2px 8px #0003}.tod-slider__input::-moz-range-thumb{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--sun);border:4px solid #fff;box-shadow:0 2px 8px #0003}.tod-slider__input:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.earth-rotation{display:grid;gap:1rem;justify-items:center}.earth-rotation__title{margin:0;font-size:1.5rem;text-align:center}.earth-rotation__board{display:grid;justify-items:center;gap:.75rem;width:min(100%,22rem)}.earth-rotation__globe{position:relative;width:min(100%,20rem);aspect-ratio:1}.earth-rotation__sphere{display:block;width:100%;height:100%;object-fit:contain;transform:none;pointer-events:none;-webkit-user-select:none;user-select:none}.earth-rotation__overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.earth-rotation__meridian{fill:none;stroke:#fff;stroke-width:.012;opacity:.45}.earth-rotation__meridian--back{opacity:.12}.earth-rotation__axis{stroke:var(--ink);stroke-width:.02;stroke-linecap:round;opacity:.7}.earth-rotation__sun{fill:var(--sun);stroke:#fff;stroke-width:.012}.earth-rotation__marker{fill:#e85d4c;stroke:#fff;stroke-width:.018}.earth-rotation__marker--back{fill:none;opacity:.25}.earth-rotation__play{min-width:2.75rem;min-height:2.75rem;padding:.5rem 1.25rem;font-size:1.125rem;border:none;border-radius:999px;background:var(--sun);color:var(--ink);cursor:pointer}.earth-rotation__play:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.earth-rotation__phase{margin:0;font-size:1.5rem;font-weight:700;text-align:center}.earth-rotation__lead{margin:0;font-size:1.375rem;font-weight:700;text-align:center}.earth-rotation__caption{margin:0;font-size:1.125rem;color:var(--ink-soft);text-align:center}.tod-slider{width:min(100%,22rem)}.hero{text-align:center;display:grid;gap:1rem;justify-items:center}.hero__question{font-size:1.5rem;color:var(--ink);margin:0}.hero__headline{margin:0;font-size:clamp(3.5rem,17vw,5.5rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.hero__headline--polar{font-size:clamp(1.75rem,8vw,2.75rem);line-height:1.3}.hero__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem;margin:0;width:100%;max-width:26rem}.hero__facts div{display:grid;gap:.25rem;justify-items:center}.hero__facts dt{font-size:1rem;color:var(--ink-soft)}.hero__facts dd{margin:0;font-size:clamp(1.125rem,4.6vw,1.5rem);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.hero__meta{margin:0;font-size:1.125rem;color:var(--ink-soft)}.hero__twilight-note{margin:0;max-width:28rem;font-size:1rem;line-height:1.6;color:var(--ink-soft)}.hero__twilight-note strong{color:var(--ink);font-variant-numeric:tabular-nums}.earth-orbit,.earth-orbit__board{position:relative;width:100%}.earth-orbit__svg{display:block;width:100%;height:auto;overflow:visible}.earth-orbit__path{fill:none;stroke:var(--ink-soft);stroke-width:1.6;stroke-linecap:round;opacity:.7}.earth-orbit__axis{stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}.earth-orbit__now{position:absolute;width:11%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 3px #fff);transition:left var(--motion-duration) linear,top var(--motion-duration) linear}.earth-orbit__now-globe{display:block;width:100%;height:100%;object-fit:contain}.earth-orbit__now-axis{position:absolute;left:50%;top:50%;width:2px;height:170%;background:var(--ink);transform:translate(-50%,-50%) rotate(23.4deg);border-radius:1px}.earth-orbit__markers{position:absolute;inset:0;pointer-events:none}.earth-orbit__marker{position:absolute;transform:translate(-50%,calc(-50% + 1.7rem));min-height:2.75rem;min-width:2.75rem;padding:.35rem .6rem;font-size:1rem;font-family:inherit;line-height:1.2;color:var(--ink);background:#fff;border:2px solid var(--night);border-radius:999px;cursor:pointer;white-space:nowrap;pointer-events:auto;z-index:1}.earth-orbit__marker[aria-pressed=true]{background:var(--sun);border-color:var(--sun);font-weight:700}.earth-orbit__marker:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sun-path{display:grid;gap:.75rem;justify-items:center;width:100%}.sun-path__title{margin:0;font-size:1.5rem;text-align:center;color:var(--ink)}.sun-path__chart{width:min(100%,36rem)}.sun-path__svg{display:block;width:100%;height:auto;overflow:visible}.sun-path__horizon{stroke:var(--ink-soft);stroke-width:.6;stroke-linecap:round}.sun-path__ref{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.35}.sun-path__ref--summer{stroke:var(--sun)}.sun-path__ref--winter{stroke:var(--night)}.sun-path__day{fill:none;stroke:var(--sun);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sun-path__night{fill:none;stroke:var(--ink-soft);stroke-width:1.4;stroke-dasharray:2.2 1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.sun-path__sun{fill:var(--sun);stroke:#fff;stroke-width:.45;transition:cx var(--motion-duration) linear,cy var(--motion-duration) linear}.sun-path__ends{position:relative;height:2rem;margin-top:.15rem}.sun-path__time{position:absolute;top:0;transform:translate(-50%);font-size:clamp(1.125rem,4.6vw,1.5rem);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.sun-path__caption{margin:0;font-size:1.125rem;color:var(--ink-soft);text-align:center}.why-seasons{display:grid;gap:1rem;justify-items:center;width:100%}.why-seasons__title{margin:0;font-size:1.5rem;text-align:center;color:var(--ink)}.why-seasons__hero{display:block;width:min(100%,36rem);height:auto;border-radius:1rem}.why-seasons__lead,.why-seasons__caption{margin:0;text-align:center;max-width:36rem}.why-seasons__lead{font-size:1.25rem;color:var(--ink)}.why-seasons__caption{font-size:1.125rem;color:var(--ink-soft)}.why-seasons__pair{display:grid;gap:1.5rem;width:100%;align-items:start}@media(min-width:60rem){.why-seasons{width:min(68rem,calc(100vw - 2.5rem));margin-inline:calc(50% - min(34rem,50vw - 1.25rem))}.why-seasons__pair{grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.why-seasons__hero{width:min(100%,48rem)}}.season-compare{display:grid;gap:1.25rem;justify-items:center;width:100%}.season-compare__title{margin:0;font-size:1.5rem;text-align:center;color:var(--ink)}.season-compare__pair{display:grid;gap:1.75rem;width:100%;align-items:start}.season-compare__day{display:grid;gap:.85rem;justify-items:stretch;min-width:0}.season-compare__day-title{margin:0;font-size:1.25rem;text-align:center;color:var(--ink)}.season-compare__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .75rem;margin:0}.season-compare__facts div{display:grid;gap:.2rem;justify-items:center}.season-compare__facts dt{font-size:1rem;color:var(--ink-soft)}.season-compare__facts dd{margin:0;font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.season-compare__pending{margin:0;text-align:center;font-size:1rem;color:var(--ink-soft)}.season-compare__question{margin:0;max-width:36rem;text-align:center;font-size:1.25rem;color:var(--ink)}@media(min-width:60rem){.season-compare{width:min(68rem,calc(100vw - 2.5rem));margin-inline:calc(50% - min(34rem,50vw - 1.25rem))}.season-compare__pair{grid-template-columns:1fr 1fr;gap:2rem}}.season-discovery{min-height:4.5rem}.season-discovery__message{margin:0;padding:.85rem 1rem;text-align:center;font-size:1.25rem;font-weight:700;line-height:1.45;color:var(--ink);background:color-mix(in srgb,var(--sun) 28%,#fff);border-radius:1rem;animation:discovery-enter var(--motion-duration) ease-out}.season-discovery[data-enter=instant] .season-discovery__message{animation:none}@keyframes discovery-enter{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.season-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0}.season-backdrop__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:opacity var(--motion-duration) linear}.sound-toggle{position:fixed;top:.75rem;right:.75rem;z-index:4;min-width:2.75rem;min-height:2.75rem;padding:0;font-size:1.5rem;line-height:1;color:var(--ink);background:#fff;border:2px solid var(--night);border-radius:999px;cursor:pointer}.sound-toggle[aria-pressed=true]{background:var(--winter-tint)}.sound-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.yearcurve{width:100%;margin:0}.yearcurve__title{margin:0 0 .5rem;text-align:center;font-size:1.25rem;color:var(--ink)}.yearcurve__status{text-align:center;font-size:1rem;color:var(--ink-soft);min-height:10rem;display:grid;place-items:center}.yearcurve__plot{position:relative;width:100%}.yearcurve__markers{position:relative;height:2.75rem;margin-bottom:.35rem}.yearcurve__marker{position:absolute;top:0;transform:translate(-50%);min-height:2.75rem;min-width:2.75rem;padding:.35rem .6rem;font-size:1rem;font-family:inherit;line-height:1.2;color:var(--ink);background:#fff;border:2px solid var(--night);border-radius:999px;cursor:pointer;white-space:nowrap;z-index:1}.yearcurve__marker[aria-pressed=true]{background:var(--sun);border-color:var(--sun);font-weight:700}.yearcurve__marker:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.yearcurve__frame{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.35rem;align-items:start}.yearcurve__yaxis{list-style:none;margin:0;padding:0;position:relative;font-size:1rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:3.1rem;height:12rem}@media(min-width:40rem){.yearcurve__yaxis{height:14rem}}@media(max-width:26.25rem){.yearcurve__yaxis{margin-top:3.6rem}}.yearcurve__ytick{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap}.yearcurve__chart-col{min-width:0}.yearcurve__chart{position:relative;width:100%}@media(max-width:26.25rem){.yearcurve__markers{height:3.25rem}.yearcurve__marker{white-space:normal;max-width:3.5rem;padding:.25rem .4rem}}.yearcurve__svg{display:block;width:100%;height:12rem;overflow:visible}@media(min-width:40rem){.yearcurve__svg{height:14rem}}.yearcurve__needle{position:absolute;top:0;height:12rem;width:2px;background:var(--ink);transform:translate(-50%);pointer-events:none;transition:left var(--motion-duration) ease-out}@media(min-width:40rem){.yearcurve__needle{height:14rem}}.yearcurve__months{list-style:none;margin:.15rem 0 0;padding:0;position:relative;height:2.25rem}.yearcurve__month{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--ink-soft);font-size:1rem}.yearcurve__month i{display:block;width:1px;height:.45rem;background:var(--ink-soft)}.yearcurve__month span{margin-top:.15rem;white-space:nowrap}.yearcurve__legend{display:flex;justify-content:center;align-items:center;gap:.4rem .75rem;flex-wrap:wrap;margin:.75rem 0 0;font-size:1rem;color:var(--ink-soft)}.yearcurve__swatch{display:inline-block;width:1.5rem;height:0;border-top:3px solid var(--sun);margin-right:.15rem}.yearcurve__swatch--set{border-top-color:var(--night);border-top-style:dashed}.yearcurve__caption{margin:.75rem 0 0;text-align:center;font-size:1rem;color:var(--ink)}.app{position:relative;min-height:100dvh;overflow-x:hidden;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));background-attachment:fixed;transition:--sky-top var(--motion-duration) linear,--sky-bottom var(--motion-duration) linear}.app__sky{position:absolute;inset:0 0 auto;width:100%;height:auto;max-height:28dvh;object-fit:cover;object-position:top;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}.app__content{position:relative;z-index:1;max-width:40rem;margin:0 auto;padding:max(22dvh,7rem) 1.25rem 4rem;display:grid;gap:3rem}.app__explorer{display:grid;gap:1.5rem}.app__booting{padding:40dvh 1.25rem;text-align:center;font-size:1.25rem;color:var(--ink-soft)}.module-fallback{margin:0;padding:1rem 1.25rem;text-align:center;font-size:1.125rem;color:var(--ink-soft)}@media(min-width:60rem){.app__content{max-width:48rem;gap:4rem}}:root{--sun: #ffc53d;--daylight: #ffe9a8;--night: #2b3a67;--sky-top: #7fc4f5;--sky-bottom: #d9f0ff;--ink: #223055;--ink-soft: #5c6a90;--winter-tint: #cfe6f7;--summer-tint: #ffd977;--motion-duration: .3s}@property --sky-top{syntax: "<color>"; inherits: true; initial-value: #7fc4f5;}@property --sky-bottom{syntax: "<color>"; inherits: true; initial-value: #d9f0ff;}@media(prefers-reduced-motion:reduce){:root{--motion-duration: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;color:var(--ink);background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));background-attachment:fixed}#root{min-height:100dvh}