:root{--bg:#fff;--fg:#000;--t:.3s;--t-page:.52s;--ease:cubic-bezier(.22, 1, .36, 1);--serif:"Noto Serif SC", "Songti SC", "STSong", serif;--sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--fg);color:var(--bg)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.28}button:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.chapter{grid-template-rows:1fr auto;min-height:100dvh;padding:56px 24px 28px;display:grid}.chapter-mark{font-family:var(--sans);letter-spacing:.28em;color:var(--fg);font-size:11px;font-weight:500;position:absolute;top:28px;left:32px}.slide-stage{place-items:center;min-height:0;display:grid}.slide{text-align:center;place-items:center;width:min(640px,100%);height:100%;display:grid}.slide.is-in{animation:fade-in var(--t-page) var(--ease) both}.slide.is-out{animation:fade-out .4s var(--ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.prose{letter-spacing:.06em;color:var(--fg);margin:0;font-size:22px;font-weight:400;line-height:1.9}.prose-display{letter-spacing:.08em;font-size:44px}.prose+.prose{margin-top:.2em}.prose-block{letter-spacing:.08em;color:var(--fg);margin:0;font-size:20px;line-height:2.05}.prose-block em{font-style:normal;font-weight:700}.kicker{font-family:var(--sans);letter-spacing:.32em;color:var(--fg);margin:0 0 28px;font-size:12px;font-weight:500}.stack{flex-direction:column;align-items:center;gap:28px;display:flex}.stack-tight{flex-direction:column;align-items:center;gap:12px;display:flex}.icon-xl{color:var(--fg);place-items:center;font-size:100px;line-height:1;display:grid}.icon-anchor{--icon-y:36%;place-self:stretch stretch;width:100%;height:100%;position:relative}.icon-slot{left:50%;top:var(--icon-y);place-items:center;width:100px;height:100px;display:grid;position:absolute;transform:translate(-50%,-50%)}.icon-caption,.icon-copy{left:0;right:0;top:calc(var(--icon-y) + 78px);position:absolute}.icon-hit{cursor:pointer;background:0 0;border:none}.icon-hit:focus-visible{outline:1px solid var(--fg);outline-offset:10px}.lock-motion{transform-origin:50%;place-items:center;animation:.3s ease-in-out 3 oscillate;display:grid}@keyframes oscillate{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.delayed{opacity:0;pointer-events:none}.delayed.is-shown{pointer-events:auto;animation:fade-in .6s var(--ease) both}.click-hint{cursor:pointer;color:var(--fg);background:0 0;border:none;flex-direction:column;align-items:center;gap:28px;display:inline-flex}.click-hint:focus-visible{outline:1px solid var(--fg);outline-offset:8px}.pulse-dot{background:var(--fg);width:10px;height:10px;animation:pulse 1.2s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.55)}}.btn{min-width:132px;font-family:var(--sans);letter-spacing:.28em;color:var(--fg);background:var(--bg);border:1px solid var(--fg);transition:background var(--t) var(--ease), color var(--t) var(--ease);justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--fg);color:var(--bg)}.btn-text{min-width:0;font-family:var(--sans);letter-spacing:.22em;color:var(--fg);transition:opacity var(--t) var(--ease);background:0 0;border:none;padding:8px 4px;font-size:12px;font-weight:500}.btn-text:hover:not(:disabled){opacity:.45}.btn-text.is-hidden{visibility:hidden;pointer-events:none}.hint-dock{flex-wrap:wrap;justify-content:center;gap:12px;width:min(640px,100%);margin:0 auto;padding-top:8px;display:flex}.hint-btn{min-width:108px;font-family:var(--sans);letter-spacing:.28em;color:var(--fg);background:var(--bg);border:1px solid var(--fg);transition:background var(--t) var(--ease), color var(--t) var(--ease);padding:10px 20px;font-size:12px;font-weight:500}.hint-btn:hover{background:var(--fg);color:var(--bg)}.hint-overlay{z-index:20;animation:fade-in .3s var(--ease) both;background:#ffffffc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hint-dialog{background:var(--bg);border:1px solid var(--fg);text-align:center;width:min(460px,100%);animation:fade-in .4s var(--ease) both;padding:36px 32px 28px}.hint-dialog .prose-display{margin-bottom:28px}.hint-dialog-label{font-family:var(--sans);letter-spacing:.32em;margin:0 0 28px;font-size:11px;font-weight:500}.hint-dialog-body{place-items:center;min-height:88px;margin-bottom:28px;display:grid}.hint-wechat{color:var(--fg);font-size:96px;line-height:1;display:grid}.hint-unix{letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0;font-family:ui-monospace,SF Mono,Menlo,Courier New,monospace;font-size:18px;display:flex}.hint-unix-colon{font-family:var(--sans);letter-spacing:0}.hint-text{letter-spacing:.04em;margin:0;font-family:ui-monospace,SF Mono,Menlo,Courier New,monospace;font-size:22px}.hint-haruhi{letter-spacing:.06em;white-space:pre-line;margin:0;font-size:20px;line-height:1.85}.hint-on-head{width:140px;height:188px;position:relative}.hint-on-head-girl{color:var(--fg);font-size:112px;line-height:1;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hint-on-head-bottle{color:var(--fg);font-size:88px;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.chapter3-glyph{width:min(560px,92vw);height:auto;display:block}.domain-stage{place-items:center;min-height:5em;margin:36px auto 0;display:grid}.domain-track{font-kerning:none;font-variant-ligatures:none;letter-spacing:0;width:40ch;height:4.4em;color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,Courier New,monospace;font-size:22px;font-weight:400;line-height:1;position:relative}.brack,.packet,.domain-dot{animation-duration:4.8s;animation-iteration-count:infinite;position:absolute;top:0}.brack{letter-spacing:0;animation-name:brack-fade;animation-timing-function:ease}.brack-al{left:0}.brack-ar{left:10ch}.brack-bl{left:14ch}.brack-br{left:24ch}.brack-cl{left:28ch}.brack-cr{left:36ch}.packet{gap:0;height:1em;animation-timing-function:cubic-bezier(.33,1,.68,1);display:flex}.packet-a{animation-name:packet-a;left:4ch}.packet-b{animation-name:packet-b;left:18ch}.packet-c{animation-name:packet-c;left:32ch}.sq{background:var(--fg);height:1em;margin:0;padding:0;display:block}.sq-1{width:1ch}.sq-2{width:2ch}.sq-3{width:3ch}.sq-4{width:4ch}.sq-6{width:6ch}.domain-dot{text-align:center;opacity:0;width:1ch;animation-timing-function:cubic-bezier(.33,1,.68,1);top:2.2em}.domain-dot-1{animation-name:domain-dot-1;left:14ch}.domain-dot-2{animation-name:domain-dot-2;left:28ch}@keyframes brack-fade{0%,16%{opacity:1}32%,to{opacity:0}}@keyframes packet-a{0%,16%{opacity:1;transform:translate(0)}36%,50%{opacity:1;transform:translateY(2.2em)}64%,80%{opacity:1;transform:translate(5ch,2.2em)}90%{opacity:0;transform:translate(5ch,2.2em)}90.01%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes packet-b{0%,16%{opacity:1;transform:translate(0)}36%,80%{opacity:1;transform:translateY(2.2em)}90%{opacity:0;transform:translateY(2.2em)}90.01%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes packet-c{0%,16%{opacity:1;transform:translate(0)}36%,50%{opacity:1;transform:translateY(2.2em)}64%,80%{opacity:1;transform:translate(-5ch,2.2em)}90%{opacity:0;transform:translate(-5ch,2.2em)}90.01%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes domain-dot-1{0%,30%{opacity:0;transform:translate(0)}36%,50%{opacity:1;transform:translate(0)}64%,80%{opacity:1;transform:translate(2ch)}90%,to{opacity:0;transform:translate(2ch)}}@keyframes domain-dot-2{0%,30%{opacity:0;transform:translate(0)}36%,50%{opacity:1;transform:translate(0)}64%,80%{opacity:1;transform:translate(-3ch)}90%,to{opacity:0;transform:translate(-3ch)}}.placeholder{text-align:center;place-items:center;min-height:100dvh;padding:48px 24px;display:grid}.placeholder-index{font-family:var(--sans);letter-spacing:.4em;margin:0 0 16px;font-size:11px;font-weight:500}.placeholder-title{letter-spacing:.18em;margin:0 0 40px;font-size:28px;font-weight:400}.drop-page{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.drop-game{width:min(520px,100%);height:min(48vh,400px);position:relative;overflow:hidden}.drop-bottle{color:var(--fg);will-change:transform, opacity;font-size:100px;line-height:1;position:absolute;top:12px;left:0}.drop-girl{color:var(--fg);font-size:132px;line-height:1;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.girl-icon{object-fit:contain;width:1em;height:1em;display:block}@media (width<=480px){.prose{font-size:18px}.prose-block{font-size:16px}.domain-track{font-size:18px}.chapter-mark{top:20px;left:20px}}@media (prefers-reduced-motion:reduce){.slide.is-in,.slide.is-out,.lock-motion,.pulse-dot,.delayed.is-shown,.packet,.brack,.domain-dot{animation:none}.delayed{opacity:1}.brack{opacity:0}.packet{opacity:1}.packet-a{transform:translate(5ch,2.2em)}.packet-b{transform:translateY(2.2em)}.packet-c{transform:translate(-5ch,2.2em)}.domain-dot{opacity:1}.domain-dot-1{transform:translate(2ch)}.domain-dot-2{transform:translate(-3ch)}}