:root{color:#f4f5f9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#d6ff80;background:#090b12;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{cursor:pointer}button:disabled{cursor:default}::selection{color:#090b12;background:#d6ff80}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.page:after{content:"";pointer-events:none;z-index:-1;opacity:.12;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient{z-index:-2;pointer-events:none;filter:blur(90px);border-radius:50%;position:absolute}.ambient-one{background:#37336b35;width:650px;height:600px;top:0;right:-140px}.ambient-two{background:#b5da8025;width:600px;height:300px;bottom:-270px;left:10%}.star-field{z-index:-1;pointer-events:none;position:absolute;inset:0}.star-field i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation:5s ease-in-out infinite twinkle;animation-delay:var(--delay);opacity:.3;background:#ccd9ff;border-radius:50%;position:absolute}.header,.footer{justify-content:space-between;align-items:center;margin:0 5.2%;display:flex}.header{border-bottom:1px solid #ffffff12;gap:24px;height:116px}.brand{color:#f5f6f9;letter-spacing:-.8px;align-items:center;gap:11px;font-size:27px;font-weight:800;text-decoration:none;display:inline-flex}.brand svg{width:26px;height:26px;color:var(--accent)}.brand-period{color:var(--accent)}.header-note{letter-spacing:2px;color:#c7c9d3;text-align:center;font-size:12px;line-height:1.9}.header-note span{letter-spacing:1.8px;color:#7e8294;font-size:8px;display:block}.status{color:#d4d7e1;letter-spacing:1px;align-items:center;gap:8px;font-size:11px;display:flex}.status>span{color:#8f95a8;font-size:9px}.status i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite status-pulse;box-shadow:0 0 12px #d6ff8080}.hero{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;width:89.6%;max-width:1600px;min-height:630px;margin:0 auto;padding:64px 0 56px;display:grid}.hero-copy{z-index:2}.eyebrow{letter-spacing:2.1px;color:#bbc0cf;align-items:center;gap:12px;margin-bottom:30px;font-size:10px;font-weight:500;display:flex}.line{background:var(--accent);width:26px;height:1px}.eyebrow-separator{color:#52596a}h1{letter-spacing:-3px;margin:0;font-size:clamp(44px,5.2vw,84px);font-weight:800;line-height:1.25}.headline-intro{white-space:nowrap;display:block}.rotating-title{perspective:700px;min-height:1.4em;display:block}.title-word{white-space:nowrap;padding-bottom:.12em;display:inline-flex}.character{color:#0000;background:linear-gradient(130deg,#e0ffad 10%,#b4e6b7 45%,#92d5e9 75%,#b6a9fa) 0 0/220% 220%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradient-flow;display:inline-block}.english-line{height:34px;color:var(--accent);margin:16px 0 21px}.english-line p{letter-spacing:2.2px;margin:0;font-size:clamp(9px,.9vw,12px);font-weight:500;line-height:1.5}.description{color:#b8bdcc;letter-spacing:.6px;margin:0 0 12px;font-size:14px;line-height:2}.description-en{color:#7f879d;letter-spacing:.1px;margin:0;font-size:11px;line-height:1.9}.spark-button{min-width:242px;color:var(--accent);text-align:left;background:#d6ff8009;border:1px solid #d6ff8070;border-radius:4px;align-items:center;gap:14px;margin-top:31px;padding:15px 20px;transition:background .25s,box-shadow .25s,transform .25s;display:inline-flex}.spark-button>svg{width:22px;height:22px;transition:transform .7s}.spark-button>span{letter-spacing:1px;font-size:13px}.spark-button small{color:#a5b58a;letter-spacing:1.4px;margin-top:5px;font-size:7px;display:block}.spark-button .button-arrow{margin-left:auto;font-size:24px;font-weight:300}.spark-button:hover{background:#d6ff8015;transform:translateY(-2px);box-shadow:0 0 35px #d6ff800b}.spark-button:hover>svg{transform:rotate(90deg)}.message-indicators{align-items:center;gap:6px;margin-top:36px;display:flex}.message-indicators>span:not(.indicator-caption){background:#34394a;width:16px;height:2px;transition:background .4s,width .4s}.message-indicators>span.active{background:var(--accent);width:30px}.indicator-caption{color:#717b91;letter-spacing:1.5px;margin-left:10px;font-size:7px}.universe{aspect-ratio:1;justify-self:center;width:100%;max-width:650px;position:relative;transform:translate(2%)}.universe-grid{background-image:linear-gradient(#9ca9db09 1px,#0000 1px),linear-gradient(90deg,#9ca9db09 1px,#0000 1px);background-size:44px 44px;border-radius:50%;position:absolute;inset:3%;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.planet-halo{filter:blur(15px);background:radial-gradient(circle,#a0a7ff27,#8b78f312 45%,#0000 70%);transition:transform 1.2s,opacity 1.2s;position:absolute;inset:14%}.planet{background:radial-gradient(circle at 27% 24%,#e3e5f0 0%,#b9bed9 15%,#8e92b5 28%,#565e85 43%,#282c4b 61%,#10121e 76%);border-radius:50%;animation:9s ease-in-out infinite float;position:absolute;inset:25%;overflow:hidden;transform:rotate(-27deg);box-shadow:inset 3px 3px 15px #fff4,inset -12px -12px 24px #050610,0 0 55px #b9a9ff10}.planet-texture{filter:blur(2px);opacity:.8;background:repeating-linear-gradient(#0000 94%,#e3deff15 96%,#0000 98%,#ffffff0d 98.5%,#28254732 98.7%,#0000 100%);border-radius:50%;position:absolute;inset:-40%;transform:rotate(-15deg)}.planet-shine{background:radial-gradient(at 18% 18%,#ffffff2b,#0000 40%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 15px #c1baff28}.orbit{border:1px solid #a5adc847;border-radius:50%;width:90%;height:36%;position:absolute;top:32%;left:5%;transform:rotate(-30deg)}.orbit-one{animation:12s ease-in-out infinite orbit-breathe}.orbit-two{border-color:#9fa7cf20;width:74%;height:80%;top:10%;left:13%;transform:rotate(34deg)}.orbit-three{border-color:#9fa7cf14;width:62%;height:90%;top:5%;left:19%;transform:rotate(-40deg)}.orbit-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:9%;left:16%;box-shadow:0 0 15px #d6ff8070}.orbit-two .orbit-dot{background:#b2a4f7;width:4px;height:4px;top:80%;left:85%}.front-orbit{pointer-events:none;filter:drop-shadow(0 0 6px #d6e4fc20);border-bottom:1.5px solid #c9d5e3a0;border-radius:50%;width:90%;height:36%;position:absolute;top:32%;left:5%;transform:rotate(-30deg)}.universe-spark{color:var(--accent);animation:14s ease-in-out infinite sparkle-turn;position:absolute}.spark-one{width:35px;top:17%;right:21%}.spark-two{color:#c8bafa;width:16px;animation-delay:-5s;bottom:24%;left:17%}.coordinate{color:#9ba3ba;letter-spacing:1.6px;font-family:Cascadia Code,Consolas,monospace;font-size:8px;position:absolute}.coordinate-top{top:12%;left:8%}.coordinate-top i{color:var(--accent);margin-left:14px;font-size:16px;font-style:normal}.coordinate-bottom{color:#adb5c9;text-align:right;letter-spacing:2px;font-family:inherit;font-size:11px;line-height:2.1;bottom:9%;right:5%}.coordinate-bottom small{color:#737c92;letter-spacing:1.2px;font-family:Consolas,monospace;font-size:8px}.planet-label{letter-spacing:1.4px;color:#68738d;writing-mode:vertical-rl;font-family:Consolas,monospace;font-size:8px;position:absolute;top:49%;right:0}.is-boosted .planet-halo{opacity:1;background:radial-gradient(circle,#caff7059,#9c89ff33 40%,#0000 70%);transform:scale(1.65)}.is-boosted .universe-spark{color:#f4ffbb;filter:drop-shadow(0 0 16px #d6ff80)}.is-boosted .spark-button{background:#d6ff8020;box-shadow:0 0 30px #d6ff8018}.marquee{background:#ffffff02;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;width:104%;margin-left:-2%;padding:24px 0;overflow:hidden;transform:rotate(-2deg)}.marquee-track{width:max-content;animation:42s linear infinite marquee-slide;display:flex}.marquee-group{white-space:nowrap;letter-spacing:2px;color:#c8ccd5;align-items:center;gap:30px;padding-right:30px;font-size:28px;font-weight:700;display:flex}.marquee-group svg{width:18px;height:18px;color:var(--accent)}.marquee-outline{color:#0000;-webkit-text-stroke:1px #8e95a7}.footer{color:#98a0b5;letter-spacing:.6px;gap:20px;min-height:107px;padding-top:15px;font-size:9px}.footer-muted{color:#6f778c;margin-left:5px}.footer-center{letter-spacing:1.8px;color:#737d94;font-size:7px}.motion-toggle{color:#98a0b5;letter-spacing:.6px;background:0 0;border:0;align-items:center;gap:9px;padding:8px 0;font-size:8px;display:inline-flex}.motion-toggle>span{color:var(--accent);font-size:12px}.motion-toggle:hover{color:#eef3ff}.motion-off *,.motion-off :before,.motion-off :after{transition-duration:0s!important;animation-play-state:paused!important}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.7}}@keyframes status-pulse{50%{box-shadow:0 0 0 5px #d6ff800b}}@keyframes float{50%{transform:rotate(-27deg)translateY(-8px)}}@keyframes orbit-breathe{50%{transform:rotate(-26deg)}}@keyframes sparkle-turn{50%{opacity:.6;transform:rotate(90deg)scale(.7)}}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes marquee-slide{to{transform:translate(-50%)}}@media (width>=1600px){.hero{min-height:720px}}@media (width<=1000px){.header{height:94px}.hero{grid-template-columns:1.15fr 1fr;min-height:590px}h1{letter-spacing:-2px;font-size:clamp(42px,5.7vw,62px)}.universe{width:118%;transform:translate(0)}.header-note{display:none}.description{font-size:12px}.description-en{font-size:10px}.english-line p{letter-spacing:1.2px}.eyebrow{letter-spacing:1.5px;font-size:8px}.coordinate-top{left:15%}.coordinate-bottom{right:10%}.footer-center{display:none}}@media (width<=680px){.header,.footer{margin-left:7%;margin-right:7%}.header{height:83px}.brand{font-size:23px}.brand svg{width:22px}.status{font-size:10px}.status>span{letter-spacing:.5px;font-size:7px}.hero{grid-template-columns:1fr;width:86%;min-height:auto;padding:49px 0 16px}.hero-copy{position:relative}.eyebrow{margin-bottom:27px;font-size:8px}h1{letter-spacing:-2px;font-size:clamp(40px,10.5vw,66px)}.english-line{height:26px;margin-top:10px;margin-bottom:16px}.english-line p{letter-spacing:1px;font-size:8px}.description{font-size:12px}.description-en{font-size:10px}.spark-button{min-width:230px;margin-top:25px;padding:13px 17px}.message-indicators{margin-top:28px}.indicator-caption{letter-spacing:1px;font-size:6px}.universe{width:90%;max-width:390px;margin-top:10px}.coordinate-top{font-size:6px;top:10%;left:3%}.coordinate-bottom{font-size:9px;bottom:5%;right:0}.coordinate-bottom small,.planet-label{font-size:6px}.spark-one{width:25px}.marquee{margin-top:14px;padding:19px 0}.marquee-group{gap:22px;padding-right:22px;font-size:22px}.marquee-group svg{width:14px;height:14px}.footer{gap:10px;min-height:92px;font-size:8px}.motion-toggle{gap:5px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}