@font-face{font-family:"Windward Serif";font-style:normal;font-weight:400 500;font-display:swap;src:url(/_astro/noto-serif-sc-subset.BCgWNMMB.woff2) format("woff2")}:root{color-scheme:dark;--ink: rgb(247 236 224);--serif: "Windward Serif", "Songti SC", "Noto Serif SC", "SimSun", serif;--gutter: clamp(1.25rem, 4vw, 3.5rem);background:#101c44;scrollbar-width:none}html::-webkit-scrollbar{display:none}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--serif);background:#101c44;-webkit-font-smoothing:antialiased}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;padding:.6rem 1rem;color:#101c44;background:#f7ece0;border-radius:999px}.skip-link:focus-visible{top:1rem}:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px}.poster,#field{position:fixed;inset:0;width:100%;height:100%}.poster{z-index:0;transition:opacity 1.2s ease}.poster picture,.poster img{display:block;width:100%;height:100%}.poster img{object-fit:cover}#field{z-index:1;display:block;opacity:0;transition:opacity 1.2s ease;touch-action:none}body[data-render-state=live] #field{opacity:1}body[data-render-state=live] .poster{opacity:0}.mark{position:fixed;left:var(--gutter);top:calc(env(safe-area-inset-top,0px) + 1.5rem);z-index:5;color:var(--ink);font-size:.82rem;letter-spacing:.42em;text-decoration:none;opacity:.72;transition:opacity .3s ease}.mark:hover{opacity:1}main{position:relative;z-index:3;pointer-events:none}.moment{height:120vh}.moment:last-child{height:100vh}.verse{position:fixed;top:clamp(3.4rem,8vh,5.6rem);right:clamp(5.5rem,19vw,20rem);writing-mode:vertical-rl;font-size:clamp(1.25rem,2.7vh,1.95rem);line-height:1;opacity:0;transform:translateY(.5rem);transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}.verse h1,.verse p{margin:0;font:inherit;font-weight:500;letter-spacing:.22em}.verse h1{font-size:1.3em}.verse p+p{margin-right:1.05em}.moment.is-active .verse{opacity:1;transform:none;transition-delay:.2s}body.is-ending .verse{text-shadow:0 0 .5em rgb(39 16 47 / .9),0 0 .16em rgb(39 16 47 / .9)}.hint{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 2.2rem);z-index:4;margin:0;padding:.5rem 1rem;transform:translate(-50%);font-size:.86rem;letter-spacing:.3em;white-space:nowrap;color:#fff7e8;background:#100e1e57;border-radius:999px;pointer-events:none;opacity:0;transition:opacity .8s ease}.for-touch{display:none}@media(pointer:coarse){.for-touch{display:inline}.for-mouse{display:none}}body[data-render-state=live] .hint-blow{opacity:1}body[data-render-state=live].has-blown .hint-blow{opacity:0}body[data-render-state=live].has-blown .hint-time{opacity:1}body[data-render-state=live].has-scrolled .hint{opacity:0}#rail{--rail-h: min(30vh, 17rem);position:fixed;right:var(--gutter);top:clamp(3.4rem,8vh,5.6rem);z-index:5;width:3rem;height:var(--rail-h);margin-right:-1.5rem;cursor:ns-resize;touch-action:none;display:none}body[data-render-state=live] #rail{display:block}#rail:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ink);opacity:.4}#rail-sun{--at: 0;position:absolute;left:50%;top:calc(var(--at) * 84%);width:.72rem;height:.72rem;margin:-.36rem 0 0 -.36rem;border-radius:50%;background:var(--ink)}#clock{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:.95rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}#ending{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + clamp(1.6rem,6vh,3.4rem));z-index:6;display:grid;justify-items:center;gap:1.1rem;width:min(30rem,calc(100vw - 2 * var(--gutter)));transform:translate(-50%);color:#fff3de;animation:rise 1s ease both}#ending[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translate(-50%,.6rem)}to{opacity:1;transform:translate(-50%)}}.tally{margin:0;padding:.5rem 1.2rem;font-size:1rem;letter-spacing:.2em;text-align:center;background:#27102f9e;border-radius:999px}.tally b{font-weight:500;font-size:1.3em;letter-spacing:.06em}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.actions button{padding:.7rem 1.3rem;color:#fff3de;font:inherit;font-size:.92rem;letter-spacing:.22em;background:#27102f9e;border:1px solid rgba(255,243,222,.5);border-radius:999px;cursor:pointer;transition:background .3s ease}.actions button:hover{background:#27102fdb}.notice{position:fixed;left:50%;bottom:2rem;z-index:6;display:flex;align-items:center;gap:.9rem;margin:0;padding:.6rem 1.1rem;transform:translate(-50%);font-size:.82rem;letter-spacing:.12em;white-space:nowrap;color:#fff7e8;background:#100e1eb3;border-radius:999px}.notice[hidden]{display:none}#render-retry{padding:.3rem .85rem;color:inherit;font:inherit;letter-spacing:inherit;background:transparent;border:1px solid rgba(255,247,232,.4);border-radius:999px;cursor:pointer}body.is-capture .mark,body.is-capture main,body.is-capture .hint,body.is-capture #rail,body.is-capture #ending,body.is-capture .notice,body.is-capture .poster{display:none}body.is-capture #field{opacity:1;transition:none}@media(max-width:720px){.verse{right:6.4rem;top:4.5rem;font-size:1.3rem}#rail{--rail-h: 34vh;top:4.5rem;right:1.4rem;margin-right:-1.5rem}#clock{font-size:.82rem}.hint{font-size:.78rem;letter-spacing:.2em}}@media(max-height:480px){.verse{top:2.4rem;font-size:1rem}#rail{top:2.4rem}.hint{bottom:1rem}#ending{gap:.6rem;bottom:.8rem}}@media(prefers-reduced-motion:reduce){.verse{transition:opacity .2s linear;transform:none}#ending{animation:none}}