.night-sky{display:none}
html[data-paged=true],html[data-paged=true] body{height:100%;overflow:hidden;overscroll-behavior:none}
.page-deck[data-enhanced=true]{position:fixed;inset:0;isolation:isolate;height:100svh;overflow:hidden;background:#ed143e}
.page-deck[data-enhanced=true]>.home-page{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}
.page-deck[data-enhanced=true]>.home-page::-webkit-scrollbar{display:none}
.page-deck[data-enhanced=true]>.home-page:focus{outline:none}
.page-deck[data-enhanced=true]>.home-page:focus-visible{outline:1px solid #fff7e866;outline-offset:-8px}
.page-deck+#page-status{position:fixed;top:0;left:0;margin:0}
.page-deck .home:focus{outline:none}
.page-deck[data-enhanced=true]>.night-sky{display:block;position:absolute;inset:0;z-index:40;visibility:hidden;opacity:0;background:#000;pointer-events:none;transition:opacity 650ms ease,visibility 0s linear 650ms}
.page-deck[data-enhanced=true]>.night-sky[data-on=true]{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 650ms ease,visibility 0s}
.night-content{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#02050d;opacity:0;transition:opacity 250ms ease;color-scheme:dark}
.night-sky[data-on=true] .night-content[data-ready=true]{opacity:1;transition:opacity 450ms ease}
html[data-night=true] .skip-link{display:none}

/* The full stop after 见到你 is the night switch. */
.period{color:#63142c;text-shadow:none;margin-left:.02em;display:inline-block;padding:0;border:0;background:none;font:inherit;line-height:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;transform-origin:34% 72%;transition:color .32s ease,text-shadow .32s ease,transform .32s ease}
.period:hover,.period:focus-visible{color:#fff0d9;text-shadow:0 0 16px #ffe2b0b3,0 0 44px #ff9d5c73;transform:scale(1.08)}
.period:active{transform:scale(.94)}
.period:focus-visible{outline:1px solid #fff0d9a8;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.period{transition:none}.period:hover,.period:focus-visible,.period:active{transform:none}}
