body{background:#050911}.shell>.top{background:#050911;color:#eef3ff;border-color:#1c273b;margin-bottom:0}.top .brand,.top .brand-wordmark strong{color:#fff}.top .brand-caption,.top .brand-wordmark span{color:#b6c5df}.top .fresh{color:#a8bce0}.top #theme{background:#152139;color:#dbe7ff;border-color:#3b4c69}
.moon-stage>#moon-motion{position:absolute;z-index:4;right:6%;top:20px;background:#061020c9;border:1px solid #43506b;border-radius:30px;padding:12px 16px;color:#c8d5e9;min-height:44px;font:inherit;font-size:11px;cursor:pointer}.moon-coordinate{display:none!important}.moon-fallback{background-color:#083e78!important}
.moon-journey{--travel:0;--intro-alpha:1;--chapter-alpha:0;position:relative;height:190vh;margin-left:calc((100% - 100vw)/2);width:100vw;color:#fff;background:#02050c}
.moon-stage{height:calc(100svh - 25px);min-height:560px;max-height:1100px;position:sticky;top:0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 70%,#082543 0%,#02050c 65%)}
.moon-render,.moon-shade{position:absolute;inset:0}.moon-render canvas{width:100%;height:100%;display:block}.moon-fallback{position:absolute;width:min(65vw,850px);aspect-ratio:1;right:-5%;top:14%;border-radius:50%;background:url('assets/earth.jpg') 60% center/cover;box-shadow:inset -100px -30px 90px #000,0 0 45px #3187da77;transform:rotate(-15deg)}[data-render=webgl] .moon-fallback{display:none}.moon-shade{background:linear-gradient(90deg,#02050c77,transparent 70%);pointer-events:none}
.moon-intro,.moon-chapter{position:absolute;left:max(6vw,24px);top:17%;max-width:60%;z-index:2}.moon-intro{opacity:var(--intro-alpha);transform:translateY(calc(var(--travel)*-60px))}.moon-overline{font-size:10px;letter-spacing:.3em;color:#afc5e7;margin-bottom:30px}.moon-intro h1{color:#fff;font-size:clamp(48px,6.1vw,100px);font-weight:650;line-height:1.13;letter-spacing:-.065em;margin:0 0 28px}.moon-intro h1 span{color:#e3efff}.moon-description{font-size:clamp(13px,1.1vw,17px);color:#c0cde0;line-height:1.85}.moon-enter{margin-top:24px;display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #8796ae;padding:12px 0;color:white;text-decoration:none;font-size:14px;min-height:44px}.moon-enter span{color:#ffd800;font-size:24px}.moon-enter:focus-visible{outline:2px solid #ffd800;outline-offset:6px}.moon-chapter{opacity:var(--chapter-alpha);pointer-events:none;left:auto;right:6%;top:26%;max-width:45%;transform:translateY(calc((1 - var(--travel))*50px))}.moon-chapter h2{font-size:clamp(30px,3.7vw,62px);line-height:1.3;letter-spacing:-.05em;color:white}.moon-chapter>p:last-child{color:#bccbe0;font-size:13px}.moon-coordinate{position:absolute;right:5%;top:7%;font-size:9px;letter-spacing:.18em;line-height:1.8;color:#8aa2c6}.moon-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:.12em;color:#a5b4cc}.moon-progress{height:1px;background:#26364e;flex:1}.moon-progress i{display:block;width:calc(5% + var(--travel)*95%);background:#ffd800;height:1px}.moon-bottom button{background:transparent;border:1px solid #43506b;border-radius:30px;padding:12px 16px;color:#c8d5e9;min-height:44px;font:inherit;cursor:pointer}.moon-credit{font-size:10px;color:#93a2bd;margin-top:20px}.moon-credit a{color:inherit}
.orbit-experience{position:relative;color:#f3f7ff;padding:70px 0 55px;background:#050911;scroll-margin-top:20px;border-radius:0;box-shadow:none;min-height:0;overflow:visible;margin:0}.orbit-copy{display:block;width:100%;pointer-events:auto}.orbit-kicker{font-size:10px;letter-spacing:.2em;color:#91afdb}.orbit-copy h2{font-size:clamp(30px,4vw,58px);letter-spacing:-.05em;line-height:1.2;margin:20px 0;color:white}.orbit-copy em{color:#ffd800;font-style:normal}.orbit-copy>p:not(.orbit-kicker){font-size:14px;color:#a7b9d3;line-height:1.8}.orbit-link{display:inline-block;color:#cbd9f4;margin:16px 0;font-size:13px;padding:12px 0;background:none;border-radius:0}.orbit-scene{margin:30px 0;position:relative;right:auto;top:auto;width:100%;height:auto;transform:none}.orbit-earth,.orbit-moon,.orbit-ring{display:none}.orbit-keywords{display:grid;position:relative;inset:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;transform:none}.orbit-keyword{position:relative;left:auto!important;top:auto!important;transform:none!important;text-align:left;color:#e8f1ff;border:0;border-bottom:1px solid #273347;background:transparent;border-radius:0;padding:20px 10px;font:inherit;font-size:16px;min-height:64px;white-space:normal;cursor:pointer;transition:background .2s}.orbit-keyword:focus-visible{outline:2px solid #8eb5ff;outline-offset:-2px;border-bottom-color:transparent}.orbit-keyword:focus:not(:focus-visible){outline:none}@media(hover:hover){.orbit-keyword:hover .orbit-name{color:#fff}.orbit-keyword:hover .orbit-rank{color:#ffd800}}.orbit-time{border-top:1px solid #52627a;padding-top:24px;margin-top:0}.orbit-time p,.orbit-time small{color:#b7c6df;font-size:12px;line-height:1.8}.shell>.toolbar,.shell>main,.shell>footer{background:var(--bg,#f5f7fc)}.shell>.toolbar{padding:25px;border-radius:20px 20px 0 0}.shell>main{padding:0 25px 25px}.shell>footer{padding:25px;margin-top:0}
@media(max-width:700px){.moon-journey{height:165vh}.moon-stage{min-height:660px}.moon-intro{top:9%;max-width:90%}.moon-intro h1{font-size:clamp(40px,9.8vw,66px)}.moon-description{font-size:13px}.moon-overline{font-size:9px;margin-bottom:20px}.moon-coordinate{display:none}.moon-shade{background:linear-gradient(#02050c55,transparent 70%)}.moon-chapter{top:12%;left:7%;right:7%;max-width:90%}.moon-chapter h2{font-size:clamp(28px,7vw,44px)}.moon-chapter>p:last-child{font-size:12px;line-height:1.7}.moon-bottom{left:7%;right:7%;gap:10px;font-size:8px;bottom:20px}.moon-bottom button{padding:10px;font-size:10px}.moon-fallback{width:105vw;right:-25%;top:35%}.orbit-experience{padding:45px 0}.orbit-keywords{gap:0 12px}.orbit-keyword{font-size:12px;padding:16px 4px;line-height:1.7;overflow-wrap:anywhere}.orbit-time-heading{flex-direction:column}.orbit-copy>p:not(.orbit-kicker){font-size:13px}.shell>.toolbar{padding:15px 8px}.shell>main{padding:0 8px 15px}.shell>footer{padding:20px 8px}}
@media(max-height:600px) and (min-width:701px){.moon-stage{min-height:450px}.moon-intro{top:10%}.moon-intro h1{font-size:45px}.moon-overline{margin-bottom:15px}.moon-description{font-size:12px}.moon-enter{margin-top:5px}.moon-chapter{top:15%}}
@media(prefers-reduced-motion:reduce){.moon-journey{height:auto}.moon-stage{position:relative;height:85svh}.moon-intro{opacity:1!important;transform:none}.moon-chapter{display:none}.moon-bottom>span{visibility:hidden}.orbit-keyword{transition:none}}