:root{color:#f2f1eb;font-synthesis:none;--mint:#91f2c6;--line:#91f2c638;background:#050807;font-family:SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:#050807}body{background:#050807;min-width:320px;margin:0;overflow-x:hidden}canvas{background:#050807;width:100%;height:100%;display:block;position:fixed;inset:0}#scene-transition{z-index:1;pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(circle at 68% 48%,#0a1c164d,#0000 34%),#020403;position:fixed;inset:0}.grain{z-index:2;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080785;border-bottom:1px solid #e0fff21a;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,4vw,72px);display:flex;position:fixed;top:0;left:0;right:0}.brand{color:inherit;align-items:center;gap:13px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.brand-mark{color:#07110d;background:var(--mint);place-items:center;width:36px;height:36px;font-family:Songti SC,serif;font-size:23px;display:grid}.status{color:#f2f1eb94;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;display:flex}.status i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #91f2c6b3}main{z-index:3;position:relative}.chapter{pointer-events:none;min-height:138vh}.copy{isolation:isolate;z-index:3;border-left:1px solid var(--line);width:min(520px,42vw);opacity:var(--chapter-opacity,.24);transform:translateY(calc(-50% + var(--chapter-shift,36px)));text-shadow:0 2px 32px #050807f2;padding-left:24px;transition:opacity .16s linear,transform .16s linear;position:fixed;top:50%}.chapter-left .copy{left:clamp(28px,5vw,92px)}.chapter-right .copy{right:clamp(28px,5vw,92px)}.copy:before{content:"";z-index:-1;pointer-events:none;filter:blur(12px);position:absolute;inset:-72px -110px}.chapter-left .copy:before{background:radial-gradient(at 22%,#020403f5 0%,#020403bd 48%,#0000 76%)}.chapter-right .copy:before{background:radial-gradient(at 78%,#020403f5 0%,#020403bd 48%,#0000 76%)}.copy.wide{width:min(650px,48vw)}.index{color:var(--mint);margin:0 0 20px;font:11px/1.2 ui-monospace,SFMono-Regular,monospace}h1,h2{letter-spacing:0;margin:0;font-family:Songti SC,STSong,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,5.2vw,92px)}h2{font-size:clamp(54px,6vw,104px)}.copy>p:last-child{color:#f2f1eba3;max-width:34em;margin:26px 0 0;font-size:clamp(15px,1.2vw,20px);line-height:1.8}.scale{z-index:4;color:#f2f1eb7a;pointer-events:none;width:180px;font:10px/1 ui-monospace,SFMono-Regular,monospace;position:fixed;bottom:34px;right:clamp(22px,4vw,72px)}.scale>div{background:#f2f1eb29;height:1px;margin-top:10px}.scale i{background:var(--mint);width:0;height:1px;display:block;box-shadow:0 0 10px #91f2c680}.unsupported{z-index:10;text-align:center;background:#050807;place-content:center;gap:12px;padding:32px;display:grid;position:fixed;inset:0}.unsupported[hidden]{display:none}.unsupported strong{font-size:20px}.unsupported span{color:#f2f1eb8f}.unsupported.compat{text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#050807d1;border:1px solid #91f2c638;width:min(390px,100vw - 36px);padding:14px 16px;display:block;inset:auto clamp(18px,3vw,48px) 30px auto}.unsupported.compat strong{color:var(--mint);margin-bottom:5px;font:11px/1.2 ui-monospace,SFMono-Regular,monospace;display:block}.unsupported.compat span{font-size:12px;line-height:1.55;display:block}@media (width<=760px){.topbar{height:66px}.status span{display:none}.chapter{min-height:118vh}.copy,.copy.wide{width:min(88vw,520px);transform:translateY(var(--chapter-shift,24px));padding-left:16px;inset:auto auto 14vh 22px}h1{font-size:clamp(44px,13vw,64px)}h2{font-size:clamp(52px,16vw,78px)}.scale{width:130px;bottom:24px;right:22px}.unsupported.compat{bottom:58px;right:18px}}@media (prefers-reduced-motion:reduce){.copy{transition:none}.grain{display:none}}