:root{--ink: #33302b;--paper: #f2ede2;--mono: "IBM Plex Mono", monospace;--display: "Bodoni Moda", "Didot", serif;--jp: "Shippori Mincho B1", "Hiragino Mincho ProN", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);font-family:var(--display);overflow-x:hidden}#spacer{height:1020vh}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;z-index:9;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.04'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:none}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1.5%)}50%{transform:translate(1.5%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}.hero{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;pointer-events:none}.wordmark{width:min(84vw,660px);overflow:visible}.wm-tokyo{font-family:var(--display);font-size:118px;font-weight:400;letter-spacing:.045em;fill:var(--ink)}.wm-comma{font-family:var(--display);font-style:italic;font-size:130px;fill:#b0603f}.wm-thread{stroke:#b0603f;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;animation:thread 2.6s cubic-bezier(.6,0,.2,1) .9s forwards}@keyframes thread{to{stroke-dashoffset:0}}.wm-unfolded{font-family:var(--mono);font-size:21px;letter-spacing:.9em;fill:var(--ink)}.wm-sub{font-family:var(--display);font-style:italic;font-size:17px;letter-spacing:.06em;fill:var(--ink);opacity:0;animation:fadein 1.6s ease 2.4s forwards}@keyframes fadein{to{opacity:.72}}.hero{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:4vh}.hero-ch{font-family:var(--jp);font-size:clamp(13px,1.6vw,17px);letter-spacing:.34em;opacity:0;animation:fadein 1.6s ease 3s forwards}.hero-ch span{font-family:var(--mono);font-size:10px;letter-spacing:.4em;opacity:.6;margin-right:1.6em}.chapter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,8vw,120px);pointer-events:none;opacity:0}.chapter.align-left{align-items:flex-start;text-align:left}.chapter.align-right{align-items:flex-end;text-align:right}.chapter.align-center{align-items:center;text-align:center}.chapter .romaji{font-family:var(--mono);font-size:clamp(10px,1.2vw,13px);letter-spacing:.62em;opacity:.75;margin-bottom:.9em}.chapter .kanji{font-family:var(--jp);font-weight:700;font-size:clamp(72px,15vw,176px);line-height:1;letter-spacing:.06em}.chapter .line{font-family:var(--display);font-style:italic;font-size:clamp(14px,1.9vw,21px);letter-spacing:.05em;opacity:.8;margin-top:1.4em}.chapter .no{font-family:var(--mono);font-size:11px;letter-spacing:.4em;opacity:.45;margin-top:2.6em}.rail{position:fixed;right:clamp(14px,2.4vw,34px);top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:18px}.rail button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.25em;color:var(--rail-ink, var(--ink));opacity:.35;transition:opacity .5s}.rail button i{display:block;width:18px;height:1px;background:currentColor;transition:width .5s}.rail button span{opacity:0;transition:opacity .5s}.rail button.active{opacity:.95}.rail button.active i{width:34px}.rail button.active span{opacity:1}.rail button:focus-visible{outline:1px dashed currentColor;outline-offset:4px}.hint{position:fixed;left:50%;bottom:34px;transform:translate(-50%);z-index:6;font-family:var(--mono);font-size:10px;letter-spacing:.5em;opacity:.6;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;transition:opacity .8s}.hint i{width:1px;height:42px;background:var(--ink);animation:drop 2.2s ease-in-out infinite;transform-origin:top}@keyframes drop{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{transform:scaleY(0);opacity:0}}.colophon{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:6;font-family:var(--mono);font-size:9px;letter-spacing:.4em;opacity:0;transition:opacity 1.2s;white-space:nowrap}@media(max-width:720px){.wm-tokyo{font-size:108px}.rail button span{display:none}}@media(prefers-reduced-motion:reduce){.grain{animation:none}.wm-thread{animation-duration:.01s;animation-delay:.2s}.wm-sub{animation-duration:.01s;animation-delay:.3s}.hint i{animation:none;height:24px}}