@charset "UTF-8";
:root{color-scheme:dark;--paper:#ebede9;--muted:#8c979e;--mint:#b2ecdc;--amber:#efb08c;--motion:running;font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#080c10;color:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:6px}::selection{background:#558d82;color:#fff}.skip{position:absolute;left:20px;top:-80px;padding:14px;background:#fff;color:#080c10;z-index:10}.skip:focus{top:12px}.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 35%,#121d25 0,transparent 55%)}.light{position:absolute;top:14%;width:46vw;height:64vh;filter:blur(80px);opacity:.14;border-radius:50%;transition:opacity 800ms}.light-left{left:-10vw;background:#437d76}.light-right{right:-10vw;background:#895c44}.grid-floor{position:absolute;left:-20%;bottom:-15%;width:140%;height:48%;background-image:linear-gradient(#83aca319 1px,transparent 1px),linear-gradient(90deg,#83aca319 1px,transparent 1px);background-size:64px 64px;transform:perspective(400px) rotateX(65deg);mask-image:linear-gradient(transparent,#000)}
.gate-header,.gate-footer{max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between}.gate-header{height:98px;padding:0 56px;border-bottom:1px solid #ffffff0d}.gate-brand{display:flex;align-items:center;gap:11px;font-size:28px;letter-spacing:-1.5px;font-weight:650}.gate-brand img{width:34px;height:34px}.domain{color:#7e8b92;font-size:19px;font-weight:400;letter-spacing:-.8px}.header-note{font-size:10px;letter-spacing:3px;color:#6b7982}.header-controls{display:flex;align-items:center;gap:23px;font-size:11px;letter-spacing:1px}.motion-control{border:0;background:none;padding:12px 0;display:flex;align-items:center;gap:9px;cursor:pointer}.motion-icon{font-size:12px;color:#9aa6ab}.control-divider{width:1px;height:13px;background:#ffffff24}.gate-language{padding:12px 0}.gate-intro{text-align:center;padding:46px 20px 15px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:3px;color:#99a7ac;margin:0 0 23px;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #b2ecdc44}h1{font-size:clamp(26px,3vw,46px);font-weight:400;letter-spacing:3px;line-height:1.45;margin:0}h1 em{font-style:normal;color:#a8b5bb;font-weight:300}.intro-copy{color:#7f8d96;font-size:13px;font-weight:300;letter-spacing:1px;line-height:1.8;margin:15px 0 0}
.worlds{max-width:1270px;margin:14px auto 44px;padding:0 44px;display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);align-items:stretch}.world{display:block;position:relative;min-width:0;padding:20px 25px 0;--accent:var(--mint);--tint:142,220,197;--rx:0deg;--ry:0deg;isolation:isolate}.world-junction{--accent:var(--amber);--tint:238,154,111}.world::before{content:"";position:absolute;inset:14px 0 0;border:1px solid transparent;border-radius:10px;transition:background 400ms,border 400ms;background:linear-gradient(180deg,rgba(var(--tint),0),rgba(var(--tint),.012));z-index:-1}.world:hover::before,.world:focus-visible::before{border-color:rgba(var(--tint),.12);background:linear-gradient(180deg,rgba(var(--tint),.015),rgba(var(--tint),.045))}.world-index{display:flex;justify-content:space-between;align-items:center;font:10px/1.5 "Courier New",monospace;letter-spacing:1.6px;color:#7a8b92}.world-coordinate{color:var(--accent);font-size:12px}.world-coordinate span{font-size:10px}.letter-stage{height:340px;position:relative;display:flex;justify-content:center;align-items:center;perspective:900px}.j-sculpture{height:310px;width:205px;overflow:visible;filter:drop-shadow(0 14px 17px #000b);transform:rotateY(var(--ry)) rotateX(var(--rx)) rotateZ(-7deg);transition:transform 650ms cubic-bezier(.2,.8,.2,1),filter 650ms;animation:levitate 7s ease-in-out infinite;animation-play-state:var(--motion)}.world-junction .j-sculpture{animation-delay:-3.5s;transform:rotateY(var(--ry)) rotateX(var(--rx)) rotateZ(7deg)}.j-shadow{stroke:rgba(var(--tint),.28);stroke-width:57;stroke-linecap:round;filter:blur(15px);opacity:.4;transition:opacity 400ms}.j-glass{stroke-width:42;stroke-linecap:round}.j-highlight{stroke-width:2;stroke-linecap:round;opacity:.7}.j-dot{filter:drop-shadow(0 0 14px rgba(var(--tint),.12))}.world:hover .j-shadow,.world:focus-visible .j-shadow{opacity:1}.world:hover .j-sculpture,.world:focus-visible .j-sculpture{filter:drop-shadow(0 16px 30px rgba(var(--tint),.15))}.letter-halo{position:absolute;inset:14% 5% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--tint),.09),transparent 68%);opacity:.7;transition:opacity .6s}.letter-grid{position:absolute;width:80%;height:18%;bottom:10px;border-radius:50%;border:1px solid rgba(var(--tint),.09);transform:rotate(-7deg);background:radial-gradient(ellipse,rgba(var(--tint),.07),transparent 65%)}.letter-grid::after{content:"";position:absolute;inset:8px -9px;border:1px dashed rgba(var(--tint),.07);border-radius:50%}.letter-caption{position:absolute;left:0;bottom:29px;font-size:8px;letter-spacing:2px;color:rgba(var(--tint),.4);writing-mode:vertical-rl;transform:rotate(180deg)}.world-kicker{font-size:9px;letter-spacing:2px;color:var(--accent);opacity:.7}.world-title{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.world-title h2{font-size:33px;line-height:1.4;letter-spacing:3px;margin:0;font-weight:350}.enter-arrow{display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;width:43px;height:43px;color:var(--accent);font-size:22px;transition:background .3s,transform .3s,border-color .3s}.world:hover .enter-arrow,.world:focus-visible .enter-arrow{background:var(--accent);color:#0c1517;border-color:var(--accent);transform:rotate(45deg)}.world-description>p{font-size:13px;line-height:1.8;color:#86959e;margin:12px 0 22px;letter-spacing:.6px}.world-bottom{border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 23px;font-size:10px;color:#6f838c;letter-spacing:.7px}.enter-label{color:var(--accent);white-space:nowrap}.enter-label span{margin-left:10px;display:inline-block;transition:transform .3s}.world:hover .enter-label span{transform:translate(3px,-3px)}
.between-worlds{position:relative;display:flex;align-items:center;flex-direction:column;padding-top:20px}.axis-line{height:53px;width:1px;background:linear-gradient(transparent,#b6d1d229)}.q-system{position:relative;width:220px;height:260px;display:grid;place-items:center;transform:scale(.83);isolation:isolate}.q-disc{position:absolute;width:120px;height:120px;border-radius:50%;background:conic-gradient(from 40deg,#c0c9c815,#a4e5d960,#a4e5d910,#e2b19b25,#f3ba8460,#c0c9c815);box-shadow:0 0 60px #b4d9d609;mask-image:radial-gradient(circle,transparent 58%,black 59%,black 69%,transparent 70%);animation:orbit 24s linear infinite;animation-play-state:var(--motion)}.q-disc-inner{position:absolute;inset:8px;border:1px solid #b9d0ce4a;border-radius:50%}.q-tail{position:absolute;width:32px;height:2px;background:linear-gradient(90deg,#d9c5a876,transparent);transform:translate(54px,55px) rotate(45deg)}.q-center{font:italic 58px Georgia,serif;color:#bfd2cfb5;transform:translateY(-6px);text-shadow:0 0 25px #dbf1e420}.orbit{position:absolute;width:206px;height:206px;border:1px solid #98b9b725;border-radius:50%;transform:rotateX(66deg) rotateZ(-25deg);animation:orbit-a 22s linear infinite;animation-play-state:var(--motion)}.orbit-b{width:180px;height:180px;transform:rotateY(67deg) rotateZ(25deg);border-color:#c7a88b33;animation:orbit-b 28s linear infinite}.orbit-c{width:194px;height:194px;transform:rotateY(67deg) rotateZ(-38deg);animation:none;border-style:dashed;border-color:#adc6ce18}.orbital-dot{position:absolute;width:4px;height:4px;border-radius:50%;box-shadow:0 0 12px currentColor}.dot-a{color:#b6e4d9;background:currentColor;left:17px;top:140px}.dot-b{color:#d8a98d;background:currentColor;right:31px;top:104px}.q-caption{margin-top:-17px;text-align:center}.q-caption>span{font:8px "Courier New",monospace;letter-spacing:2.4px;color:#90a3ab}.q-caption p{font-size:10px;letter-spacing:1px;color:#5c727c;margin:14px 0}.axis-bottom{height:110px;margin-top:21px;background:linear-gradient(#b6d1d218,transparent)}
.gate-footer{min-height:88px;margin-top:0;border-top:1px solid #ffffff0d;padding:24px 56px;gap:20px;font-size:10px;letter-spacing:1px;color:#586a75}.gate-footer>span:first-child{color:#7b8a92}.footer-q{color:var(--mint)}.gate-footer i{font-style:normal;margin:0 10px;color:#33454d}.keyboard-hint{display:flex;gap:8px;align-items:center;font:8px "Courier New",monospace;letter-spacing:1px}.keyboard-hint>span{margin:0 6px}kbd{border:1px solid #ffffff1c;border-radius:3px;padding:3px 5px;color:#849a9f;font:inherit}.footer-edition{font:8px "Courier New",monospace;letter-spacing:2px}
body[data-active="journal"] .light-left,body[data-active="junction"] .light-right{opacity:.25}body[data-paused="true"]{--motion:paused}body[data-paused="true"] .j-sculpture{animation:none}@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbit{to{rotate:360deg}}@keyframes orbit-a{to{transform:rotateX(66deg) rotateZ(335deg)}}@keyframes orbit-b{to{transform:rotateY(67deg) rotateZ(385deg)}}
@media(min-width:1500px){.gate-intro{padding-top:60px}.worlds{margin-top:27px;margin-bottom:55px}.letter-stage{height:385px}.j-sculpture{height:345px}}
@media(max-width:1000px){.gate-header{padding:0 30px;height:84px}.worlds{padding:0 24px;grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr)}.world{padding:18px 18px 0}.between-worlds{transform:scale(.85);transform-origin:50% 40%}.world-title h2{font-size:27px;letter-spacing:1.5px}.letter-stage{height:300px}.j-sculpture{height:272px}.world-bottom{font-size:9px;letter-spacing:0}.gate-footer{padding:24px 30px}.footer-edition{display:none}.intro-copy{font-size:12px}.world-description>p{font-size:12px}}
@media(max-width:650px){.gate-header{height:72px;padding:0 23px}.gate-brand{font-size:25px}.gate-brand img{width:30px;height:30px}.domain{font-size:17px}.header-note{display:none}.header-controls{gap:17px}.motion-label{display:none}.gate-intro{padding:38px 25px 10px}.eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:19px}h1{font-size:28px;line-height:1.7;letter-spacing:2px}h1 em{display:block}.intro-copy{font-size:11px;letter-spacing:.5px;max-width:265px;margin:13px auto 0}.worlds{position:relative;padding:0 16px;grid-template-columns:1fr 1fr;gap:12px;margin:25px auto 36px;max-width:500px}.world{padding:11px 12px 0}.world::before{inset:0;border:1px solid rgba(var(--tint),.12);background:linear-gradient(180deg,rgba(var(--tint),.015),rgba(var(--tint),.03))}.world-index{font-size:8px;letter-spacing:.5px}.world-coordinate{font-size:9px}.letter-stage{height:228px}.j-sculpture{width:135px;height:215px;max-width:100%;transform:rotateZ(-5deg)}.world-junction .j-sculpture{transform:rotateZ(5deg)}.letter-caption{display:none}.letter-grid{width:88%;bottom:10px}.world-kicker{font-size:7px;letter-spacing:.8px}.world-title{margin-top:10px;gap:5px}.world-title h2{font-size:25px;letter-spacing:1px}.enter-arrow{width:26px;height:26px;min-width:26px;font-size:16px}.world-description>p{font-size:11px;line-height:1.85;margin:10px 0 16px;letter-spacing:.1px;min-height:40px}.world-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:13px 0 17px;font-size:8px;letter-spacing:.1px}.enter-label{font-size:11px;letter-spacing:1px}.world-bottom .enter-label span{margin-left:5px}.between-worlds{position:absolute;left:50%;top:97px;width:44px;height:44px;margin-left:-22px;z-index:2;transform:none;pointer-events:none;padding:0}.q-system{position:absolute;width:220px;height:260px;top:-107px;left:-88px;transform:scale(.27)}.q-center{font-size:68px}.axis-line,.q-caption{display:none}.gate-footer{min-height:90px;padding:22px;justify-content:center;text-align:center;font-size:9px;line-height:1.8}.keyboard-hint{display:none}.grid-floor{height:45%;background-size:42px 42px}.light{filter:blur(40px);width:75vw;top:28%;height:55vh}.light-left{left:-45vw}.light-right{right:-45vw}}
@media(max-width:370px){.worlds{gap:8px;padding:0 12px}.world{padding:11px 10px 0}.world-title h2{font-size:22px}.world-kicker{letter-spacing:0}.world-index{font-size:7px}.letter-stage{height:206px}.j-sculpture{height:195px}.gate-intro{padding-top:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.j-sculpture{transform:rotateZ(-5deg)!important}.world-junction .j-sculpture{transform:rotateZ(5deg)!important}}