:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--plate:#030509;--emulsion:#ece6d9;--emulsion-2:#ece6d9a8;--emulsion-3:#ece6d966;--hair:#ece6d929;--hair-strong:#ece6d957;--veil:#030509b8;--serif:"Noto Serif SC Variable", "Songti SC", "STSong", Georgia, serif;--data:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", system-ui, sans-serif;--gutter:clamp(18px, 3.2vw, 48px);--ease:cubic-bezier(.22, .8, .24, 1);font-family:var(--serif);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--plate);width:100%;height:100%;color:var(--emulsion);overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline:1px solid var(--emulsion);outline-offset:4px}.observatory{isolation:isolate;position:fixed;inset:0;overflow:hidden}.sky{width:100%;height:100%;display:block;position:absolute;inset:0}.field-label{color:var(--emulsion-3);letter-spacing:.12em;margin-bottom:10px;font-size:12px;display:block}.opening{z-index:10;padding:var(--gutter);padding-top:max(var(--gutter), env(safe-area-inset-top));padding-bottom:max(var(--gutter), env(safe-area-inset-bottom));transition:opacity 1.2s var(--ease), visibility 1.2s step-end;background:linear-gradient(90deg,#030509c7,#03050900 46%),linear-gradient(270deg,#030509d1,#03050900 34%);grid-template-columns:auto minmax(0,1fr) minmax(280px,340px);align-items:end;gap:clamp(24px,4vw,72px);display:grid;position:absolute;inset:0}.opening[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}.opening__title{align-self:start;gap:14px;font-weight:400;display:flex}.opening__zh{writing-mode:vertical-rl;letter-spacing:.08em;text-shadow:0 0 60px #030509cc;font-size:clamp(88px,17vh,184px);font-weight:500;line-height:1}.opening__en{writing-mode:vertical-rl;color:var(--emulsion-2);letter-spacing:.32em;padding-top:.4em;font-size:16px}.opening__intro{justify-items:start;gap:28px;max-width:30em;display:grid}.opening__lead{letter-spacing:.04em;text-wrap:pretty;font-size:clamp(16px,1.35vw,21px);line-height:1.9}.opening__sites{flex-direction:column;justify-content:flex-end;align-self:stretch;min-height:0;display:flex}.shutter{border:1px solid var(--hair-strong);letter-spacing:.2em;height:52px;transition:background-color .28s var(--ease), color .28s var(--ease), border-color .28s var(--ease);border-radius:999px;align-items:center;gap:14px;padding:0 26px 0 20px;font-size:16px;display:inline-flex}.shutter svg{stroke-width:1.4px;width:20px;height:20px;transition:transform .9s var(--ease)}.shutter:not(:disabled):hover{border-color:var(--emulsion);background:var(--emulsion);color:var(--plate)}.shutter:not(:disabled):hover svg{transform:rotate(60deg)}.shutter:disabled{color:var(--emulsion-3)}.sites{scrollbar-width:none;display:grid;overflow-y:auto}.sites::-webkit-scrollbar{display:none}.site{border-top:1px solid var(--hair);color:var(--emulsion-2);text-align:left;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:9px 0;transition:color .2s;display:grid;position:relative}.site:last-child{border-bottom:1px solid var(--hair)}.site:hover,.site[aria-checked=true]{color:var(--emulsion)}.site__name{letter-spacing:.06em;font-size:16px}.site__lat{font-family:var(--data);font-variant-numeric:tabular-nums;color:var(--emulsion-3);font-size:12px}.site[aria-checked=true] .site__lat{color:var(--emulsion-2)}.site[aria-checked=true]:before{background:var(--emulsion);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-14px;transform:translateY(-50%);box-shadow:0 0 6px 1px #dce6ffe6,0 0 16px 2px #a0b9ff73}.site__note{max-height:0;color:var(--emulsion-3);opacity:0;transition:max-height .36s var(--ease), opacity .36s var(--ease), margin .36s var(--ease);grid-column:2/4;font-size:12px;line-height:1.6;overflow:hidden}.site[aria-checked=true] .site__note{opacity:1;max-height:3.2em;margin-top:4px}.trail-glyph{opacity:.7;width:30px;height:22px}.sites--compact .site{padding:8px 0}.sites--compact .site__name{font-size:14px}.date-field{border-bottom:1px solid var(--hair-strong);align-items:center;display:inline-flex}.date-field input{width:9.6em;color:var(--emulsion);font-family:var(--data);font-variant-numeric:tabular-nums;text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;padding:8px 4px;font-size:16px}.date-field input:focus-visible{outline-offset:2px}.date-field__step{width:32px;height:36px;color:var(--emulsion-2);place-items:center;display:grid}.date-field__step:hover{color:var(--emulsion)}.date-field__step svg{stroke-width:1.5px;width:16px;height:16px}.hud{z-index:8;pointer-events:none;transition:opacity 1.4s .4s var(--ease), visibility 1.4s .4s step-start;position:absolute;inset:0}.hud[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .4s,visibility .4s step-end}.hud>*{pointer-events:auto}.hud:before{content:"";pointer-events:none;background:linear-gradient(#0305099e,#03050900 22%),linear-gradient(#03050900 66%,#030509c7),linear-gradient(90deg,#03050980,#03050900 18%);position:absolute;inset:0}.masthead{top:max(var(--gutter), env(safe-area-inset-top));left:max(var(--gutter), env(safe-area-inset-left));pointer-events:none;gap:6px;display:flex;position:absolute}.masthead__zh{writing-mode:vertical-rl;letter-spacing:.24em;font-size:28px;font-weight:500;line-height:1}.masthead__en{writing-mode:vertical-rl;color:var(--emulsion-3);letter-spacing:.3em;font-size:11px}.site-card{top:max(var(--gutter), env(safe-area-inset-top));right:max(var(--gutter), env(safe-area-inset-right));text-align:right;text-shadow:0 1px 12px #030509e6;justify-items:end;gap:4px;padding:2px 0 2px 24px;display:grid;position:absolute}.site-card__name{letter-spacing:.12em;font-size:28px;font-weight:500;line-height:1.2}.site-card__coord{color:var(--emulsion-2);font-family:var(--data);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:6px;font-size:12px}.site-card__meta{color:var(--emulsion-2);letter-spacing:.06em;font-size:14px}.site-card__edit{border-bottom:1px solid var(--hair-strong);color:var(--emulsion-2);letter-spacing:.16em;align-items:center;gap:6px;margin-top:10px;padding-bottom:3px;font-size:12px;transition:color .2s,border-color .2s;display:inline-flex}.site-card__edit svg{stroke-width:1.5px;width:14px;height:14px}.site-card:hover .site-card__edit{border-color:var(--emulsion);color:var(--emulsion)}.verse{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 150px);left:max(var(--gutter), env(safe-area-inset-left));text-shadow:0 1px 14px #030509f2;pointer-events:none;max-height:calc(100dvh - 400px);animation:develop 2.6s var(--ease) both;flex-direction:row-reverse;gap:10px;display:flex;position:absolute}.verse__zh{writing-mode:vertical-rl;letter-spacing:.2em;color:#ece6d9e6;font-size:16px;line-height:1.9}.verse__zh span{display:block}.verse__zh span+span{padding-top:1.6em}.verse__en{writing-mode:vertical-rl;max-inline-size:calc(100dvh - 440px);color:var(--emulsion-3);letter-spacing:.04em;font-size:11px;line-height:1.6}@keyframes develop{0%{filter:blur(8px);opacity:0}to{filter:blur();opacity:1}}.deck{right:max(var(--gutter), env(safe-area-inset-right));bottom:max(var(--gutter), env(safe-area-inset-bottom));left:max(var(--gutter), env(safe-area-inset-left));gap:18px;display:grid;position:absolute}.readouts{text-shadow:0 1px 12px #030509e6;flex-wrap:wrap;align-items:flex-end;gap:8px clamp(24px,3.4vw,56px);display:flex}.readout{gap:2px;display:grid}.readout dt{color:var(--emulsion-3);letter-spacing:.12em;font-size:12px}.readout dd{font-family:var(--data);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:21px;font-weight:300}.readout--primary dd{font-size:42px;font-weight:200;line-height:1}.readout dd small{color:var(--emulsion-3);font-family:var(--serif);margin:0 .3em 0 .15em;font-size:12px;font-weight:400}.readouts__status{color:var(--emulsion-2);letter-spacing:.12em;opacity:0;margin-left:auto;font-size:12px;transition:opacity .4s}.readouts__status[data-visible=true]{opacity:1}.band{gap:8px;display:grid}.band__ends{color:var(--emulsion-2);letter-spacing:.1em;justify-content:space-between;font-size:12px;display:flex}.band__ends span{transition:opacity .24s}.band__ends span[data-covered=true]{opacity:0}.band__track{cursor:ew-resize;touch-action:none;height:20px;position:relative}.band__sky{opacity:.92;border-radius:1px;position:absolute;inset:6px 0}.band__developed{background:var(--emulsion);opacity:.8;transform-origin:0;width:100%;height:1px;position:absolute;top:3px;left:0}.band__tick{background:#ece6d938;width:1px;position:absolute;top:6px;bottom:6px}.band__tick i{color:var(--emulsion-3);font-family:var(--data);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;position:absolute;top:18px;left:50%;transform:translate(-50%)}.band__head{background:var(--emulsion);width:1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 8px #dce6ffe6}.band__head b{background:var(--emulsion);color:var(--plate);font-family:var(--data);font-variant-numeric:tabular-nums;padding:2px 6px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.controls{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.controls__group{align-items:center;gap:10px;display:flex}.round-button{border:1px solid var(--hair-strong);width:40px;height:40px;color:var(--emulsion-2);border-radius:50%;place-items:center;transition:color .2s,border-color .2s,background-color .2s;display:grid}.round-button svg,.text-button svg{stroke-width:1.5px;width:16px;height:16px}.round-button:hover,.round-button[aria-pressed=true]{border-color:var(--emulsion);color:var(--emulsion)}.round-button--primary{border-color:var(--emulsion);background:var(--emulsion);width:48px;height:48px;color:var(--plate)}.round-button--primary:hover{color:var(--emulsion);background:0 0}.text-button{height:40px;color:var(--emulsion-2);letter-spacing:.12em;align-items:center;gap:8px;padding:0 14px;font-size:14px;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.text-button:hover{color:var(--emulsion)}.text-button--outlined{border:1px solid var(--hair-strong);border-radius:999px;padding:0 18px}.text-button--outlined:hover,.text-button--outlined[data-ready=true]{border-color:var(--emulsion);color:var(--emulsion)}.text-button--outlined[data-ready=true]{box-shadow:0 0 24px #dce6ff2e}.pole-dial{z-index:4;pointer-events:none;opacity:0;width:150px;height:150px;transition:opacity 1.2s var(--ease);position:absolute;top:0;left:0}.pole-dial[data-visible=true]{opacity:1}.pole-dial svg{overflow:visible}.pole-dial__ring{fill:none;stroke:#ece6d938;stroke-width:1px}.pole-dial__minor{stroke:#ece6d94d;stroke-width:1px}.pole-dial__major{stroke:#ece6d99e;stroke-width:1px}.pole-dial__arc{fill:none;stroke:#ece6d98c;stroke-width:1px;stroke-dasharray:1 3}.pole-dial__mark{fill:var(--emulsion)}.pole-dial__center{fill:none;stroke:#ece6d999}.pole-dial__label{color:var(--emulsion-2);text-shadow:0 0 6px var(--plate), 0 0 14px var(--plate);letter-spacing:.2em;white-space:nowrap;font-size:11px;position:absolute;top:50%;left:calc(50% + 66px);transform:translateY(-50%)}.drawer-scrim{z-index:20;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);background:#03050966;position:absolute;inset:0}.drawer-scrim[data-open=true]{opacity:1;pointer-events:auto}.drawer{z-index:21;width:min(380px,100vw);padding:var(--gutter) calc(var(--gutter) * .8);padding-top:max(var(--gutter), env(safe-area-inset-top));border-left:1px solid var(--hair);-webkit-backdrop-filter:blur(20px)saturate(.8);transition:transform .52s var(--ease), visibility .52s step-end;visibility:hidden;background:#05070ce6;flex-direction:column;gap:26px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer[data-open=true]{visibility:visible;transition:transform .52s var(--ease), visibility .52s step-start;transform:translate(0)}.drawer__head{justify-content:space-between;align-items:center;display:flex}.drawer__head h2{letter-spacing:.16em;font-size:21px;font-weight:500}.drawer__section{gap:12px;padding-left:14px;display:grid}.drawer__section h3{color:var(--emulsion-3);letter-spacing:.14em;margin-left:-14px;font-size:12px;font-weight:400}.drawer__credit{border-top:1px solid var(--hair);color:var(--emulsion-3);margin-top:auto;padding-top:20px;font-size:12px;line-height:1.8}.choice{flex-wrap:wrap;gap:8px;display:flex}.choice__item{border:1px solid var(--hair);min-width:64px;color:var(--emulsion-2);text-align:left;border-radius:6px;gap:2px;padding:8px 12px;transition:color .2s,border-color .2s;display:grid}.choice__item span{font-family:var(--data);font-variant-numeric:tabular-nums;font-size:14px}.choice__item small{color:var(--emulsion-3);font-size:11px}.choice__item:hover{border-color:var(--hair-strong);color:var(--emulsion)}.choice__item[aria-checked=true]{border-color:var(--emulsion);color:var(--emulsion)}.toast{bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 210px);z-index:30;border:1px solid var(--hair-strong);-webkit-backdrop-filter:blur(12px);letter-spacing:.06em;text-align:center;opacity:0;pointer-events:none;max-width:min(90vw,32em);transition:opacity .36s var(--ease), transform .36s var(--ease);background:#05070cdb;border-radius:999px;padding:10px 18px;font-size:14px;position:absolute;left:50%;transform:translate(-50%,8px)}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}.fallback{z-index:40;background:var(--plate);text-align:center;place-content:center;justify-items:center;gap:16px;padding:32px;display:grid;position:absolute;inset:0}.fallback h2{letter-spacing:.08em;font-size:28px;font-weight:500}.fallback p{max-width:28em;color:var(--emulsion-2);font-size:14px;line-height:1.9}@media (max-width:1080px){.opening{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);align-items:end}.opening__title{grid-row:1/3}.opening__sites{grid-area:1/2;max-height:46vh}.verse__en{display:none}}@media (max-height:720px){.verse__en{display:none}.verse{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 120px);max-height:calc(100dvh - 360px)}}@media (max-width:720px){.opening{background:linear-gradient(#03050933 0%,#03050980 45%,#030509e6 100%);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:20px}.opening__title{flex-direction:row;grid-row:1}.opening__zh{font-size:72px}.opening__sites{grid-area:2/1;max-height:none}.opening__intro{grid-row:3;gap:18px}.site__note,.site-card__coord,.site-card__meta:last-of-type,.readout--minor,.verse__en,.text-button span{display:none}.site-card__name{font-size:21px}.verse{top:auto;right:var(--gutter);flex-direction:column;max-height:none;bottom:250px}.verse__zh{writing-mode:horizontal-tb;letter-spacing:.12em;font-size:14px}.verse__zh span{display:inline}.verse__zh span+span{padding-top:0}.readout--primary dd{font-size:32px}.pole-dial__label{display:none}.drawer{border-top:1px solid var(--hair);border-left:0;border-radius:14px 14px 0 0;width:100%;max-height:82dvh;top:auto;transform:translateY(100%)}.drawer[data-open=true]{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}
/*# sourceMappingURL=index.9f4b3e6347.css.map*/