@font-face{font-family:VeraDisplay;src:url('./assets/display.woff2') format('woff2');font-display:swap;font-weight:400 700}
:root{--space:#050b14;--abyss:#0b1c2a;--ice:#b7e1eb;--blue:#6fa6bc;--white:#edf3f3;--muted:#8d9eaf;--line:rgba(177,213,230,.16);--heading:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--body:"PingFang SC","Microsoft YaHei",Arial,sans-serif;--utility:"SFMono-Regular",Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--space);scrollbar-width:thin;scrollbar-color:#375266 var(--space)}body{margin:0;color:var(--white);font-family:var(--body);font-weight:400;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:1px solid var(--ice);outline-offset:8px}::selection{background:#46718c;color:white}button:disabled{cursor:default}button,a{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:10px 20px;background:var(--abyss)}.skip-link:focus{top:12px}
.ambient{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 77% 31%,rgba(13,61,82,.32),transparent 58%),radial-gradient(ellipse at 44% 100%,rgba(13,37,55,.25),transparent 60%),#050b14;pointer-events:none}#universe{position:fixed;inset:0;width:100%;height:100%;z-index:1;display:block}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(5,11,20,.25),transparent 44%),linear-gradient(0deg,rgba(5,11,20,.65),transparent 16%,transparent 86%,rgba(5,11,20,.2));transition:background 1s}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;width:100%;height:108px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;z-index:30}.site-header:after{content:"";position:absolute;bottom:0;left:5.3%;right:5.3%;height:1px;background:linear-gradient(90deg,var(--line),rgba(177,213,230,.04) 50%,var(--line));pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{color:var(--ice);transition:transform .8s}.brand:hover .brand-mark{transform:rotate(90deg)}.brand-word{font-family:VeraDisplay,Georgia,serif;font-size:46px;font-weight:500;letter-spacing:-3.4px;line-height:1}.brand-dot{color:var(--ice)}.brand-description{font-size:8px;letter-spacing:1.4px;line-height:1.65;color:#a2b4c4;padding-left:16px;margin-left:6px;border-left:1px solid var(--line)}.main-nav{display:flex;align-items:center;gap:38px;font-size:12px;letter-spacing:1.3px;color:#acbac7}.main-nav a{position:relative;padding:10px 0;transition:color .3s}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--ice);transform:scaleX(0);transform-origin:left;transition:transform .3s}.main-nav a:hover:after{transform:scaleX(1)}.header-action{padding:10px 17px;border:1px solid rgba(168,205,224,.26);font-size:11px;letter-spacing:1.3px;display:flex;align-items:center;gap:23px;transition:background .3s,border-color .3s}.header-action:hover{background:rgba(139,205,227,.08);border-color:var(--ice)}.header-action span{font-size:17px;line-height:1}
.chapter{height:100svh;position:relative;pointer-events:none}.chapter-panel{position:fixed;inset:0;z-index:5;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}.chapter-panel[data-panel="0"]{opacity:1;visibility:visible;pointer-events:auto}.chapter-panel.is-active{pointer-events:auto;visibility:visible}.chapter-copy{position:absolute;left:8.5%;top:50%;width:min(42%,560px);transform:translateY(-46%)}.eyebrow{font-family:var(--utility);font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.7;margin:0 0 26px;color:#a0bccb;display:flex;align-items:center;gap:12px}.tiny-spark{font-size:14px;color:#ccecf3}.chapter-number{display:inline-block;color:#d8e6ec;font-size:10px;letter-spacing:1px;padding-right:13px;border-right:1px solid var(--line)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--heading);font-weight:400;margin-bottom:26px;line-height:1.43;letter-spacing:3px;text-wrap:balance}h1{font-size:clamp(42px,4.8vw,76px)}h2{font-size:clamp(38px,4.05vw,64px)}.text-ice{color:var(--ice)}.intro{font-size:13px;color:#9eafbf;line-height:2.2;letter-spacing:1px;margin-bottom:32px}.hero-copy .intro{font-size:14px;margin-bottom:36px}.hero-actions{display:flex;gap:30px;align-items:center}.text-action{display:inline-flex;align-items:center;gap:28px;padding:12px 0;font-size:12px;letter-spacing:1.2px;color:#ddebf0;position:relative}.text-action:after{content:"";position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--ice);transform:scaleX(0);transform-origin:left;transition:transform .3s}.text-action:hover:after{transform:scaleX(1)}.primary-action:after{display:none}.round-arrow{display:grid;place-items:center;border:1px solid rgba(183,225,235,.4);border-radius:50%;width:34px;height:34px;transition:background .3s,transform .3s;font-size:15px}.primary-action:hover .round-arrow{background:var(--ice);color:var(--space);transform:translateY(3px)}.quiet-action{font-size:11px;letter-spacing:1px;color:#829aac;padding:10px 0;display:flex;gap:12px}.quiet-action:hover{color:var(--white)}.hero-signature{display:flex;align-items:center;gap:12px;margin-top:64px;font-family:var(--utility);font-size:8px;letter-spacing:1.7px;color:#526f82}.fine-line{height:1px;width:30px;background:#476578}.universe-caption{position:absolute;bottom:17%;left:60%;color:#c0d6df;font-size:10px;letter-spacing:2px;display:grid;grid-template-columns:6px 1fr;align-items:center;gap:10px}.universe-caption small{grid-column:2;font-size:9px;letter-spacing:1px;color:#617d90}.live-dot{display:inline-block;width:4px;height:4px;background:var(--ice);border-radius:50%;box-shadow:0 0 9px rgba(183,225,235,.7);flex-shrink:0}.universe-nodes{position:absolute;inset:0;pointer-events:none}.orb-node{position:absolute;display:flex;align-items:center;gap:12px;padding:8px;pointer-events:auto;transform:translate(-15px,-20px);text-align:left;white-space:nowrap;opacity:0;transition:opacity 1s,color .3s}.engine-ready .orb-node{opacity:1}.node-reticle{width:24px;height:24px;border:1px solid rgba(183,225,235,.22);border-radius:50%;position:relative;flex-shrink:0;transition:border-color .3s,box-shadow .3s}.node-reticle:before{content:"";width:4px;height:4px;background:#d4eff5;border-radius:50%;position:absolute;inset:0;margin:auto;box-shadow:0 0 10px #78bbd5}.node-reticle:after{content:"";position:absolute;inset:-5px;border:1px dotted rgba(183,225,235,.15);border-radius:50%}.node-label{font-size:10px;letter-spacing:1px;color:#b9cfda;line-height:1.5;text-shadow:0 1px 10px #050b14}.node-label small{display:block;font:7px var(--utility);letter-spacing:2px;margin-top:6px;color:#68899e}.orb-node:hover .node-reticle{border-color:var(--ice);box-shadow:0 0 22px rgba(183,225,235,.15)}.orb-node:hover .node-label{color:white}
.fact-line{display:flex;align-items:flex-start;gap:13px;font-size:12px;letter-spacing:1px;margin:10px 0 22px;color:#d0dce4}.fact-symbol{font-size:20px;color:#8fbace;line-height:1.3}.fact-line small{display:block;font-size:10px;margin-top:7px;letter-spacing:.5px;color:#71899d}.scene-annotation{position:absolute;right:10%;bottom:19%;display:flex;gap:14px;font-size:10px;letter-spacing:1px;color:#a8c2cf;align-items:flex-start}.scene-annotation small{display:block;font:7px var(--utility);letter-spacing:1.5px;color:#587a91;margin-top:8px}.annotation-line{display:block;width:32px;height:1px;background:linear-gradient(90deg,transparent,#89b9cb);margin-top:8px}.research-flow{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:1px;margin-bottom:25px;color:#b4c9d4}.research-flow i{font-style:normal;color:#52748a}.artifact-list{display:flex;gap:20px;margin-bottom:25px;font-size:11px;color:#b6ccd7;letter-spacing:1px}.artifact-list span{padding-bottom:9px;border-bottom:1px solid #264459}
.chapter-nav{position:fixed;right:3.4%;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:18px;align-items:center}.chapter-nav a{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.chapter-nav a i{width:4px;height:4px;background:#3c5669;border-radius:50%;display:block;transition:background .4s,box-shadow .4s}.chapter-nav a.active i{background:#caeaf1;box-shadow:0 0 10px rgba(157,215,233,.6)}.chapter-nav a.active:after{content:"";position:absolute;inset:2px;border:1px solid rgba(183,225,235,.35);border-radius:50%}.chapter-nav a span{position:absolute;right:30px;width:36px;font-size:9px;letter-spacing:2px;color:#8da9bb;opacity:0;transform:translateX(4px);transition:opacity .25s,transform .25s}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1;transform:none}.rail-line{position:absolute;width:1px;background:rgba(133,174,199,.1);left:9.5px;top:10px;bottom:10px;z-index:-1}.rail-line i{display:block;position:absolute;top:0;left:0;width:1px;height:0;background:rgba(161,210,228,.4)}.journey-status{position:fixed;bottom:36px;left:5.3%;z-index:20;display:flex;align-items:center;gap:12px;color:#6f8b9f;font:8px var(--utility);letter-spacing:1.5px;transition:opacity .3s}.journey-status>span:first-child{color:#b9d3df;font-size:10px}.journey-divider{width:27px;height:1px;background:#304b60}.scroll-prompt{position:fixed;bottom:33px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.7px;color:#839daf;transition:opacity .3s}.scroll-track{height:25px;width:13px;border:1px solid rgba(133,174,199,.3);border-radius:8px;position:relative}.scroll-track i{position:absolute;width:2px;height:5px;border-radius:2px;background:#accfdd;left:4.5px;top:5px;animation:scrollcue 2.2s ease-in-out infinite}.motion-toggle{position:fixed;bottom:29px;right:5.3%;z-index:25;display:flex;gap:8px;align-items:center;padding:6px;font-size:9px;letter-spacing:1px;color:#708b9d}.motion-toggle:hover{color:#d0e6ef}.pause-icon{font-size:12px;color:#aecad9}.engine-message{position:fixed;bottom:75px;right:5%;z-index:20;color:#829aad;font-size:9px}.network-mode .journey-status,.network-mode .scroll-prompt,.network-mode .motion-toggle{opacity:0;pointer-events:none}.network-mode .chapter-nav{right:2%}
.network-heading{position:absolute;top:148px;left:5.3%}.network-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:17px;gap:9px}.network-heading h2{font-size:clamp(30px,2.65vw,43px);line-height:1.5;letter-spacing:2px;margin-bottom:13px}.network-intro{color:#839eaf;letter-spacing:1px;font-size:10px}.network-stats{position:absolute;left:5.3%;top:48%;width:190px}.metric{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid rgba(173,210,228,.12)}.metric strong{font-family:VeraDisplay,Georgia,serif;font-size:44px;line-height:1;font-weight:400;letter-spacing:0;color:#e1eff3;min-width:72px}.metric strong span{font:16px var(--body);margin-left:4px;color:#7ca1b9;vertical-align:top}.metric>span{font-size:9px;letter-spacing:1px;color:#7d99ae}.data-note{margin-top:17px;font-size:8px;letter-spacing:.4px;color:#58758b;line-height:1.8}.data-note>span{display:inline-block;width:3px;height:3px;margin-right:6px;background:#668fa6;border-radius:50%;vertical-align:middle}.network-controls{position:absolute;bottom:107px;right:7%;display:flex;align-items:center;gap:32px}.network-key{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:10px;color:#708fa4}.network-key i{width:23px;height:1px;position:relative;background:linear-gradient(90deg,#2f556b,#b3deee)}.network-key i:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-radius:50%;background:#d5f0f5;box-shadow:0 0 8px #86d0e5}.view-switch{display:flex;border:1px solid rgba(148,192,215,.2);padding:3px;gap:3px}.view-switch button{font-size:9px;letter-spacing:1px;padding:9px 14px;color:#7894a8;transition:background .25s,color .25s}.view-switch button.selected{background:rgba(143,196,218,.12);color:#d3e9f2}.view-switch button:hover{color:var(--white)}.site-footer{position:absolute;bottom:0;left:5.3%;right:5.3%;height:75px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:#6c899e;font-size:9px;letter-spacing:1px}.footer-word{font-family:VeraDisplay,Georgia,serif;font-size:29px;letter-spacing:-1.5px;color:#b9d1df;line-height:1}.footer-copyright{margin-left:auto;font-family:var(--utility);font-size:8px;letter-spacing:1px}.back-top{margin-left:20px;display:flex;gap:14px;color:#aec7d6}.map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;transform:translate(10px,-50%);color:#789aaf;font-size:8px;letter-spacing:1px;line-height:1.5;white-space:nowrap;transition:opacity .4s;pointer-events:auto;cursor:pointer;text-align:left;padding:5px 7px;text-shadow:0 1px 8px #050b14}.map-label strong{font-weight:400;color:#cfebf3}.map-label small{display:block;font:7px var(--utility);color:#6a8da3;letter-spacing:1px}.map-label.is-origin{font-size:12px;letter-spacing:2px;color:#e0f5fb;transform:translate(18px,-50%)}.map-label.is-domestic{font-size:8px;color:#8eafc1}.map-label:hover{color:white;background:rgba(5,11,20,.65)}.map-label.is-selected{color:#e9f8fc}.map-label .node-info{display:none;color:#b5d5e4;font-size:8px;font-weight:400;letter-spacing:.4px;margin-top:3px}.map-label.is-selected .node-info{display:block}
dialog{color:var(--white);background:#0b1824;border:1px solid rgba(144,193,218,.25);padding:56px 50px 30px;width:min(530px,calc(100vw - 32px));max-height:85svh;overflow:auto;box-shadow:0 30px 160px #0008;position:fixed}dialog::backdrop{background:rgba(2,7,14,.7);backdrop-filter:blur(14px)}dialog[open]{animation:dialogin .3s ease-out}.dialog-sheen{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#9ecfdf,transparent)}.dialog-close{position:absolute;right:19px;top:14px;font-size:25px;font-weight:200;color:#839faf;width:30px;height:30px;line-height:1}.dialog-close:hover{color:white}dialog .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}dialog h2{font-size:29px;letter-spacing:1px;line-height:1.5;margin-bottom:19px}.detail-intro{font-size:12px;color:#9db3c2;letter-spacing:.5px;line-height:2.1}.detail-items{margin:27px 0 18px}.detail-item{border-top:1px solid var(--line);padding:14px 0;display:flex;gap:16px}.detail-item>span{font:10px var(--utility);color:#5b8aa5;padding-top:4px}.detail-item h3{font-size:12px;letter-spacing:1px;font-weight:400;margin:0 0 5px}.detail-item p{font-size:10px;letter-spacing:.3px;color:#7997aa;line-height:1.9;margin:0}.dialog-footnote{font:7px var(--utility);letter-spacing:2px;color:#45657c;margin:34px 0 0}.no-script{position:fixed;inset:0;background:var(--space);z-index:100;padding:12vh 10%;color:var(--white)}
@keyframes scrollcue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}@keyframes dialogin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.chapter-copy{left:11%;width:600px}h1{font-size:86px}h2{font-size:74px}.intro{font-size:15px}.hero-copy .intro{font-size:16px}}
@media(max-height:720px) and (min-width:901px){.site-header{height:83px}.chapter-copy{top:52%}h1{font-size:54px}h2{font-size:47px;margin-bottom:19px}.eyebrow{margin-bottom:18px}.intro{font-size:11px;margin-bottom:20px}.hero-copy .intro{font-size:12px;margin-bottom:22px}.hero-signature{margin-top:34px}.network-heading{top:110px}.network-heading h2{font-size:31px}.network-stats{top:47%}.metric{padding:11px 0}.metric strong{font-size:37px}.scene-annotation{bottom:17%}}
@media(max-width:1100px){.brand-description{display:none}.main-nav{gap:25px}.chapter-copy{left:7%;width:47%}.chapter-nav{right:2%}.orb-node .node-label{font-size:9px}.network-heading{top:134px}.network-stats{width:160px}.metric{gap:10px}.network-controls{gap:20px}}
@media(max-width:760px){.site-header{height:82px;padding:0 6%}.site-header:after{left:6%;right:6%}.brand{gap:9px}.brand-word{font-size:38px;letter-spacing:-2.5px}.brand-mark{width:22px;height:22px}.main-nav{display:none}.header-action{padding:8px 12px;font-size:10px;gap:17px}.chapter-copy{top:16.5%;left:8%;width:84%;transform:none}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px;gap:9px}h1{font-size:42px;letter-spacing:2px;line-height:1.5;margin-bottom:15px}h2{font-size:36px;letter-spacing:2px;line-height:1.45;margin-bottom:15px}.intro,.hero-copy .intro{font-size:11px;line-height:2;letter-spacing:.6px;margin-bottom:18px}.hero-copy{top:20%}.hero-copy h1{font-size:45px}.hero-copy .intro br{display:none}.hero-copy .intro{max-width:230px}.hero-actions{gap:25px}.text-action{font-size:10px;gap:18px;padding:8px 0}.round-arrow{width:29px;height:29px;font-size:13px}.quiet-action{font-size:9px}.hero-signature{display:none}.universe-caption{bottom:12%;left:10%;font-size:9px;gap:7px}.universe-caption small{font-size:8px}.chapter-nav{right:3%;gap:13px;top:58%}.chapter-nav a{width:18px;height:18px}.rail-line{left:8.5px}.chapter-nav a span{font-size:8px}.chapter-nav a.active:after{inset:1px}.journey-status{left:6%;bottom:28px;font-size:6px;gap:8px;letter-spacing:1px}.journey-status>span:first-child{font-size:8px}.journey-divider{width:15px}.scroll-prompt{font-size:8px;bottom:25px;left:54%;letter-spacing:.4px;gap:7px;white-space:nowrap}.scroll-track{height:22px;width:11px}.scroll-track i{left:3.5px}.motion-toggle{right:5%;bottom:24px;padding:0}.motion-label{display:none}.pause-icon{font-size:11px}.orb-node{padding:6px;gap:8px}.node-reticle{width:20px;height:20px}.node-label{font-size:8px;letter-spacing:.5px}.node-label small{font-size:6px;letter-spacing:1px;margin-top:4px}.scene-annotation{bottom:12.5%;right:12%;font-size:8px;gap:10px}.scene-annotation small{font-size:6px;letter-spacing:1px}.annotation-line{width:20px}.fact-line{font-size:10px;margin-bottom:11px;gap:9px}.fact-line small{font-size:8px;margin-top:3px}.fact-symbol{font-size:17px}.research-flow{font-size:9px;gap:9px;margin-bottom:12px}.artifact-list{font-size:9px;gap:16px;margin-bottom:11px}.network-heading{left:8%;top:122px}.network-heading .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:12px}.network-heading h2{font-size:31px;margin-bottom:10px;line-height:1.45}.network-intro{font-size:9px}.network-stats{left:8%;top:300px;display:grid;grid-template-columns:1fr 1fr;width:65%;gap:0 25px}.metric{padding:4px 0 13px;display:block}.metric strong{font-size:35px;display:block;margin-bottom:9px;min-width:0}.metric strong span{font-size:13px}.metric>span{font-size:8px}.data-note{grid-column:1/-1;font-size:7px;margin-top:10px}.map-label{font-size:6px;letter-spacing:.2px;padding:3px;transform:translate(5px,-50%)}.map-label small{font-size:5px;letter-spacing:.3px}.map-label.is-origin{font-size:9px;transform:translate(8px,-50%);letter-spacing:1px}.map-label.is-domestic{font-size:7px}.map-label.is-selected .node-info{display:none}.network-controls{left:8%;right:8%;bottom:106px;gap:15px;justify-content:space-between;align-items:center}.network-key{font-size:7px;gap:7px;letter-spacing:.3px;max-width:125px;line-height:1.8}.network-key i{width:15px;flex-shrink:0}.view-switch{padding:2px}.view-switch button{font-size:8px;padding:8px 10px;letter-spacing:.5px}.site-footer{left:8%;right:8%;height:75px;gap:12px;flex-wrap:wrap;align-content:center;row-gap:3px}.site-footer>span:not(.footer-copyright){font-size:8px;letter-spacing:.4px}.footer-word{font-size:26px}.footer-copyright{font-size:6px;position:absolute;bottom:10px;left:0}.back-top{margin-left:auto;font-size:8px;gap:8px}.engine-message{bottom:60px;font-size:7px}.network-mode .chapter-nav{display:none}dialog{padding:44px 28px 27px}dialog h2{font-size:25px}.detail-intro{font-size:11px}.detail-item p{font-size:10px}.vignette{background:linear-gradient(180deg,rgba(5,11,20,.6),transparent 55%,rgba(5,11,20,.25))}}
@media(max-width:760px) and (max-height:740px){.hero-copy{top:18%}.hero-copy h1{font-size:38px}.chapter-copy{top:17%}h2{font-size:30px}.intro,.hero-copy .intro{font-size:10px;margin-bottom:13px}.eyebrow{margin-bottom:12px}.network-heading{top:103px}.network-heading h2{font-size:27px}.network-stats{top:256px}.metric strong{font-size:29px}.network-controls{bottom:91px}.site-footer{height:65px}.universe-caption{bottom:10%}.scene-annotation{bottom:11%}}
@media(max-width:760px){.orb-node[data-node="1"]{flex-direction:row-reverse;transform:translate(calc(-100% + 18px),-20px);text-align:right}}
/* Three scenes: particle trademark, particle word, solid geographic map. */
.grain{opacity:.012}.brand-mark{width:39px;height:39px;object-fit:contain}.brand:hover .brand-mark{transform:translateY(-2px)}.brand-word{font:400 35px Arial,sans-serif;letter-spacing:-1.8px}.brand-description{font-size:7px;letter-spacing:2px}.scene-heading{position:absolute;left:8%;right:8%;top:17%;text-align:center}.scene-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:3px;margin-bottom:17px}.scene-heading h1,.scene-heading h2{font-size:clamp(29px,3vw,46px);letter-spacing:4px;white-space:nowrap;line-height:1.5;margin:0}.brand-caption{position:absolute;left:50%;bottom:13.5%;transform:translateX(-50%);text-align:center}.brand-caption>span{font:400 37px Arial,sans-serif;letter-spacing:-1.8px}.brand-caption small{display:block;font-size:10px;letter-spacing:4px;color:#849eaf;margin-top:5px}.brand-callout{position:absolute;display:flex;align-items:center;gap:19px;top:53%;text-align:left;color:#a6c5d4;font-size:11px;letter-spacing:1px}.brand-callout small{display:block;color:#5d849c;font:7px var(--utility);letter-spacing:1.4px;margin-top:8px}.brand-callout i{width:29px;height:1px;background:linear-gradient(90deg,transparent,#7fa8b9)}.brand-callout:hover{color:#e5f7ff}.callout-left{left:8%}.callout-right{right:8%;top:64%;flex-direction:row-reverse;text-align:right}.logo-explore{position:absolute;left:50%;bottom:5.7%;transform:translateX(-50%);font-size:10px}.word-panel .scene-heading{top:19%}.word-panel .scene-heading h2{font-size:clamp(28px,2.8vw,42px)}.word-intro{position:absolute;left:7%;bottom:17%;color:#8da8ba;font-size:11px;line-height:2.2;letter-spacing:1px}.word-actions{position:absolute;right:7%;bottom:17%;text-align:right}.word-actions .artifact-list{margin-bottom:13px;font-size:10px;gap:25px}.artifact-list button{padding:0 0 8px;border-bottom:1px solid #28495e;letter-spacing:1px}.artifact-list button:hover{color:#effbff}.word-actions .text-action{font-size:10px}.network-panel{isolation:isolate}.network-heading,.network-stats,.network-controls,.site-footer{z-index:2}.network-heading{top:17%;pointer-events:none}.network-heading h2{font-size:clamp(30px,2.65vw,43px)}.network-stats{top:49%;width:185px}.network-panel .data-note{color:#6f899b}.world-map{position:absolute;left:23%;right:3%;top:25%;bottom:17%;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 40% 45%,#112b3d55,transparent 65%)}.world-map:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 45px 16px #050b14;pointer-events:none}.world-map svg{width:100%;height:100%;display:block;overflow:hidden}.country{fill:#0d1a2c;stroke:#253d53;stroke-width:.65;stroke-linejoin:round;transition:fill .3s,stroke .3s}.region-lit{fill:#182e43;stroke:#36596e;cursor:pointer}.region-china{fill:#244c63;stroke:#6397a8;stroke-width:1;filter:drop-shadow(0 0 9px #77c2da18)}.region-lit:hover,.region-lit:focus,.country.region-selected{fill:#32657b;stroke:#9ad6df;outline:none}.region-label{font:10px var(--body);letter-spacing:2px;fill:#a8c5d2;pointer-events:none;paint-order:stroke;stroke:#07111e;stroke-width:3px}.label-china{fill:#ecdfba;font-size:13px;letter-spacing:4px}.map-city{cursor:pointer;outline:none}.city-aura{fill:#e7cf8b;opacity:.07;filter:blur(3px)}.city-core{fill:#f2dfaa;filter:drop-shadow(0 0 3px #e8c66d);opacity:.9}.city-ring{fill:none;stroke:#e5cc87;stroke-width:.7;opacity:.3;animation:city-breathe 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.domestic .city-aura{opacity:.13}.domestic .city-core{fill:#fff0ba}.map-city:hover .city-core,.map-city:focus .city-core,.map-city.region-selected .city-core{fill:white;filter:drop-shadow(0 0 8px #fff0ba)}.map-city:focus .city-ring{stroke:#fff;opacity:1}.map-paused .city-ring{animation-play-state:paused}.map-tooltip{position:absolute;right:7%;top:19%;z-index:3;color:#e1d6b8;border-left:1px solid #a68d53;padding:7px 13px;background:#0b1724d9;font-size:10px;letter-spacing:1px}.network-key i{width:6px;height:6px;background:#e4ce93;border-radius:50%;box-shadow:0 0 9px #d9bc6a66}.network-key i:after{display:none}.network-controls{bottom:110px}.site-footer .footer-word{font:400 23px Arial,sans-serif;letter-spacing:-1px}.china-focus .region-label:not(.label-china){opacity:.45}.motion-paused .scroll-track i{animation-play-state:paused}
@keyframes city-breathe{0%,100%{opacity:.12;transform:scale(.85)}50%{opacity:.45;transform:scale(1.4)}}
@media(max-height:740px) and (min-width:761px){.scene-heading{top:18%}.scene-heading h1,.scene-heading h2{font-size:33px}.scene-heading .eyebrow{margin-bottom:10px}.brand-caption{bottom:12%}.brand-caption>span{font-size:28px}.brand-caption small{font-size:8px}.network-heading{top:18%}.network-heading h2{font-size:31px}.network-stats{top:51%}.metric strong{font-size:34px}.metric{padding:9px 0}.world-map{top:28%;bottom:20%}}
@media(max-width:1100px) and (min-width:761px){.brand-callout{font-size:9px}.callout-left{left:5%}.callout-right{right:5%}.network-heading h2{font-size:30px}.network-stats{width:150px}.world-map{left:24%;right:2%}}
@media(max-width:760px){.brand-mark{width:31px;height:31px}.brand-word{font-size:28px;letter-spacing:-1.5px}.scene-heading,.word-panel .scene-heading{top:19%;left:6%;right:6%}.scene-heading .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:17px}.scene-heading h1,.scene-heading h2,.word-panel .scene-heading h2{font-size:26px;letter-spacing:1.5px;white-space:normal;line-height:1.6}.scene-heading h1{max-width:310px;margin:auto}.brand-caption{bottom:21%}.brand-caption>span{font-size:31px}.brand-caption small{font-size:8px;letter-spacing:3px}.brand-callout{top:auto;bottom:14%;font-size:8px;gap:8px}.brand-callout i{width:12px}.brand-callout small{font-size:5px;letter-spacing:.5px;margin-top:5px}.callout-left{left:7%}.callout-right{right:7%;top:auto;bottom:14%}.logo-explore{bottom:7.7%;font-size:9px}.word-panel .scene-heading{top:20%}.word-panel .scene-heading h2{font-size:27px;max-width:310px;margin:auto}.word-intro{left:7%;right:7%;bottom:23%;font-size:9px;text-align:center;line-height:2}.word-actions{left:7%;right:7%;bottom:11%;text-align:center}.word-actions .artifact-list{justify-content:center;gap:19px;font-size:8px;margin-bottom:2px}.word-actions .text-action{font-size:9px}.network-heading{top:14%;left:8%}.network-heading h2{font-size:28px;line-height:1.35;margin-bottom:9px}.network-heading .eyebrow{font-size:6px;letter-spacing:1px}.network-intro{font-size:9px}.network-stats{top:35%;left:8%;width:80%;grid-template-columns:1fr 1fr;gap:0 23px}.metric strong{font-size:29px;margin-bottom:6px}.metric>span{font-size:8px}.metric{padding-bottom:9px}.data-note{margin-top:8px;font-size:6px}.world-map{left:2%;right:2%;top:47%;bottom:19%;background:radial-gradient(ellipse at center,#12314888,transparent 70%)}.world-map:after{box-shadow:inset 0 0 18px 3px #050b14}.region-label{font-size:14px;letter-spacing:0;stroke-width:5px}.label-china{font-size:18px;letter-spacing:2px}.country{stroke-width:.4}.map-tooltip{top:auto;bottom:24%;right:8%;font-size:8px;padding:3px 8px}.network-controls{left:8%;right:8%;bottom:110px}.network-key{font-size:7px;max-width:none}.network-key i{width:4px;height:4px}.view-switch button{font-size:7px;padding:8px}.site-footer{height:75px}.network-mode .motion-toggle{opacity:.75;pointer-events:auto;bottom:78px;right:8%}.network-mode .chapter-nav{display:none}}
@media(max-width:760px) and (max-height:740px){.scene-heading,.word-panel .scene-heading{top:18%}.scene-heading h1,.scene-heading h2,.word-panel .scene-heading h2{font-size:23px}.scene-heading .eyebrow{margin-bottom:10px}.brand-caption{bottom:19%}.brand-caption>span{font-size:26px}.brand-caption small{font-size:7px}.brand-callout{bottom:12%}.logo-explore{bottom:5.8%}.word-intro{bottom:24%;font-size:8px}.word-actions{bottom:10%}.network-heading{top:16%}.network-heading h2{font-size:23px}.network-intro{font-size:8px}.network-stats{top:39%}.metric strong{font-size:24px}.metric>span{font-size:7px}.world-map{top:51%;bottom:20%}.network-controls{bottom:88px}.site-footer{height:62px}.network-mode .motion-toggle{bottom:68px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.scroll-track i{top:8px}}

/* Let geography sit directly in the ambient scene. */
.world-map{background:none}.world-map:after{display:none}

.mobile-break{display:none}@media(max-width:760px){.mobile-break{display:initial}}

/* Global usage: a quiet numeric strip, geographic scene, then the daily rhythm. */
.network-chapter{height:auto;min-height:100svh;pointer-events:auto}.network-panel{position:relative;inset:auto;padding:145px 5.3% 0;min-height:100svh;will-change:opacity;visibility:visible}.network-panel .network-heading{position:relative;top:auto;left:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:auto}.network-heading .eyebrow{margin-bottom:15px}.network-panel .network-heading h2{font-size:clamp(29px,2.8vw,42px);margin-bottom:13px}.network-heading h2 .text-ice{margin-left:16px}.network-panel .network-intro{margin-bottom:0;font-size:11px}.data-badge{font:8px var(--utility);color:#819cb1;letter-spacing:1px;padding:6px 11px;border:1px solid #283d4d;border-radius:20px;white-space:nowrap;margin-top:5px}.data-badge:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#557c9a;margin-right:7px;vertical-align:middle}.overall-data{margin-top:39px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.overall-metric{padding:0 0 20px;border-bottom:1px solid #b3d5e41b}.overall-metric>span{font-size:10px;letter-spacing:1px;color:#8cabbc}.overall-metric p{display:flex;align-items:baseline;gap:10px;margin:12px 0 7px;line-height:1}.overall-metric strong{font:400 clamp(39px,3.8vw,57px) VeraDisplay,Georgia,serif;letter-spacing:-1px;color:#e2edf3;font-variant-numeric:tabular-nums;line-height:1}.overall-metric small{font-size:11px;color:#8eafc2}.overall-metric em{font:7px var(--utility);letter-spacing:1.7px;color:#547991}.usage-period{font:8px var(--utility);color:#658498;letter-spacing:.6px;margin:14px 0 0;line-height:1.8}.geographic-board{height:430px;position:relative;margin-top:12px}.geographic-board .world-map{left:14%;right:0;top:0;bottom:43px}.map-caption{position:absolute;top:44%;left:0;z-index:1;pointer-events:none}.map-caption>span{font:7px var(--utility);letter-spacing:2px;color:#517791}.map-caption p{font-size:10px;letter-spacing:1px;line-height:2.1;color:#a3becd;margin-top:12px}.geographic-board .network-controls{left:0;right:0;bottom:0;justify-content:space-between}.geographic-board .map-tooltip{top:5%;right:2%;font-size:9px}.token-calendar{margin-top:33px;border:1px solid #b3d5e41b;border-radius:9px;background:linear-gradient(115deg,#0c1622a8,#07111b99);padding:22px 25px 20px;position:relative}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.calendar-heading h3{font-size:12px;font-weight:400;letter-spacing:1.2px;margin:0;display:flex;align-items:center;gap:12px;white-space:nowrap}.calendar-mark{width:7px;height:7px;border:1px solid #629ac0;box-shadow:inset 0 0 0 2px #0d1e2d;transform:rotate(45deg);background:#32698d}.calendar-heading h3 small{font:9px var(--utility);color:#789aaf;letter-spacing:1px;border-left:1px solid #314656;padding-left:12px}.calendar-heading>p{margin:0;font-size:8px;letter-spacing:.4px;color:#829caf;text-align:right}.calendar-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#284d6b #0b1723;padding-bottom:6px}.token-heatmap{min-width:830px}.token-heatmap svg{width:100%;height:auto;display:block;overflow:visible}.heatmap-day,.heatmap-month{font:10px var(--body);fill:#66859b}.heatmap-cell{cursor:pointer;outline:none;stroke:transparent;stroke-width:1.25;transition:filter .2s}.heatmap-cell:hover,.heatmap-cell:focus{stroke:#d1e7f7;filter:brightness(1.22)}.heatmap-cell.is-selected{stroke:#d1e7f7;stroke-width:1.2}.calendar-selection{margin-top:16px;display:flex;align-items:center;gap:19px}.calendar-selection label{font-size:10px;color:#7898ad;display:flex;align-items:center;gap:13px;white-space:nowrap}.calendar-selection input{font:10px var(--utility);color:#ccdde8;background:#0a1520;border:1px solid #2a4052;padding:9px 10px;border-radius:4px;min-width:146px;color-scheme:dark}.calendar-selection input:focus-visible{outline:1px solid #6aa6db;outline-offset:3px}.calendar-selection p{font:9px var(--utility);color:#b4cad9;margin:0;letter-spacing:.5px;line-height:1.9}.calendar-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.calendar-bottom>p{font-size:8px;color:#6d8ba2;margin:0;letter-spacing:.4px;line-height:1.9}.calendar-legend{display:flex;align-items:center;gap:6px;font-size:8px;color:#6d8ba2;white-space:nowrap}.calendar-legend i{height:5px;width:14px;background:#111d2b;border-radius:1px}.calendar-legend i:nth-of-type(2){background:#102e54}.calendar-legend i:nth-of-type(3){background:#184f88}.calendar-legend i:nth-of-type(4){background:#216cba}.calendar-legend i:nth-of-type(5){background:#2e8aeb}.calendar-legend i:nth-of-type(6){background:#74b9ff}.token-tooltip{position:fixed;z-index:70;pointer-events:none;background:#09131ff2;border:1px solid #44657e;border-radius:6px;box-shadow:0 10px 35px #0007;padding:12px 14px;min-width:200px;backdrop-filter:blur(12px)}.token-tooltip strong{display:block;font:12px var(--utility);color:#d8ebf8}.token-tooltip span{display:block;font-size:9px;color:#809cb1;margin-top:5px}.usage-error{font-size:11px;color:#bcad8e;margin-top:14px}.network-panel .site-footer{position:relative;inset:auto;margin-top:42px;height:91px}.network-mode .site-header{background:linear-gradient(#050b14f5,#050b14e0);backdrop-filter:blur(12px)}.network-mode .chapter-nav{display:none}.network-mode .motion-toggle{opacity:.8;pointer-events:auto;bottom:19px;right:2%}.network-mode .motion-label{display:none}
@media(min-width:1800px){.geographic-board{height:540px}.token-calendar{padding:28px 32px}.network-panel{padding-left:8%;padding-right:8%}}
@media(max-height:740px) and (min-width:761px){.network-panel{padding-top:117px}.network-panel .network-heading{top:auto}.network-panel .network-heading h2{font-size:32px}.overall-data{margin-top:26px}.overall-metric strong{font-size:43px}.geographic-board{height:365px}}
@media(max-width:1000px) and (min-width:761px){.overall-data{gap:20px}.geographic-board .world-map{left:6%}.map-caption{top:70%}.calendar-heading>p{max-width:270px;line-height:1.7}.overall-metric em{font-size:6px;letter-spacing:1px}.network-heading h2 .text-ice{margin-left:9px}}
@media(max-width:760px){.network-panel{padding:111px 7% 0}.network-panel .network-heading{top:auto;left:auto;display:block}.network-panel .network-heading h2{font-size:28px;line-height:1.5;letter-spacing:2px}.network-heading h2 .text-ice{display:block;margin-left:0}.network-panel .network-heading .eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:13px}.network-panel .network-intro{font-size:9px}.data-badge{display:inline-block;font-size:6px;margin-top:17px;padding:4px 8px;letter-spacing:.6px}.overall-data{margin-top:27px;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 22px}.overall-metric{padding-bottom:15px}.overall-metric>span{font-size:9px}.overall-metric strong{font-size:37px}.overall-metric p{margin:11px 0 7px;gap:7px}.overall-metric small{font-size:9px}.overall-metric em{font-size:5px;letter-spacing:1.1px}.usage-period{font-size:6px;letter-spacing:.3px;margin-top:13px}.geographic-board{height:278px;margin-top:11px}.geographic-board .world-map{left:-4%;right:-4%;top:0;bottom:47px}.map-caption{top:0;left:0;display:none}.geographic-board .network-controls{left:0;right:0;bottom:0}.geographic-board .map-tooltip{top:auto;right:0;bottom:56px;font-size:7px}.token-calendar{margin-top:25px;padding:20px 14px 18px;border-radius:7px}.calendar-heading{display:block;margin-bottom:20px}.calendar-heading h3{font-size:11px;gap:9px}.calendar-heading h3 small{font-size:8px;padding-left:9px}.calendar-heading>p{margin-top:11px;text-align:left;font-size:7px;line-height:1.8}.token-heatmap{min-width:850px}.calendar-selection{display:block;margin-top:17px}.calendar-selection label{font-size:9px;gap:10px}.calendar-selection input{font-size:9px;padding:8px 9px}.calendar-selection p{font-size:8px;margin-top:12px;letter-spacing:0}.calendar-bottom{display:block;margin-top:10px}.calendar-bottom>p{font-size:7px;line-height:2}.calendar-legend{margin-top:18px;justify-content:flex-end;font-size:7px;gap:5px}.calendar-legend i{width:12px}.network-panel .site-footer{margin-top:31px;height:91px;row-gap:6px}.site-footer .footer-word{font-size:22px}.network-panel .footer-copyright{bottom:14px;font-size:5px}.network-mode .motion-toggle{bottom:16px;right:3%;z-index:35}.network-mode .site-header{height:82px}.network-mode .site-footer>span:not(.footer-copyright){font-size:7px}.network-mode .back-top{font-size:7px}.token-tooltip{min-width:185px}.token-tooltip strong{font-size:11px}}
@media(max-width:360px){.network-panel{padding-left:6%;padding-right:6%}.overall-metric strong{font-size:34px}.overall-metric em{font-size:5px;letter-spacing:.7px}.calendar-heading h3 small{font-size:7px}.network-controls .network-key{font-size:6px}.view-switch button{font-size:6px}}

/* Data typography follows the reference's clear, light numeric forms. */
.overall-metric strong{font-family:"Segoe UI",Arial,sans-serif;font-weight:300;font-size:clamp(39px,3.8vw,55px);letter-spacing:-1.8px}.overall-metric>span{font-size:11px}.data-badge{font-size:9px}.usage-period{font-size:9px}.calendar-heading h3{font-size:14px}.calendar-heading h3 small{font-size:10px}.calendar-heading>p{font-size:10px}.calendar-selection label{font-size:11px}.calendar-selection input{font-size:11px}.calendar-selection p{font-size:11px}.calendar-bottom>p{font-size:10px}.calendar-legend{font-size:9px}.calendar-hint{display:none}
@media(max-width:760px){.overall-metric strong{font-size:36px;letter-spacing:-1px}.overall-metric>span{font-size:10px}.data-badge{font-size:8px}.usage-period{font-size:8px}.calendar-heading h3{font-size:12px}.calendar-heading h3 small{font-size:9px}.calendar-heading>p{font-size:9px}.calendar-selection label,.calendar-selection input{font-size:10px}.calendar-selection p{font-size:9px}.calendar-bottom>p{font-size:8px}.calendar-legend{font-size:8px}.calendar-hint{display:block;font-size:8px;color:#638199;letter-spacing:.5px;margin:0 0 8px}.calendar-heading{margin-bottom:13px}}
@media(max-width:360px){.overall-metric strong{font-size:32px}}

.calendar-data-state{font:8px var(--body);letter-spacing:.5px;color:#63859e;padding:2px 6px;border:1px solid #284152;border-radius:3px}@media(max-width:760px){.calendar-data-state{font-size:7px;padding:2px 5px}}