:root[data-oufle-theme=moonlit]{--oufle-background: #0B1224;--oufle-surface: #152239;--oufle-raised: #1C2E49;--oufle-text: #F3F6FC;--oufle-muted: #ABBAD0;--oufle-border: #526782;--oufle-primary: #365DCE;--oufle-onPrimary: #FFFFFF;--oufle-focus: #A8DFFF;--oufle-success: #7EDDB0;--oufle-warning: #E7C37C;--oufle-danger: #FFA4B7}:root[data-oufle-theme=pearl]{--oufle-background: #EEF3FA;--oufle-surface: #FFFFFF;--oufle-raised: #E5ECF7;--oufle-text: #152239;--oufle-muted: #51627B;--oufle-border: #7E91AE;--oufle-primary: #365DCE;--oufle-onPrimary: #FFFFFF;--oufle-focus: #365DCE;--oufle-success: #176C49;--oufle-warning: #795510;--oufle-danger: #AF294C}[data-oufle-theme]{color:var(--oufle-text);background:var(--oufle-background);font:14px/1.5 Segoe UI,Microsoft YaHei UI,sans-serif}.oufle-surface{background:var(--oufle-surface);border:1px solid var(--oufle-border);border-radius:16px;padding:24px}.oufle-glass{background:var(--oufle-surface);border:1px solid var(--oufle-border);border-radius:16px}@supports (backdrop-filter:blur(16px)){.oufle-glass{background:color-mix(in srgb,var(--oufle-surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.oufle-button{color:var(--oufle-onPrimary);background:var(--oufle-primary);border:1px solid transparent;border-radius:8px;min-height:36px;padding:0 16px;font:inherit;font-weight:600;cursor:pointer}.oufle-button:hover{filter:brightness(1.08)}.oufle-button:active{filter:brightness(.94)}.oufle-button:disabled{opacity:.5;cursor:default}.oufle-secondary{background:var(--oufle-surface);color:var(--oufle-text);border-color:var(--oufle-border)}.oufle-input{color:var(--oufle-text);background:var(--oufle-surface);border:1px solid var(--oufle-border);border-radius:8px;min-height:36px;padding:0 12px;font:inherit}.oufle-button:focus-visible,.oufle-input:focus-visible{outline:2px solid var(--oufle-focus);outline-offset:3px}.oufle-muted{color:var(--oufle-muted)}.oufle-number{font-variant-numeric:tabular-nums}.oufle-icon{width:24px;height:24px;flex:none}.oufle-display{font-family:Georgia,serif}@media(prefers-reduced-motion:reduce){[data-oufle-theme] *{animation:none!important;transition:none!important}}:root{--glass-fill: linear-gradient(125deg, #b6dfff19, #18376591 35%, #08162dc9 78%);--glass-edge: #a4cfff80;--glass-shadow: inset 0 1px 0 #e5f5ff4d, inset 0 -1px 0 #8aafff1a, 0 16px 48px #01091870, 0 0 22px #3d8eff12}.world-backdrop{position:absolute;z-index:-2;inset:0 0 auto;height:1100px;pointer-events:none;background:linear-gradient(180deg,#05122b22,#06142c0a 44%,#071327ad 76%,#080f20),linear-gradient(90deg,#05102785,transparent 65%),url(/assets/backgrounds/moonlit-waterfront.png) center top/cover no-repeat}.stardust{position:absolute;z-index:-1;inset:650px 0 0;pointer-events:none;background:radial-gradient(ellipse at 90% 30%,#2859a43d,transparent 45%),radial-gradient(ellipse at 0 70%,#216d9140,transparent 40%),radial-gradient(circle,#a8dfff99 1px,transparent 2px) 0 0/173px 211px,radial-gradient(circle,#71aaff77 1px,transparent 2px) 61px 87px/239px 307px;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 90%,transparent)}.nav,.feature,.release-card,.steps li,.floating-emblem{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}@supports not (backdrop-filter:blur(1px)){.nav,.feature,.release-card,.steps li,.floating-emblem{background:#12243ded}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#0b1224;color:#f3f6fc;font-family:Segoe UI,Microsoft YaHei UI,sans-serif;line-height:1.6}a{color:inherit}button{font:inherit}.wrap{max-width:1200px;margin:auto;padding-inline:32px}.nav{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px;border:1px solid #52678266;border-radius:16px;background:#152239ed;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:650;text-decoration:none}.brand span{font-size:14px;color:#abbad0}.nav nav,.nav-actions{display:flex;gap:28px;align-items:center}.nav nav a,.text-link{text-decoration:none;font-size:14px}.nav a:hover,.footer a:hover{color:#a8dfff}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border-radius:8px;border:1px solid #526782;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.primary{background:#365dce;color:#fff;border-color:#5278f5}.primary:hover{background:#294bad;color:#fff!important}.secondary{background:#152239}.secondary:hover{background:#1c2e49}.quiet{background:none;border:0;color:#abbad0;cursor:pointer;min-height:44px;padding:8px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:650px;position:relative;padding-block:64px}.eyebrow,.tag{font-size:11px;font-weight:650;letter-spacing:.16em;color:#a8dfff}.hero h1{font:500 clamp(38px,4.4vw,62px)/1.1 Georgia,"Microsoft YaHei UI",serif;letter-spacing:-.04em;margin:24px 0}.lead{max-width:460px;font-size:18px;color:#abbad0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.micro{font-size:12px;color:#abbad0}.hero-art{position:relative;display:grid;place-items:center;isolation:isolate}.hero-art>img{width:100%;max-width:660px;height:auto;z-index:1}.hero-art:before{content:"";position:absolute;inset:10%;background:#5278f529;filter:blur(60px);border-radius:50%}.orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #a8dfff44;border-radius:50%;box-shadow:0 0 80px #365dce18}.art-caption{font-size:11px;letter-spacing:.16em;color:#abbad0;margin-top:-30px}.tools{padding-block:40px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}h2{font:400 clamp(30px,3.5vw,44px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:18px 0 24px}.section-heading>p{max-width:340px;color:#abbad0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:linear-gradient(145deg,#1c2e4988,#101c30);border:1px solid #52678277;border-radius:16px;padding:32px;position:relative;overflow:hidden;min-height:280px}.wide{grid-column:span 2}.feature-icon{width:32px;height:32px}.feature h3{font-size:23px;font-weight:500;line-height:1.3;max-width:350px}.feature p:not(.tag){max-width:380px;color:#abbad0;font-size:14px}.feature a{position:relative;color:#a8dfff;font-size:13px;text-decoration:none}.badge{display:inline-block;padding:4px 10px;border:1px solid #52678277;border-radius:6px;font-size:11px;color:#a8dfff}.wish-visual{position:absolute;right:30px;bottom:40px;display:flex;gap:10px;align-items:end;height:110px;opacity:.45}.wish-visual span{font-size:70px;align-self:start;color:#d8bd88}.wish-visual i{background:linear-gradient(#a8dfff,#365dce);width:13px;height:50%;border-radius:4px}.wish-visual i:nth-child(3){height:90%}.wish-visual i:nth-child(4){height:30%}.wish-visual i:nth-child(5){height:65%}.route-art{position:absolute;right:32px;top:25%;opacity:.18}.route-art img{width:170px}.getting-started{padding-block:32px 90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:36px;list-style:none;margin-top:40px}.steps span{color:#a8dfff;font-size:13px}.steps h3{font-size:18px}.steps p{font-size:14px;color:#abbad0}.release-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 32px;border:1px solid #52678277;border-radius:16px;margin-top:40px;background:#152239}.release-card h3{margin:0}.release-card p{font-size:13px;color:#abbad0}.account-callout{border-top:1px solid #52678255;display:flex;gap:40px;padding-block:72px}.account-callout>img{align-self:start;margin-top:24px}.account-callout p{max-width:660px;color:#abbad0}.footer{border-top:1px solid #52678255;padding-block:32px 48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer div{display:flex;gap:28px;font-size:13px}.footer p{width:100%;font-size:11px;color:#abbad0}.skip{position:absolute;left:24px;top:-80px;z-index:10;padding:12px;background:#365dce}.skip:focus{top:8px}:focus-visible{outline:2px solid #a8dfff;outline-offset:4px}section[id]{scroll-margin-top:30px}@media(max-width:800px){.wrap{padding-inline:24px}.nav{margin:12px}.nav nav{display:none}.nav-actions{gap:8px}.nav .button{padding-inline:12px}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{max-width:440px;margin:0 auto}.hero-art>img{width:100%}.hero h1{font-size:44px}.section-heading{display:block}.feature-grid{grid-template-columns:1fr}.wide{grid-column:auto}.wish-visual{opacity:.12}.feature{min-height:240px}.steps{grid-template-columns:1fr;gap:12px}.steps li{border-bottom:1px solid #52678255;padding-bottom:12px}.release-card{align-items:start;flex-direction:column}.account-callout{gap:20px}.account-callout>img{width:32px}.art-caption{margin-top:0}.nav .brand span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:480px){.nav{gap:12px;padding-inline:16px}.nav .brand{font-size:21px;gap:6px}.nav-actions{flex-shrink:0}.nav-actions>*{white-space:nowrap}.nav .button{font-size:12px;padding-inline:10px}}body{position:relative;isolation:isolate;background:#080f20;overflow-x:clip}.nav{margin-top:28px;background:var(--glass-fill);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:18px;padding-block:12px}.brand{font-family:Georgia,Microsoft YaHei UI,serif;font-weight:600;letter-spacing:-.025em}.brand>img{width:44px;height:44px;filter:drop-shadow(0 0 9px #9cdcff66)}.brand span{color:#c7dcf6}.nav nav a{color:#e0eaff;text-shadow:0 2px 8px #000}.hero{min-height:570px;padding-block:28px 44px;grid-template-columns:1.12fr 1fr}.hero-copy{position:relative;z-index:3;text-shadow:0 2px 20px #020c24}.hero h1{font-size:clamp(38px,4.5vw,62px);text-shadow:0 2px 24px #040d25,0 0 60px #88c9ff33}.hero .lead{color:#d3e2fb}.eyebrow{color:#c0eaff}.micro{color:#c2d4ed}.button{position:relative;transition:transform .2s,box-shadow .2s,background .2s;border-radius:11px;box-shadow:inset 0 1px #ffffff38,0 4px 14px #020c2366}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(180deg,#589fff,#3175f1 42%,#254dc9);border-color:#b3d7ff9c;box-shadow:inset 0 1px 2px #f0faff91,inset 0 -2px 8px #102e96,0 0 26px #357bf66b,0 5px 18px #0005;text-shadow:0 1px 3px #16399b}.primary:hover{background:linear-gradient(180deg,#7bb8ff,#3b80ff 45%,#365ed9);box-shadow:inset 0 1px 2px #fff9,0 0 36px #498bff99}.secondary{background:linear-gradient(145deg,#b6dfff22,#11254499);border-color:#a1c9ff99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-download]:before{content:"";width:20px;height:20px;flex-shrink:0;background:url(/assets/icons/svg/dark/download.svg) center/contain no-repeat;filter:drop-shadow(0 0 4px #fff6)}.hero-art{min-width:0;min-height:480px}.hero-art>img{position:relative;width:110%;max-width:580px;filter:drop-shadow(0 18px 24px #051b4780) drop-shadow(0 0 15px #99d7ff55);animation:companion-float 7s ease-in-out infinite}.hero-art:before{inset:15%;background:#4d9aff55;filter:blur(45px)}.orbit,.water-ring{position:absolute;width:87%;aspect-ratio:1;border-radius:50%;pointer-events:none;border:2px solid #a3ddff88;border-top-color:#e7faff;border-left-color:#70b4ff33;box-shadow:inset 0 0 17px #5af5,0 0 12px #7dccff99,0 0 38px #2375dd66;transform:rotate(-28deg) scaleY(.92)}.orbit:after{content:"";position:absolute;inset:9px;border:1px solid #c0e9ff60;border-radius:50%;border-right:4px solid #e5faff;filter:drop-shadow(0 0 5px #8adeff)}.ring-two{width:99%;border:1px solid #b0dcff55;border-bottom:4px solid #c3edff;transform:rotate(24deg) scaleY(.62);box-shadow:0 0 12px #6fbdff66}.ring-three{width:105%;transform:rotate(-40deg) scaleY(.52);border-color:transparent;border-top:3px solid #c0ebff;box-shadow:none}.water-pool{position:absolute;bottom:13px;width:86%;height:65px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 13px,#a8eaff88 14px 15px,transparent 17px 25px);box-shadow:0 0 30px #64aaff77,inset 0 0 40px #5bafff77;transform:rotate(-5deg)}.art-caption{position:absolute;bottom:-13px;z-index:2;color:#d3edff;text-shadow:0 0 12px #63b2ff;margin:0}.floating-emblem{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:17px;transform:rotate(-10deg)}.floating-emblem img{width:30px;height:30px;filter:drop-shadow(0 0 7px #acdfff)}.emblem-wish{left:0;top:28%}.emblem-map{right:0;bottom:22%;transform:rotate(12deg)}.emblem-star{right:12%;top:7%;width:44px;height:44px}.droplets{position:absolute;inset:0;pointer-events:none}.droplets i{position:absolute;width:10px;height:15px;border-radius:65% 35% 60% 40%;border:1px solid #d8f4ff;background:linear-gradient(130deg,#fff9,#77bfff11);box-shadow:0 0 12px #8dcdff}.droplets i:nth-child(1){left:12%;top:10%;transform:rotate(25deg)}.droplets i:nth-child(2){right:3%;top:33%;width:7px;height:10px}.droplets i:nth-child(3){left:7%;bottom:15%}.droplets i:nth-child(4){right:26%;top:0}.droplets i:nth-child(5){left:31%;bottom:3%;width:6px;height:8px}.droplets i:nth-child(6){right:8%;bottom:8%;transform:rotate(-35deg)}.tools{position:relative;padding-top:28px;padding-bottom:32px;border:1px solid #9bbdf06b;border-radius:24px;background:linear-gradient(130deg,#142c4e94,#09172ca6);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:64px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:38px;margin-bottom:4px}.section-heading>p{font-size:14px;color:#ccdcf3}.feature{min-height:355px;padding:26px 28px 145px;background:var(--glass-fill);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:18px;transition:border-color .25s,box-shadow .25s,transform .25s}.feature:hover{border-color:#c2e9ff;box-shadow:var(--glass-shadow),0 0 28px #448eff40;transform:translateY(-3px)}.feature:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#e2f7ff10,transparent 25%,transparent 75%,#629cff0d);pointer-events:none}.feature-icon{width:44px;height:44px;padding:9px;border:1px solid #b8ddff88;border-radius:12px;background:linear-gradient(140deg,#b4dfff44,#376ea855 45%,#102749);box-shadow:inset 0 1px #fff6,0 0 18px #5faaff33;float:left;margin-right:12px;filter:drop-shadow(0 0 3px #a1dfff55)}.tag{min-height:44px;display:flex;align-items:center;margin:0 0 18px;font-size:10px;letter-spacing:.12em}.feature h3{clear:both;font-family:Georgia,Microsoft YaHei UI,serif;font-size:27px;margin:12px 0}.feature p:not(.tag){color:#cadbf0;position:relative;z-index:1}.feature a{z-index:2}.badge{background:#2951ae80;box-shadow:inset 0 1px #b0d6ff55;color:#e1f2ff}.wish-visual{left:28px;right:28px;bottom:25px;height:91px;opacity:1;padding:12px 16px 0;border:1px solid #b1d5ff4d;border-radius:12px;background:#071b3d80;box-shadow:inset 0 0 25px #509eff15;gap:16px}.wish-visual span{font-size:43px;position:absolute;right:22px;top:0;text-shadow:0 0 20px #ffcc7880}.wish-visual i{width:20px;background:linear-gradient(#b1afff,#6c56df);box-shadow:0 0 12px #7b79ff66;border-top:1px solid #e2e8ff}.wish-visual i:nth-child(3n){background:linear-gradient(#ffe0a0,#ed9e50);box-shadow:0 0 14px #ffbf6655}.wish-visual i:nth-child(6){height:75%}.wish-visual i:nth-child(7){height:40%}.wish-visual i:nth-child(8){height:85%}.relics{display:flex;gap:12px;position:absolute;bottom:28px;left:28px;right:28px;padding:14px;border-radius:12px;border:1px solid #9cbfeb55;background:linear-gradient(150deg,#32599b66,#0a183c80)}.relics span{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#d6e8ff2e,#638fcb11);border:1px solid #b2d2fc55;box-shadow:inset 0 1px #fff3}.relics img{width:30px;height:30px;filter:drop-shadow(0 0 6px #8cd9ff)}.artifact-feature .relics span:first-child{background:linear-gradient(145deg,#c7a96a77,#453d6566);border-color:#dbc28788}.route-art{inset:auto 0 0 auto;width:100%;height:135px;opacity:.85;pointer-events:none}.route-art svg{width:100%;height:100%;overflow:visible}.route-art .terrain{fill:#4d9b9720;stroke:#87cfe240;stroke-width:1}.route-art .trail{fill:none;stroke:#b3ebff;stroke-dasharray:4 8;stroke-linecap:round;stroke-width:3;filter:drop-shadow(0 0 4px #6ccaff)}.route-art circle{fill:#def8ff;filter:drop-shadow(0 0 5px #7bdfff)}.route-art img{position:absolute;right:10%;top:0;width:35px;filter:drop-shadow(0 0 8px #9adfff)}.map-feature{background:linear-gradient(100deg,#101e35eb,#112544b3),url(/assets/backgrounds/moonlit-waterfront.png) center 70%/cover}.getting-started{padding-bottom:64px}.steps{gap:16px}.steps li{position:relative;padding:24px;border-radius:16px}.steps li>span{font-size:12px;color:#b1dcff}.step-icon{float:right;width:42px;height:42px;padding:10px;background:#5698dc22;border:1px solid #9ecfff66;border-radius:50%;box-shadow:inset 0 1px #fff4,0 0 16px #639bff22}.steps p{color:#c1d2e9}.release-card{background:var(--glass-fill);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}.account-callout{position:relative;border:1px solid #9cbff173;border-radius:24px;padding:36px 40px;margin-bottom:64px;background:linear-gradient(100deg,#102242d9,#142e5880),url(/assets/backgrounds/moonlit-waterfront.png) center bottom/cover;box-shadow:var(--glass-shadow)}.account-callout>img{width:74px;filter:drop-shadow(0 0 15px #81caff)}.account-callout p{color:#c4d6ee}.footer{position:relative}.footer:before{content:"";position:absolute;pointer-events:none;left:5%;right:5%;top:-30px;height:45px;border-top:2px solid #a1ddffa6;border-radius:50%;box-shadow:0 -6px 15px -8px #a0e8ff;transform:rotate(-2deg)}@keyframes companion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(min-width:801px)and (max-width:1250px){.nav,.tools,.account-callout{margin-inline:24px}}@media(max-width:800px){.world-backdrop{height:1150px;background-position:62% top}.nav{margin:12px}.hero{grid-template-columns:1fr;gap:20px;padding-top:36px}.hero h1{font-size:44px}.hero-art{width:min(100%,440px);min-height:360px;margin:0 auto 20px}.hero-art>img{width:100%}.water-pool{bottom:0}.art-caption{bottom:-26px}.hero-copy{max-width:580px}.tools{margin:0 14px 40px;padding:24px 16px}.section-heading h2{font-size:32px}.feature{min-height:350px;padding:24px 24px 140px}.wish-visual{opacity:1;gap:10px}.feature-grid,.steps{gap:16px}.steps li{border:1px solid var(--glass-edge)}.account-callout{margin:0 14px 56px;padding:24px;gap:18px}.account-callout>img{width:44px}.account-callout h2{font-size:30px}.floating-emblem{width:45px;height:45px}.floating-emblem img{width:25px;height:25px}.brand>img{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.hero-art>img{animation:none}.button,.feature{transition:none}.button:hover,.feature:hover{transform:none}}@media(max-width:800px){.world-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04132b80,#04132b30)}}.menu-toggle{display:none}@media(max-width:800px){.nav{flex-wrap:wrap;row-gap:8px}.nav-actions{margin-left:auto}.menu-toggle{display:block;order:3;width:100%;min-height:36px;border:0;border-top:1px solid #a4cfff35;padding:10px 0 0;background:transparent;color:#c5e8ff;font-size:12px;letter-spacing:.06em;cursor:pointer}.nav nav{order:4;width:100%;padding:10px 0 2px;gap:8px}.nav.menu-open nav{display:flex;flex-wrap:wrap}.nav nav a{flex:1;text-align:center;border:1px solid #a4cfff40;border-radius:8px;padding:10px 8px;background:#091a3280}}