:root{color-scheme:dark;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;color:#dcecec;background:#041019;font-synthesis:none;--muted: #7d99a4;--glow: #8fe3d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}::selection{background:#3d8b8f;color:#041019}a:focus-visible,button:focus-visible{outline:1px solid #9fe8e0;outline-offset:7px}.skip-link{position:fixed;z-index:20;left:28px;top:-100px;background:#0e2a35;padding:14px}.skip-link:focus{top:80px}.static-scene,#abyss,.vignette{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.static-scene{background:linear-gradient(180deg,#143c4a 0,#0a2530 34%,#051723 62%,#020a12);z-index:0}.static-scene svg{position:absolute;width:min(120vw,1100px);height:min(120vw,1100px);left:50%;top:50%;transform:translate(-50%,-50%)}#abyss{height:100lvh;display:block;opacity:0;z-index:1;transition:opacity 1.6s ease}body[data-render-state=ready] #abyss{opacity:1}body[data-render-state=ready] .static-scene{visibility:hidden}.vignette{z-index:2;background:linear-gradient(90deg,#02090f4f,transparent 55%),linear-gradient(0deg,#02090f60,transparent 20%,transparent 85%,#02090f50);box-shadow:inset 0 0 130px #01060b75}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:31px 4.5%;pointer-events:none}.wordmark{font-size:21px;font-weight:700;letter-spacing:3px;display:flex;align-items:center;gap:12px;pointer-events:auto}.wordmark>span{font-size:28px;font-weight:400;color:#a8dcd8}header p{font-size:10px;letter-spacing:3px;margin:0;color:#9fc0c6}header p span{margin-left:18px;font-family:monospace;color:#6f929c}.chapter-nav{position:fixed;z-index:5;right:4.5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px}.chapter-nav a{position:relative;display:flex;gap:12px;align-items:center;min-height:44px;min-width:44px;justify-content:center;color:#98b7be}.chapter-nav span{position:absolute;right:58px;width:40px;font-size:12px;letter-spacing:2px;opacity:0;transition:opacity .3s;white-space:nowrap}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}.chapter-nav i{display:block;width:4px;height:4px;border:1px solid #6d8a94;border-radius:50%;transition:background .5s,box-shadow .5s}.chapter-nav b{font:11px monospace;letter-spacing:1px;font-weight:400}.chapter-nav [aria-current=step]{color:#cdf0ec}.chapter-nav [aria-current=step] i{background:#9fe8e0;box-shadow:0 0 10px #8fe3d8}.chapter-nav [aria-current=step] span{opacity:1}main{position:relative;z-index:3;pointer-events:none}.chapter{min-height:100svh;padding:110px 16% 120px 7%;display:flex;align-items:center;scroll-margin-top:0}.chapter-copy{max-width:560px}.eyebrow{font:11px monospace;letter-spacing:4px;color:#afd0d2;margin:0 0 22px}.chapter h1,.chapter h2{font-size:clamp(44px,5.5vw,82px);font-weight:400;line-height:1.25;letter-spacing:1px;margin:0;text-shadow:0 2px 35px #01060b88}.chapter h1 span,.chapter h2 span{font-family:SimSun,Songti SC,serif;font-weight:400;color:#b8ece6}.subtitle{font-size:13px;font-weight:300;line-height:1.8;letter-spacing:3px;color:#b7d1d5;margin:24px 0 0}.restart{pointer-events:auto;display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #4a6a72;padding:14px 0 12px;margin-top:25px;font-size:12px;letter-spacing:2px;color:#a8d8d4}.restart span{font-size:16px}footer{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 4.5%;pointer-events:none;height:90px}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:3px;color:#9fc0c6;transition:opacity .5s}.scroll-cue.is-hidden{opacity:0}.scroll-line{width:1px;height:28px;background:linear-gradient(0deg,#9fe8e0,transparent);transform-origin:top;animation:breathe 3s ease-in-out infinite}.coordinates{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font:11px monospace;letter-spacing:1px;color:#b3ccd1}.coordinates i{width:40px;height:1px;background:linear-gradient(90deg,#9fe8e0 var(--progress, 0%),#33525c var(--progress, 0%))}.coordinates-caption{margin-left:15px;font-size:11px;letter-spacing:2px;color:#a8c6cd;min-width:130px}.coordinates-env{font-size:11px;letter-spacing:1px;color:#7f9fa8;white-space:nowrap}#motion-toggle{pointer-events:auto;border:1px solid #7fa8b444;border-radius:30px;background:#06202733;backdrop-filter:blur(8px);padding:10px 16px;min-height:40px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;transition:background .3s}#motion-toggle:hover{background:#9fe8e015}#motion-icon{font-size:12px;letter-spacing:0}.render-notice{position:fixed;bottom:90px;left:4.5%;right:4.5%;font-size:10px;color:#8fb0b8;z-index:5;line-height:1.8;pointer-events:none}[hidden]{display:none!important}@keyframes breathe{0%,to{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}@media(max-width:720px){header{padding:25px 7%}.wordmark{font-size:17px;letter-spacing:2px;gap:8px}.wordmark>span{font-size:25px}header p{font-size:8px;letter-spacing:2px}header p span{margin-left:8px}.chapter-nav{right:3%;gap:4px}.chapter-nav a{min-height:44px;gap:9px}.chapter-nav span{display:none}.chapter-nav b{font-size:11px}.chapter{padding:90px 18% 130px 8%}.chapter h1,.chapter h2{font-size:44px;letter-spacing:0}.chapter-copy{max-width:100%;padding-top:0}.eyebrow{font-size:10px;letter-spacing:2px}.subtitle{font-size:12px;letter-spacing:1px;max-width:250px;line-height:2}.static-scene svg{width:170vw;height:170vw}.vignette{box-shadow:inset 0 0 70px #01060b77;background:linear-gradient(0deg,#02090f90,transparent 55%)}footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px 7%;height:100px}.scroll-cue{position:absolute;bottom:100%;left:7%;margin:0;font-size:10px;letter-spacing:1px;gap:9px}.coordinates-caption{grid-column:1 / -1;margin:2px 0 0;min-width:0;font-size:10px;letter-spacing:1px}.coordinates-env{grid-column:1 / -1;font-size:10px}.coordinates{position:static;transform:none;display:grid;grid-template-columns:auto 22px auto;justify-content:start;gap:4px 8px;margin:0;font-size:10px}.coordinates i{width:22px}#motion-toggle{padding:9px 12px;font-size:11px;min-height:42px;gap:7px}.render-notice{bottom:130px;left:7%;font-size:9px}.restart{font-size:12px}}@media(max-height:560px){header{padding-top:15px;padding-bottom:15px}.chapter{padding-top:70px;padding-bottom:95px}.chapter h1,.chapter h2{font-size:40px}.eyebrow{margin-bottom:12px}.subtitle{margin-top:12px}.restart{margin-top:12px;padding-top:8px;padding-bottom:8px}footer{height:80px;padding-top:10px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}