@font-face{font-family:IM Fell Great Primer;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-great-primer-latin-400-normal-DRQ6F0fS.woff2)format("woff2"),url(/assets/im-fell-great-primer-latin-400-normal-B7yMdFcn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell Great Primer;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/im-fell-great-primer-latin-400-italic-BM0iiFG9.woff2)format("woff2"),url(/assets/im-fell-great-primer-latin-400-italic-D-_A_YJL.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-text-latin-ext-400-normal-C9ASObbr.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-ext-400-normal-ll1HhAxb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-text-latin-400-normal-CfldDPV-.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-400-normal-WtjoQ5sB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-caslon-text-latin-ext-700-normal-VERgVPZd.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-ext-700-normal-BoDjDRr0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-caslon-text-latin-700-normal-D1WVYPaO.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-700-normal-B3n-DWsl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ma Shan Zheng;src:url(/fonts/mashan.woff2)format("woff2");font-display:swap}:root{--sea:#04121f;--foam:#eaf4f6;--spray:#a9c9d6;--cobalt:#173a7a;--ink:#101f3a;--paper:#f2ecdc;--paper-line:#cfc3a4;--ember:#b4331f;--display:"IM Fell Great Primer", "Libre Caslon Text", Georgia, serif;--body:"Libre Caslon Text", Georgia, serif;--zh:"Ma Shan Zheng", "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html{background:var(--sea);scrollbar-width:thin;scrollbar-color:var(--spray) var(--sea)}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-thumb{background:#2b5068}body{color:var(--foam);font:400 1.0625rem/1.62 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}::selection{background:var(--cobalt);color:#fff}:focus-visible{outline-offset:3px;outline:2px solid}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400}h1{letter-spacing:-.01em;font-size:clamp(2.5rem,5.2vw,4.6rem);line-height:1.04}h1 em{color:#bfe0ee;font-style:italic;display:block}h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.08}p{margin:1rem 0 0}#sea{width:100vw;height:100vh;touch-action:pan-y;cursor:grab;height:100lvh;display:block;position:fixed;inset:0}#sea.rub{cursor:crosshair}.bar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(.75rem,1.6vw,1.25rem) clamp(1rem,2.4vw,2rem);display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.mark{align-items:baseline;gap:.7rem;text-decoration:none;display:flex}.mark span{font:400 1.4rem/1 var(--zh);color:#e2eef2}.mark b{font:400 1.05rem/1 var(--display);letter-spacing:.01em}.bar-right{align-items:center;gap:.5rem;display:flex}.ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04121f47;border:1px solid #eaf4f652;border-radius:2px;align-items:center;gap:.5rem;min-height:44px;padding:0 .9rem;transition:background .2s,border-color .2s;display:inline-flex}.ghost:hover{border-color:var(--foam);background:#04121f8c}.ghost.dark{color:var(--ink);border-color:var(--paper-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.ghost.dark:hover{border-color:var(--ink);background:#173a7a14}.count{text-align:center;font-variant-numeric:tabular-nums;min-width:1.45em}.solid{background:var(--cobalt);color:#fff;border:0;border-radius:2px;min-height:48px;padding:0 1.3rem;transition:background .2s,transform .12s}.solid:hover{background:#0f2c62}.solid:active{transform:translateY(1px)}#rail{z-index:15;align-items:center;gap:.7rem;display:flex;position:fixed;top:50%;right:clamp(.8rem,2vw,1.6rem);transform:translateY(-50%)}#rail .reading{font:400 1rem/1 var(--body);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}#rail ol{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;position:relative}#rail ol:before{content:"";opacity:.42;background:currentColor;width:1px;position:absolute;top:22px;bottom:22px;left:50%}#rail li{place-items:center;height:clamp(28px,6vh,44px);display:grid}#rail button{background:0 0;border:0;width:44px;height:100%;padding:0;position:relative}#rail button:before{content:"";background:currentColor;width:11px;height:1px;margin-left:-5px;transition:width .25s,margin .25s;position:absolute;top:50%;left:50%}#rail button[aria-current]:before{width:21px;height:2px;margin-left:-10px}#rail button span{white-space:nowrap;opacity:0;pointer-events:none;font-size:.85rem;transition:opacity .2s;position:absolute;top:50%;right:100%;transform:translate(4px,-50%)}#rail button:hover span,#rail button:focus-visible span{opacity:1}body.day #rail{color:var(--ink)}body.day .mark,body.day .bar .ghost{color:var(--ink);background:#f2ecdc80;border-color:#101f3a66}body.day .mark{background:0 0}#route{z-index:5;pointer-events:none;position:relative}.stop{min-height:190vh;position:relative}.stop.tall{min-height:620vh}.stop[data-stop="4"]{min-height:170vh}.note{pointer-events:none;height:100vh;text-shadow:0 1px 22px #020a148c;flex-direction:column;justify-content:center;width:min(100%,44rem);height:100svh;padding:5.5rem clamp(1.25rem,6vw,6rem);display:flex;position:sticky;top:0}.note p{max-width:34rem}.prompt{font:italic 400 1.2rem/1.3 var(--display);color:#fff;align-items:center;gap:.7rem;display:inline-flex}.prompt:before{content:"";border:1px solid;border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite pull}@keyframes pull{50%{opacity:.35;transform:scale(1.7)}}.hero-note{width:min(100%,40rem)}.slip .prompt{color:var(--cobalt)}.formhead{border-bottom:3px double var(--ink);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding-bottom:.4rem;font-size:.74rem;display:flex}.fields{grid-template-columns:auto 1fr;gap:.15rem .8rem;margin:.7rem 0 0;font-size:.95rem;display:grid}.fields dt{letter-spacing:.08em;text-transform:uppercase;opacity:.78;align-self:center;font-size:.72rem}.fields dd{border-bottom:1px solid var(--paper-line);margin:0}.landed{z-index:2;color:#a02c1c;mix-blend-mode:multiply;pointer-events:none;width:104px;height:104px;animation:.6s cubic-bezier(.16,1,.3,1) both thump;position:absolute;bottom:.9rem;right:.9rem}.note:not(.slip) .landed{color:#eaf4f6;mix-blend-mode:normal;margin-top:1.1rem;position:static}.landed svg{width:100%;height:100%;display:block}.drop-open .pager,.drop-open .buy,.drop-open .fields,.drop-open #pNote,.drop-open .zh{display:none}.slip{color:var(--ink);text-shadow:none;background:var(--paper);outline:1px solid var(--ink);outline-offset:-.55rem;pointer-events:auto;width:min(100% - 2rem,27rem);height:auto;margin:0 0 0 clamp(1rem,6vw,5rem);padding:clamp(1.25rem,2.6vw,2.2rem);top:50vh;transform:translateY(-50%);box-shadow:0 18px 44px -18px #0814228c,0 2px 5px #08142233}.slip h2{font-size:clamp(1.75rem,2.8vw,2.5rem)}.slip .zh{font:400 1.4rem/1.2 var(--zh);color:var(--cobalt);margin-top:.4rem}.slip .small,.small{opacity:.78;font-size:.82rem;line-height:1.5}.buy{margin-top:.8rem}.buy .solid{width:100%}.note:not(.slip) h1,.note:not(.slip) h2{filter:url(#water)}.buy strong{font:700 1.5rem/1 var(--body);font-variant-numeric:lining-nums tabular-nums}.pager{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:.9rem;display:flex}.wide{justify-content:center;width:100%;margin-top:.6rem}.keys{gap:.4rem;margin-top:1rem;display:flex}.keys button{border:1px solid var(--paper-line);font-variant-numeric:lining-nums;background:0 0;border-radius:2px;flex:1;min-height:44px}.keys button:hover{background:#173a7a14}.steps{pointer-events:auto;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem;display:flex}.steps .ghost[aria-pressed=true]{background:var(--ink);color:var(--paper)}.end{z-index:6;text-align:center;background:linear-gradient(#0000,#0d0a10 18%);padding:22vh clamp(1.25rem,6vw,6rem) 12vh;position:relative}.end blockquote{font:400 clamp(1.8rem, 5vw, 3.8rem)/1.3 var(--zh);margin:0 auto}.end p{max-width:38rem;margin-inline:auto}.end cite{opacity:.8;margin-top:.3rem;font-style:italic;display:block}#manifest{z-index:40;pointer-events:none;position:fixed;inset:0}#manifest:before{content:"";opacity:0;background:#020a1473;transition:opacity .35s;position:absolute;inset:0}#manifest .paper{background:var(--paper);width:min(100%,27rem);color:var(--ink);padding:1.25rem clamp(1.1rem,3vw,1.9rem) 2rem;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(102%)}#manifest.open .paper{box-shadow:-18px 0 50px -20px #040e1ab3}#manifest.open{pointer-events:auto}#manifest.open:before{opacity:1}#manifest.open .paper{transform:none}#manifest header{justify-content:space-between;align-items:center;display:flex}#manifest h3{margin-top:1.8rem;font-size:1.25rem}#lines{margin:1rem 0 0;padding:0;list-style:none}#lines li{border-bottom:1px solid var(--paper-line);grid-template-columns:1fr auto;gap:.1rem .8rem;padding:.7rem 0;display:grid}#lines .qty{font-variant-numeric:tabular-nums;align-items:center;gap:.1rem;display:flex}#lines .qty button{background:0 0;border:0;min-width:44px;min-height:44px}.total{font-variant-numeric:lining-nums tabular-nums;justify-content:space-between;align-items:baseline;margin:1rem 0;display:flex}.total strong{font:700 1.5rem/1 var(--body)}#checkout{width:100%}.stamps{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.stamps svg{width:92px;height:92px;display:block}.stamps li:nth-child(2n){transform:rotate(5deg)}.stamps li:nth-child(odd){transform:rotate(-7deg)}@keyframes thump{0%{opacity:0;transform:scale(2.3)rotate(-14deg)}42%{opacity:1}to{opacity:.95;transform:scale(1)rotate(-7deg)}}#chart{z-index:3;pointer-events:none;font:italic 400 .95rem/1 var(--display);color:#cfe6ef;position:fixed;inset:0}#chart span{opacity:.62;position:absolute}#loader{z-index:60;background:var(--sea);place-content:center;justify-items:center;gap:.9rem;transition:opacity .9s;display:grid;position:fixed;inset:0}#loader p{font:italic 400 1.5rem/1 var(--display);margin:0}#loader i{background:var(--foam);transform-origin:top;width:1px;height:56px;animation:1.5s ease-in-out infinite sound}@keyframes sound{0%{transform:scaleY(.05)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}#loader.gone{opacity:0;pointer-events:none}.nojs{text-align:center;z-index:70;position:fixed;inset:auto 0 2rem}@media (max-width:760px){.mark span,.bar-right .ghost span:not(.count),#soundBtn span{display:none}#rail{top:4.2rem;right:.9rem;transform:none}#rail ol{display:none}.note{justify-content:flex-start;width:100%;padding:4.9rem 1.25rem 1rem}.note p{font-size:1rem}h1{font-size:2.35rem}.slip{width:calc(100% - 1.5rem);margin:0 .75rem;padding:1rem 1.1rem 1rem 1.75rem;position:sticky;top:auto;bottom:.75rem;transform:none}.slip h2{font-size:1.55rem}.slip p:not(.zh):not(.small){margin-top:.4rem;font-size:.95rem}#chart{display:none}.shop .pager{margin-top:.5rem}.shop p.small{margin-top:.35rem;font-size:.74rem}.stop:has(>.slip){flex-direction:column;justify-content:flex-end;display:flex}.landed{width:76px;height:76px;bottom:.7rem;right:.7rem}}@media (prefers-reduced-motion:reduce){.prompt:before,#loader i{animation:none}.landed{animation-duration:10ms}#manifest .paper{transition:none}}