:root{--green:#d5ff5f;--ink:#141611;--paper:#f2f3ec;--muted:#71756b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}nav{height:100px;max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 56px}.logo{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.logomark{width:28px;height:28px;border:8px solid;border-radius:50%;transform:rotate(-35deg);position:relative}.logomark:after{content:'';position:absolute;width:40px;height:10px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;left:-14px;top:1px}.navlinks{display:flex;gap:34px;font-size:13px}.pill{border:1px solid #c1c5b9;border-radius:30px;padding:13px 22px;background:transparent;display:inline-flex;align-items:center;gap:26px}.dark{background:var(--ink);color:white;border-color:var(--ink)}.green{background:var(--green);border-color:var(--green);color:var(--ink)}main{max-width:1440px;margin:auto}.hero{min-height:640px;padding:65px 7% 50px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:#80a72d;display:inline-block}h1{font:500 clamp(55px,6.4vw,92px)/1.01 'Space Grotesk',sans-serif;letter-spacing:-6px;margin:25px 0}h1 span{display:inline-block;border-bottom:5px solid var(--green)}.intro{color:#6b7065;max-width:360px;line-height:1.8;margin:25px 0 30px}.actions{display:flex;gap:14px;align-items:center}.small{font-size:11px;color:var(--muted);margin-top:22px}.scene{height:490px;position:relative;display:grid;place-items:center;isolation:isolate}.orb{width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6ffc9 0,#d4fc70 22%,#a3cd38 45%,#365012 79%,#15240a 100%);box-shadow:inset -25px -15px 35px #15220980,0 45px 50px -30px #4c5d4d70;position:relative;transform:rotate(-22deg)}.orb:after{content:'';position:absolute;inset:15px;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 8px,#ffffff0d 9px 10px);mix-blend-mode:overlay}.ring{position:absolute;width:490px;height:180px;border:1px solid #7b856580;border-radius:50%;transform:rotate(-32deg);z-index:-1}.ring.front{transform:rotate(35deg);width:420px;height:170px;z-index:2;border-color:#6d7e4c70}.cross{position:absolute;font-size:27px;font-weight:300;color:#6e7763}.c1{top:30px;left:55px}.c2{bottom:40px;right:10px}.float{position:absolute;background:#fffffff0;border:1px solid #e1e5d8;padding:15px 18px;border-radius:13px;box-shadow:0 12px 30px #1e30100a;z-index:4;font-size:12px;display:flex;gap:12px;align-items:center}.float b{display:block;font-size:12px;margin-bottom:5px}.float small{color:var(--muted);font-size:10px}.f1{top:52px;right:-8px;transform:rotate(7deg)}.f2{left:-15px;bottom:80px;transform:rotate(-7deg)}.mini{background:var(--green);border-radius:9px;width:37px;height:37px;display:grid;place-items:center;font-size:20px}.coordinate{position:absolute;bottom:13px;right:25px;font:9px monospace;color:#89907f;letter-spacing:2px}.ticker{border-top:1px solid #d8dccf;border-bottom:1px solid #d8dccf;display:flex;justify-content:space-around;gap:25px;padding:24px 6%;align-items:center;flex-wrap:wrap}.ticker .label{font:9px/1.6 monospace;letter-spacing:1px;color:var(--muted);max-width:110px}.chain{font:600 20px 'Space Grotesk';letter-spacing:-.7px}.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}h2{font:500 clamp(32px,4vw,50px)/1.1 'Space Grotesk';letter-spacing:-2px;margin:15px 0 0}.section-head p{max-width:310px;line-height:1.7;color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d8ddcf;border-radius:15px;overflow:hidden;background:#f9faf5}.art{height:200px;display:grid;place-items:center;position:relative;overflow:hidden;background:#e6eadf}.art1{background:#e4ead9}.art2{background:#e2e2f0}.art3{background:#e7e8df}.glyph{font:500 110px 'Space Grotesk';letter-spacing:-15px;transform:rotate(-15deg);text-shadow:6px 9px 0 #14161118}.art2 .glyph{color:#7b71b5;font-size:150px}.art3 .glyph{border:20px solid #232b1e;border-radius:50%;width:115px;height:115px;box-shadow:30px 0 0 -12px var(--green);transform:rotate(-30deg)}.tag{position:absolute;top:15px;left:15px;background:#ffffffb0;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:700;letter-spacing:1px}.cardbody{padding:23px}.cardbody h3{font:500 23px 'Space Grotesk';letter-spacing:-.8px;margin:0 0 10px}.cardbody p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.cardfoot{border-top:1px solid #e1e5d8;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}.textbutton{background:none;border:0;padding:0;font-weight:700;color:var(--ink)}.manifesto{background:var(--ink);color:var(--paper);border-radius:23px;margin:0 4%;padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.manifesto h2{font-size:51px}.manifesto p{color:#9fa596;line-height:1.8;font-size:13px}.steps{border-top:1px solid #40453a;margin-top:22px;padding-top:20px;display:flex;gap:20px}.num{font:12px monospace;color:var(--green)}.steps b{font-size:14px}.steps p{margin:8px 0}.community{text-align:center;padding:90px 20px}.community h2{font-size:60px}.community p{color:var(--muted);line-height:1.8;font-size:13px}.community .pill{margin-top:15px}footer{padding:30px 7%;border-top:1px solid #d8dccf;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer .logo{color:var(--ink);font-size:23px}dialog{border:1px solid #d6ddcb;border-radius:20px;padding:35px;max-width:490px;width:90%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#11190db0;backdrop-filter:blur(7px)}dialog h2{font-size:34px}dialog p{color:var(--muted);line-height:1.8;font-size:13px}dialog .close{float:right;border:0;background:none;font-size:24px}dialog input{width:100%;padding:15px;border:1px solid #cbd2bf;border-radius:8px;margin:10px 0 18px;background:white}dialog .pill{width:100%;justify-content:center}#message{color:#416209;font-size:12px}.faq{max-width:760px;margin:0 auto 70px;padding:0 25px}details{border-bottom:1px solid #d8dccf;padding:20px 0}summary{cursor:pointer;font-weight:500;font-size:14px}details p{font-size:13px;line-height:1.8;color:var(--muted)}a:hover,button:hover{opacity:.72}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8baa42;outline-offset:5px}@media(max-width:900px){nav{padding:0 25px;height:80px}.navlinks{display:none}.hero{padding:35px 7%;grid-template-columns:1fr}.scene{height:420px;max-width:500px;width:100%;margin:auto}h1{letter-spacing:-3px}.hero .intro{max-width:450px}.section{padding:65px 7%}.cards{grid-template-columns:1fr}.art{height:230px}.section-head{display:block}.manifesto{grid-template-columns:1fr;gap:25px;padding:45px 7%}.manifesto h2{font-size:40px}.community h2{font-size:43px}.ticker{justify-content:center}.ticker .label{display:none}.chain{font-size:16px}.orb{width:260px;height:260px}.ring{width:350px}.ring.front{width:330px}.f1{right:0}.f2{left:0}footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[lang="zh-CN"] body{font-family:"Microsoft YaHei","PingFang SC",sans-serif}html[lang="zh-CN"] h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(42px,4.5vw,64px);line-height:1.3;letter-spacing:-2px}html[lang="zh-CN"] h2{font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.35;letter-spacing:-1px}html[lang="zh-CN"] .manifesto h2{font-size:43px}html[lang="zh-CN"] .community h2{font-size:46px}html[lang="zh-CN"] .eyebrow{letter-spacing:1px}html[lang="zh-CN"] .cardbody h3{font-family:inherit;letter-spacing:0;font-size:21px}html[lang="zh-CN"] .actions{flex-wrap:wrap}html[lang="zh-CN"] .pill{white-space:nowrap}@media(max-width:600px){html[lang="zh-CN"] .community h2{font-size:33px}html[lang="zh-CN"] .manifesto h2{font-size:34px}html[lang="zh-CN"] .scene{transform:scale(.9)}}

section[id]{scroll-margin-top:30px}.playground{padding-bottom:40px}.demo-shell{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid #d5dbcb;border-radius:22px;overflow:hidden;background:#fbfcf7;box-shadow:0 20px 60px #26311408}.demo-main{padding:30px}.demo-top{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:#89a848}.demo-label{margin-left:auto;background:#edf0e6;border-radius:5px;padding:5px 8px;color:#727a67;font-size:10px;font-weight:400}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filters button{background:transparent;border:1px solid #d9dfd0;padding:10px 14px;border-radius:30px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--green);border-color:var(--ink)}.mission-banner{background:#edf2e2;display:flex;gap:20px;align-items:center;border-radius:13px;padding:24px;margin-bottom:18px}.mission-banner>span{font-size:54px;line-height:1}.mission-banner small{font-size:10px;color:#687459}.mission-banner h3{font-size:20px;line-height:1.5;margin:9px 0;font-weight:600}.mission-banner p{font-size:12px;color:#69765a;line-height:1.8;margin:0}.mission-step{padding:16px 0}.mission-step summary{display:flex;gap:15px;align-items:center;font-size:13px;list-style:none}.mission-step summary:after{content:'＋';margin-left:auto;color:#7e8972}.mission-step[open] summary:after{content:'−'}.mission-step summary span{font:11px monospace;color:#818c72}.step-content{padding:0 0 0 30px}.step-content p{font-size:12px;line-height:1.9;margin:12px 0}.step-content button{font-size:11px;margin-bottom:3px}.step-content button:disabled{color:#75865b;cursor:default}.demo-hint{font-size:10px;color:#7c8670;line-height:1.8;margin-top:20px}.passport{background:#e6edd8;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.passport:after{content:'◎';position:absolute;font:270px 'Space Grotesk';right:-90px;top:70px;opacity:.045;pointer-events:none}.passport-top{font:11px 'Space Grotesk';display:flex;justify-content:space-between;gap:12px}.passport-top span{font-size:9px;font-family:inherit;border:1px solid #bec9ad;padding:3px 7px;border-radius:4px}.passport-symbol{font:80px 'Space Grotesk';margin:30px 0 15px}.passport h3{font-size:23px;font-weight:500;line-height:1.5;margin:12px 0}.passport p{font-size:12px;color:#677457;line-height:1.8}.progress-copy{display:flex;justify-content:space-between;font-size:11px;margin-top:25px}.passport progress{appearance:none;width:100%;height:5px;border:0;background:#cbd6bb;margin:12px 0 24px}.passport progress::-webkit-progress-bar{background:#cbd6bb;border-radius:3px}.passport progress::-webkit-progress-value{background:#4d642c;border-radius:3px}.badge{border:1px dashed #a9b795;padding:17px;border-radius:9px;font-size:12px;color:#6b795a}.badge.earned{background:var(--ink);color:var(--green);border-color:var(--ink)}#passport-status{min-height:43px}#reset-demo{margin-top:auto;align-self:flex-start;font-size:11px;padding-top:14px}.intro{font-size:16px}.cardbody p,.section-head p,.manifesto p,.community p,details p{font-size:14px}footer{font-size:11px}.scene{overflow:clip}.orb{animation:float-orbit 7s ease-in-out infinite}@keyframes float-orbit{0%,100%{translate:0 0}50%{translate:0 -12px}}@media(min-width:901px){.scene{overflow:visible}}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.passport{padding:28px}.passport-symbol{margin:18px 0 10px}.demo-main{padding:22px}.navlinks{gap:20px}.scene{max-width:100%}}@media(max-width:400px){nav{padding:0 16px}nav>.pill{padding:10px 13px;font-size:11px}.hero{padding-left:6%;padding-right:6%}.mission-banner{padding:17px;gap:12px}.mission-banner>span{font-size:38px}.mission-banner h3{font-size:17px}.filters button{font-size:11px;padding:9px 11px}.float{padding:11px;gap:7px}.float b{font-size:10px}.float small{font-size:9px}.ring{width:290px}.ring.front{width:280px}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}

/* ORBIT motion layer. Existing brand colours remain authoritative. */
body{overflow-x:clip}nav{position:relative;z-index:20}nav:after{content:'';height:1px;position:absolute;left:56px;right:56px;bottom:0;background:linear-gradient(90deg,transparent,#cbd3bd,transparent)}
.hero{position:relative;padding-top:58px;padding-bottom:70px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#53613e25 .65px,transparent .65px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%);pointer-events:none}.hero:after{content:'';position:absolute;width:550px;height:550px;right:-170px;top:0;z-index:-1;background:radial-gradient(ellipse,#d5ff5f1c,transparent 67%);pointer-events:none}
.hero h1{position:relative}.hero h1 span{position:relative;border-bottom:0;padding-bottom:7px}.hero h1 span:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:5px;background:var(--green);transform-origin:left;animation:underline-arrive 1.4s cubic-bezier(.16,1,.3,1) both .25s}
.hero .eyebrow{animation:hero-arrive .85s both}.hero h1{animation:hero-arrive .9s .12s both}.hero .intro{animation:hero-arrive .9s .22s both}.hero .actions{animation:hero-arrive .9s .32s both}.hero .small{animation:hero-arrive .9s .42s both}.hero .scene{animation:scene-arrive 1.3s .1s both}
.pill{position:relative;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s,transform .25s;isolation:isolate}.pill:after{content:'';position:absolute;inset:-100%;z-index:-1;background:linear-gradient(115deg,transparent 42%,#ffffff32 50%,transparent 58%);transform:translateX(-60%);transition:transform .7s}.pill:hover{opacity:1;transform:translateY(-2px);box-shadow:0 8px 24px #24331913}.pill:hover:after{transform:translateX(60%)}.pill:active{transform:translateY(1px) scale(.98)}.pill.dark:hover{background:#28331e}.pill span{transition:transform .3s}.pill:hover span{transform:translate(2px,-2px)}
.scroll-invitation{display:inline-flex;gap:10px;align-items:center;color:#6b775c;font-size:10px;margin-top:23px;border:0;background:none;padding:5px 0;min-height:30px}.scroll-invitation i{font-style:normal;display:inline-block;animation:scroll-cue 2.4s infinite}.scroll-invitation:hover{color:#263c15}
.ticker{position:relative;background:#eaeee1;overflow:hidden;display:block;padding:0;border-color:#d6ddc9}.ticker-shell{display:flex;align-items:center;max-width:1220px;margin:auto;gap:40px;padding:21px 30px}.ticker .label{flex-shrink:0}.ticker-viewport{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker-track{display:flex;width:max-content;gap:50px;animation:ecosystem-flow 32s linear infinite;align-items:center}.ticker-track .chain{white-space:nowrap;font-size:20px}.ticker-viewport:hover .ticker-track{animation-play-state:paused}.ticker-track .chain:before{content:'';width:4px;height:4px;background:#8fa06c;display:inline-block;border-radius:50%;vertical-align:middle;margin-right:24px}
.reveal-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.65,.3,1),transform .75s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready .reveal-item.is-visible{opacity:1;transform:none}
.card{transition:border-color .3s,box-shadow .3s,transform .35s!important}.card:hover{transform:translateY(-7px)!important;border-color:#afbf91;box-shadow:0 16px 38px #273a1010}.card .glyph{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.card:hover .glyph{transform:rotate(5deg) scale(1.08)}.learning-card .learning-art strong{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.learning-card:hover .learning-art strong{transform:rotate(9deg) scale(1.1)}.learning-art{position:relative}.learning-art:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #25361910;border-radius:50%;right:-70px;top:-60px;box-shadow:0 0 0 20px #25361906,0 0 0 40px #25361904;pointer-events:none}
.manifesto{position:relative;overflow:hidden;isolation:isolate}.manifesto:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #d5ff5f12;border-radius:50%;left:-260px;top:20px;z-index:-1;box-shadow:0 0 0 70px #d5ff5f04,0 0 0 140px #d5ff5f03}.manifesto .steps{transition:border-color .4s,transform .4s}.manifesto .steps:hover{border-color:#9fbf60;transform:translateX(5px)}.manifesto .num{border:1px solid #d5ff5f40;border-radius:50%;width:28px;height:28px;flex-shrink:0;display:grid;place-items:center}.mission-banner>span{transition:transform .55s}.mission-banner:hover>span{transform:rotate(90deg)}.passport-symbol{position:relative;align-self:flex-start;animation:passport-turn 16s linear infinite}.passport progress::-webkit-progress-value{transition:width .55s cubic-bezier(.2,.8,.3,1)}.badge.earned{animation:badge-arrive .6s cubic-bezier(.2,1.2,.3,1)}.finish-panel{animation:hero-arrive .5s both}
.roadmap-item{transition:border-color .3s,transform .3s}.roadmap-item:hover{border-color:#779346;transform:translateY(-4px)}.phase span.now{position:relative;padding-left:19px}.phase span.now:before{content:'';position:absolute;width:4px;height:4px;background:#49621f;border-radius:50%;left:8px;top:50%;margin-top:-2px;box-shadow:0 0 0 3px #49621f14;animation:status-breathe 2.5s infinite}
.community{position:relative;isolation:isolate;overflow:hidden}.community:before,.community:after{content:'';position:absolute;border:1px solid #a6b48a20;left:50%;top:50%;width:800px;height:280px;border-radius:50%;z-index:-1;transform:translate(-50%,-50%) rotate(-15deg)}.community:after{width:660px;height:250px;transform:translate(-50%,-50%) rotate(18deg)}.wallet-dialog[open],.passport-preview[open]{animation:dialog-arrive .4s cubic-bezier(.16,1,.3,1)}
.page-travel{position:fixed;top:0;left:0;height:2px;background:#8eae3e;width:100%;transform:scaleX(var(--page-travel,0));transform-origin:left;z-index:70;pointer-events:none}.motion-pause{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:8px 0;color:#7b856d;font-size:10px;cursor:pointer;min-height:36px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important}.motion-paused .reveal-item{transition:none!important;opacity:1!important;transform:none!important}
@keyframes hero-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes scene-arrive{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes underline-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ecosystem-flow{to{transform:translateX(-50%)}}@keyframes scroll-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes passport-turn{to{transform:rotate(360deg)}}@keyframes badge-arrive{from{transform:scale(.95);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes status-breathe{50%{box-shadow:0 0 0 5px #49621f04}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){nav:after{left:18px;right:18px}.hero{padding-top:30px;padding-bottom:40px}.hero:before{mask-image:linear-gradient(180deg,transparent 10%,#000 80%)}.ticker-shell{padding:18px 0;gap:0}.ticker-track{gap:32px;animation-duration:38s}.ticker-track .chain{font-size:17px}.ticker-track .chain:before{margin-right:18px}.scroll-invitation{margin-top:14px}.card:hover{transform:none!important}.community:before,.community:after{width:110%;height:230px}.hero .scene{min-width:0}.motion-pause{min-height:44px}.learning-card:hover{transform:none}.manifesto .steps:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-ready .reveal-item{opacity:1;transform:none}.ticker-track{flex-wrap:wrap;width:auto;justify-content:center;gap:22px}.ticker-viewport{mask-image:none}.ticker-track [aria-hidden=true]{display:none}.page-travel{display:none}}
.ticker-track{--ticker-half-gap:25px}@keyframes ecosystem-flow{to{transform:translateX(calc(-50% - var(--ticker-half-gap)))}}@media(max-width:900px){.ticker-track{--ticker-half-gap:16px}}@media(hover:none){.library .learning-card:hover{transform:none}}
@media(max-width:360px){html[lang="zh-CN"] h1{font-size:36px}html[lang="zh-CN"] .section h2{font-size:26px}}

/* ORBIT hero: retain the paper, acid-lime, and ink palette. */
.scene.hm-ready{height:540px;--hm-light-x:38%;--hm-light-y:28%;padding-bottom:96px;min-width:0}
.scene.hm-ready .orb{animation:hm-planet-float 8s ease-in-out infinite;z-index:1;overflow:hidden;transition:box-shadow .5s}
.scene.hm-ready .orb:after{inset:0;opacity:.65}
.scene.hm-ready .ring{top:126px;animation:hm-ring-sway 14s ease-in-out infinite}
.scene.hm-ready .ring.front{top:134px;animation:hm-ring-front 18s ease-in-out infinite}
.scene.hm-ready .float{backdrop-filter:blur(12px);background:#f9faf3eb;box-shadow:0 15px 40px #1e30100c;animation:hm-card-one 7s ease-in-out infinite;max-width:calc(100% - 12px)}
.scene.hm-ready .f1{top:32px;right:-4px}.scene.hm-ready .f2{bottom:172px;left:-8px;animation-name:hm-card-two;animation-delay:-2s}
.scene.hm-ready .coordinate{display:none}.scene.hm-ready .c1{top:19px;left:30px}.scene.hm-ready .c2{bottom:184px;right:12px}
.hm-cosmos{position:absolute;inset:0;pointer-events:none;z-index:0}
.hm-halo{position:absolute;width:390px;aspect-ratio:1;left:50%;top:23px;transform:translateX(-50%);border-radius:50%;border:1px solid #68823b12;box-shadow:0 0 0 37px #8aa95005,0 0 0 38px #68823b0b;background:radial-gradient(circle,#d5ff5f19,transparent 68%);animation:hm-halo-breathe 7s ease-in-out infinite}
.hm-orbit-frame{position:absolute;width:470px;height:470px;top:-10px;left:calc(50% - 235px);transform:rotate(-31deg) scaleY(.42);border-radius:50%;border:1px dashed #55702945}
.hm-orbit-spin{position:absolute;inset:0;border-radius:50%;animation:hm-satellite-orbit 24s linear infinite}
.hm-satellite{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px #f2f3ec90;transform:scaleY(2.38)}
.hm-satellite-one{right:-5px;top:calc(50% - 5px)}.hm-satellite-two{left:14%;top:13%;width:7px;height:7px;background:#6e8a35;box-shadow:0 0 0 4px #d5ff5f70}.hm-satellite-three{left:20%;bottom:7%;width:9px;height:9px;border:2px solid #72913b;background:var(--paper);box-shadow:none}
.hm-spark{position:absolute;color:#697c4d;font-size:23px;animation:hm-spark-breathe 5s ease-in-out infinite}.hm-spark-one{left:9%;top:39%}.hm-spark-two{right:9%;top:10%;font-size:15px;animation-delay:-2s}.hm-spark-three{right:7%;top:55%;font-size:36px;animation-delay:-3s}
.hm-globe-grid{position:absolute;inset:0;border-radius:50%;overflow:hidden;transform:rotate(22deg);isolation:isolate}
.hm-globe-grid>i{position:absolute;inset:0 20%;border:1px solid #f6ffcb30;border-radius:50%;transform:rotate(-24deg)}.hm-globe-grid>i:nth-child(2){inset:0 36%}.hm-globe-grid>i:nth-child(3){inset:29% -10%;transform:rotate(-24deg);border-color:#f6ffcb25}
.hm-orb-symbol{position:absolute;inset:0;display:grid;place-items:center;color:#f2ffbc6b;font:100px/1 Georgia,serif;text-shadow:0 2px 14px #71922b20;transition:color .45s}
.hm-orb-light{position:absolute;inset:0;background:radial-gradient(circle at var(--hm-light-x) var(--hm-light-y),#f6ffca48,transparent 45%);mix-blend-mode:screen}
.hm-coordinate{position:absolute;right:24px;top:8px;font:8px/1.5 monospace;letter-spacing:1.35px;color:#7b8967;display:flex;align-items:center;gap:7px}.hm-coordinate i{width:4px;height:4px;background:#738d3e;border-radius:50%}
.hm-panel{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:min(390px,100%);text-align:center;z-index:5}
.hm-caption{min-height:57px;padding:0 8px}.hm-caption-title{display:block;font-size:15px;line-height:1.6;letter-spacing:.1px;font-weight:500}.hm-caption-detail{font-size:10px;line-height:1.8;color:#79816e;margin:5px 0 13px}
.hm-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border:1px solid #d4ddc6;border-radius:28px;background:#e6ebdc80;padding:4px;box-shadow:0 8px 23px #455c1806}
.hm-selector button{min-height:42px;border-radius:23px;border:0;background:transparent;color:#707b60;font-size:11px;line-height:1.5;padding:8px 7px;white-space:nowrap;transition:color .25s,background .25s,box-shadow .25s,transform .2s}
.hm-selector button span{display:inline-block;margin-right:2px;font-size:15px;vertical-align:-1px}
.hm-selector button[aria-pressed=true]{background:var(--ink);color:var(--green);box-shadow:0 3px 8px #27371912}.hm-selector button:hover{opacity:1;color:var(--ink);background:#d5ff5f70}.hm-selector button[aria-pressed=true]:hover{color:var(--green);background:#25321c}.hm-selector button:active{transform:scale(.96)}
.hm-enter{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:10px;line-height:1.7;min-height:40px;color:#52633d;border-bottom:1px solid transparent;transition:color .2s,gap .3s}.hm-enter:hover{opacity:1;color:var(--ink);gap:25px}.hm-enter span{font-size:15px}
.hm-selector button:focus-visible,.hm-enter:focus-visible{outline:2px solid #708e36;outline-offset:4px}
@keyframes hm-planet-float{0%,100%{transform:translateY(-7px) rotate(-22deg)}50%{transform:translateY(7px) rotate(-18deg)}}
@keyframes hm-ring-sway{0%,100%{transform:rotate(-32deg)}50%{transform:rotate(-27deg)}}
@keyframes hm-ring-front{0%,100%{transform:rotate(35deg)}50%{transform:rotate(29deg)}}
@keyframes hm-card-one{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes hm-card-two{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(7px) rotate(-4deg)}}
@keyframes hm-halo-breathe{0%,100%{opacity:.55;transform:translateX(-50%) scale(.98)}50%{opacity:1;transform:translateX(-50%) scale(1.025)}}
@keyframes hm-satellite-orbit{to{transform:rotate(360deg)}}
@keyframes hm-spark-breathe{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.9;transform:scale(1.12)}}
@media(max-width:1150px) and (min-width:901px){.scene.hm-ready .orb{width:280px;height:280px}.scene.hm-ready .ring{width:400px}.scene.hm-ready .ring.front{width:350px}.hm-orbit-frame{width:410px;height:410px;left:calc(50% - 205px);top:20px}.scene.hm-ready .float{font-size:10px;padding:12px}.scene.hm-ready .float b{font-size:10px}.scene.hm-ready .float small{font-size:9px}}
@media(max-width:900px){.scene.hm-ready{height:485px;max-width:490px;padding-bottom:118px}.scene.hm-ready .ring{top:96px;width:390px}.scene.hm-ready .ring.front{top:110px;width:360px}.scene.hm-ready .f1{top:18px;right:0}.scene.hm-ready .f2{left:0;bottom:163px}.hm-halo{width:320px;top:24px}.hm-orbit-frame{width:385px;height:385px;left:calc(50% - 192.5px);top:-9px}.hm-coordinate{right:28px;top:-10px}.hm-panel{width:min(380px,100%);bottom:0}.scene.hm-ready .c1{top:5px;left:20px}.scene.hm-ready .c2{bottom:168px}.hm-spark-one{left:5%;top:32%}.hm-spark-two{right:7%;top:3%}}
@media(max-width:600px){html[lang="zh-CN"] .scene.hm-ready{transform:none}.scene.hm-ready{height:465px;margin-top:12px}.scene.hm-ready .orb{width:245px;height:245px}.scene.hm-ready .ring{width:calc(100% + 8px);max-width:360px;top:87px;height:145px}.scene.hm-ready .ring.front{width:94%;max-width:330px;top:94px;height:140px}.scene.hm-ready .float{padding:11px 12px;gap:8px;border-radius:10px}.scene.hm-ready .float b{font-size:10px;line-height:1.6;margin-bottom:2px}.scene.hm-ready .float small{font-size:8px}.scene.hm-ready .float .mini{width:30px;height:30px;font-size:17px;border-radius:8px}.scene.hm-ready .f1{right:0;top:17px}.scene.hm-ready .f2{left:0;bottom:158px}.hm-halo{width:calc(100% - 10px);max-width:320px;top:20px;box-shadow:0 0 0 15px #8aa95005,0 0 0 16px #68823b0b}.hm-orbit-frame{width:calc(100% + 4px);height:auto;aspect-ratio:1;left:-2px;top:17px}.hm-coordinate{top:-7px;right:5px;font-size:7px;letter-spacing:1px}.hm-orb-symbol{font-size:80px}.hm-panel{bottom:0}.hm-caption-title{font-size:14px}.hm-caption-detail{font-size:10px}.hm-selector button{font-size:10px;min-height:44px;padding:8px 4px}.hm-selector button span{font-size:14px}.hm-enter{min-height:43px}.scene.hm-ready .c1{font-size:20px;left:8px;top:10px}.scene.hm-ready .c2{bottom:152px;right:3px;font-size:20px}}
@media(max-width:360px){.scene.hm-ready{height:450px}.scene.hm-ready .orb{width:220px;height:220px}.scene.hm-ready .f1{top:14px;right:-1px}.scene.hm-ready .f2{bottom:151px;left:0}.scene.hm-ready .float{padding:9px 10px}.scene.hm-ready .float b{font-size:9px}.scene.hm-ready .float small{font-size:7px}.hm-caption-title{font-size:12px}.hm-caption-detail{font-size:9px}.hm-coordinate{font-size:6px}.hm-selector button{font-size:9px}.hm-selector button span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.scene.hm-ready *,.scene.hm-ready *:before,.scene.hm-ready *:after{animation:none!important;transition:none!important}.scene.hm-ready .orb{transform:rotate(-22deg)}.hm-satellite-one{top:calc(50% - 5px)}.hm-spark{opacity:.65}}
@media(max-width:600px){.scene.hm-ready .f2{bottom:183px}}

/* Depth comes from a few composited layers, rather than a canvas render loop. */
.scene.hm-ready .orb{box-shadow:inset 3px 3px 9px #f9ffd59c,inset -25px -18px 38px #1425098c,0 0 0 1px #91b64542,0 0 0 7px #d5ff5f0d,0 40px 45px -27px #43582680}
.scene.hm-ready .orb:before{content:'';position:absolute;inset:0;border:1px solid #e6ffaf80;border-radius:50%;background:radial-gradient(ellipse at 20% 7%,#f9ffe382 0,transparent 39%),linear-gradient(150deg,transparent 53%,#10270817 75%,#14230955);z-index:1;pointer-events:none}
.hm-orbital-disc{position:absolute;left:50%;top:18px;width:405px;aspect-ratio:1;border:1px solid #8caa6130;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,transparent 57%,#d5ff5f0d 58%,#d5ff5f19 67%,transparent 68%);box-shadow:0 0 0 17px #a4bc7e06,0 0 0 18px #9bae7b15;opacity:.55}
.hm-orbital-disc:before{content:'';position:absolute;inset:11px;border:1px dashed #758e4327;border-radius:50%;animation:hm-satellite-orbit 100s linear infinite}
.hm-constellation{position:absolute;inset:0;width:100%;height:440px;overflow:visible;opacity:.75}
.hm-constellation path{fill:none;stroke:#7e95602b;stroke-width:1}
.hm-constellation circle{fill:#71874e;stroke:var(--paper);stroke-width:2}
.hm-constellation g{animation:hm-constellation-breathe 8s ease-in-out infinite}
.hm-tracer-frame{position:absolute;width:410px;aspect-ratio:1;left:calc(50% - 205px);top:19px;transform:rotate(43deg) scaleY(.62);border:1px solid #a0b57826;border-radius:50%}
.hm-tracer-spin{position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#8dba3c75;animation:hm-satellite-orbit 18s linear infinite reverse}
.hm-tracer-spin i{position:absolute;width:8px;height:8px;right:14%;top:14%;border:2px solid #f2f3ec;border-radius:50%;background:#5b7b2e;box-shadow:0 0 0 4px #d5ff5f33;transform:scaleY(1.61)}
.hm-globe-grid{background:linear-gradient(130deg,#f8ffd41a,transparent 42%,#132b001c 73%)}
.hm-globe-grid>i{border-color:#f6ffcb45}
.hm-globe-grid>i:nth-child(3){box-shadow:0 19px 0 -1px #f6ffcb0b,0 -19px 0 -1px #f6ffcb0b}
.hm-orb-symbol{color:#f1ffb685;text-shadow:0 1px 1px #3c541c3b,0 0 30px #ecffb627}
.scene.hm-ready .ring.front{border-top-color:#f5ffcdcc;border-bottom-color:#57772e80;box-shadow:0 -1px 0 #d5ff5f4a,0 1px 0 #f9ffd866}
.scene.hm-ready .float{border-color:#d8e0ca;box-shadow:0 16px 32px -15px #3147122e,0 1px 0 #fff inset}

/* The Safari handoff gets the same dimensional treatment without adding controls. */
.browser-entry .entry-visual:after{content:'';position:absolute;left:10%;top:9%;width:84%;aspect-ratio:1;border:1px solid #879f5830;border-radius:50%;background:radial-gradient(circle,transparent 56%,#d5ff5f14 57%,#d5ff5f06 69%,transparent 70%);box-shadow:0 0 0 19px #8ca75606,0 0 0 20px #7a955017;z-index:-1;pointer-events:none}
.browser-entry .entry-planet{box-shadow:inset 4px 4px 12px #f8ffd573,inset -25px -20px 42px #17290d70,0 0 0 1px #b6d37c44,0 35px 45px -15px #425f2030}
.browser-entry .entry-planet:before,.browser-entry .entry-planet:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none}
.browser-entry .entry-planet:before{border:1px solid #edffb991;background:radial-gradient(ellipse at 24% 10%,#f9ffd843,transparent 46%);box-shadow:inset 1px 2px 3px #f8ffd577}
.browser-entry .entry-planet:after{background:repeating-radial-gradient(ellipse at 30% 45%,transparent 0 13px,#f5ffc71c 14px 15px);opacity:.65}
.browser-entry .entry-planet span{text-shadow:0 1px 2px #455d1533,0 0 25px #efffb129;color:#edffaf8c}
.browser-entry .entry-orbit{box-shadow:0 -1px 0 #f5ffd89c,0 1px 0 #d5ff5f20;animation:hm-entry-orbit 16s ease-in-out infinite;--hm-orbit-start:-25deg;--hm-orbit-end:-18deg}
.browser-entry .entry-orbit.orbit-two{--hm-orbit-start:55deg;--hm-orbit-end:49deg;animation-duration:21s;animation-delay:-7s;box-shadow:none}
.browser-entry .entry-orbit:after{content:'';position:absolute;left:15%;top:9%;width:9px;height:9px;background:#5c7d2c;border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 5px #d5ff5f2b}
.browser-entry .entry-orbit.orbit-two:after{left:auto;right:13%;top:13%;width:7px;height:7px;box-shadow:0 0 0 3px #d5ff5f20}
.browser-entry .entry-float{border-color:#d2dec2;box-shadow:0 16px 32px -15px #31471230,0 1px 0 #fff inset}
@keyframes hm-constellation-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes hm-entry-orbit{0%,100%{transform:rotate(var(--hm-orbit-start))}50%{transform:rotate(var(--hm-orbit-end))}}
@media(max-width:900px){.hm-orbital-disc{width:330px;top:12px}.hm-tracer-frame{width:340px;left:calc(50% - 170px);top:5px}.hm-constellation{height:370px}}
@media(max-width:600px){.hm-orbital-disc{width:calc(100% - 24px);max-width:295px;top:24px;box-shadow:0 0 0 11px #a4bc7e06,0 0 0 12px #9bae7b15}.hm-tracer-frame{width:calc(100% - 5px);left:2.5px;top:21px}.hm-constellation{height:330px;opacity:.6}.scene.hm-ready .orb{box-shadow:inset 3px 3px 8px #f9ffd58c,inset -20px -15px 30px #1425098c,0 0 0 1px #91b64542,0 30px 35px -25px #43582680}.browser-entry .entry-visual:after{width:72%;left:17%;top:4%;box-shadow:0 0 0 10px #8ca75606,0 0 0 11px #7a955017}}
.motion-paused .hm-orbital-disc:before,.scene.hm-offscreen .hm-orbital-disc:before,.tab-away .hm-orbital-disc:before,.entry-paused .entry-visual *,.entry-paused .entry-visual:before,.entry-paused .entry-visual:after,.entry-paused .entry-visual *:before,.entry-paused .entry-visual *:after,.orbit-visual-offscreen *,.orbit-visual-offscreen:before,.orbit-visual-offscreen:after,.orbit-visual-offscreen *:before,.orbit-visual-offscreen *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hm-orbital-disc:before,.hm-constellation g,.hm-tracer-spin,.browser-entry .entry-orbit,.browser-entry .entry-visual:after{animation:none!important}.browser-entry .entry-orbit{transform:rotate(var(--hm-orbit-start))}}

.mission-step{transition:background .25s,border-color .25s;border-radius:9px;padding-left:12px;padding-right:12px}.mission-step.step-complete{background:#eaf0df77;border-bottom-color:#cbd8b6}.step-state{font-size:10px;color:#83906e;font-weight:400;margin-left:auto;white-space:nowrap}.mission-step summary:after{margin-left:8px}.mission-step.step-complete summary>span:first-child{color:#4a672a}.mission-step.step-complete .step-state{color:#50752b}.mission-step summary>span:first-child{font-size:11px;flex-shrink:0}.mission-step[open]:not(.step-complete){border-bottom-color:#a9be87}.mission-step .step-content{padding-left:29px}.route-achievement{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:16px 23px;max-width:calc(100% - 28px);background:#192311;color:#f1f5e9;border:1px solid #b6d87755;border-radius:16px;z-index:45;box-shadow:0 12px 40px #15250b20;animation:achievement-in .45s cubic-bezier(.16,1,.3,1)}.route-achievement[hidden]{display:none}.route-achievement b{display:block;font-size:13px;font-weight:500;white-space:nowrap}.route-achievement small{display:block;font-size:10px;color:#aebf99;margin-top:5px;white-space:nowrap}.achievement-icon{background:#d5ff5f;color:#192311;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:25px;flex-shrink:0}.route-achievement .achievement-icon{animation:achievement-orbit .8s ease-out}.tab-away *,.tab-away *:before,.tab-away *:after,.scene.hm-offscreen *,.scene.hm-offscreen *:before,.scene.hm-offscreen *:after{animation-play-state:paused!important}.passport-preview.passport-ready .export-actions{padding-top:2px}.export-actions .pill{min-height:44px}.hm-enter:active{color:#16230d}.mobile-journey .journey-active{color:#141e0a;font-weight:600}.mobile-journey .journey-active span{background:#141611!important;color:#d5ff5f;border-color:#141611!important}.mobile-journey .journey-active:after{content:'';width:3px;height:3px;background:#91af50;border-radius:50%;position:absolute;bottom:4px}.mobile-journey a,.mobile-journey button{position:relative;transition:color .2s}.mission-step summary{line-height:1.7}.mission-step .textbutton:disabled{opacity:1}@keyframes achievement-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes achievement-orbit{from{transform:rotate(-120deg) scale(.5)}to{transform:rotate(0) scale(1)}}@media(max-width:900px){.route-achievement{bottom:calc(80px + env(safe-area-inset-bottom));padding:14px 18px}.mission-step summary{font-size:12px;gap:9px}.mission-step{padding-left:8px;padding-right:8px}.step-state{font-size:9px}.mission-step .step-content{padding-left:22px}.mobile-journey{box-shadow:0 -8px 24px #23381205}.route-achievement b{font-size:12px}}@media(prefers-reduced-motion:reduce){.route-achievement,.route-achievement *{animation:none!important}.mission-step,.mobile-journey a,.mobile-journey button{transition:none}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{transition:none!important}

.passport-name-label{display:block;font-size:11px;color:#647153;margin:16px 0 7px}.passport-name{width:100%;border:0;border-bottom:1px solid #afbd9c;background:transparent;padding:10px 0;font:500 21px "Microsoft YaHei",sans-serif;color:#182210;outline-offset:4px;position:relative;z-index:1}.passport-actions{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.passport-actions .pill{padding:11px 16px;font-size:11px}.route-overview{margin:25px 0 0;display:grid;gap:10px;border-top:1px solid #bdc9ad;padding-top:20px}.route-row{display:flex;justify-content:space-between;font-size:11px;color:#5d6d4c}.route-row b{font-weight:500}.route-row b.complete{color:#2d4e0f}.download-status{font-size:11px!important;min-height:20px;margin-bottom:0}.roadmap{padding-top:55px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.roadmap-item{border-top:1px solid #cdd5c0;padding:25px 5px 10px}.phase{display:flex;justify-content:space-between;align-items:center;font:12px monospace;color:#737d66}.phase span{font:10px "Microsoft YaHei",sans-serif;border:1px solid #ccd6bb;border-radius:20px;padding:5px 9px}.phase span.now{background:var(--green);border-color:var(--green);color:#26321c}.roadmap-item h3{font-size:21px;font-weight:500;margin:22px 0 12px}.roadmap-item p{color:#747d69;font-size:13px;line-height:1.9}.roadmap-note{font-size:11px;color:#7e8676;margin-top:25px}.backtop{position:fixed;right:22px;bottom:22px;border:1px solid #c7d1ba;background:#f7faf1;width:43px;height:43px;border-radius:50%;box-shadow:0 5px 20px #14200a15;z-index:10;font-size:20px}.backtop[hidden]{display:none}.passport progress::-moz-progress-bar{background:#4d642c}dialog{max-height:90dvh;overflow:auto}@media(max-width:800px){.roadmap-grid{grid-template-columns:1fr}.roadmap-item{padding-top:20px}.roadmap-item h3{margin-top:15px}.backtop{right:14px;bottom:14px}}
.library{padding-top:60px;padding-bottom:65px}.library-tools{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;margin:30px 0 20px}.library-search{display:flex;align-items:center;gap:10px;border:1px solid #cdd5c1;background:#fbfcf7;padding:12px 15px;border-radius:30px;min-width:245px}.library-search input{border:0;background:transparent;outline:none;width:100%;min-width:0;font:13px inherit}.library-search:focus-within{outline:2px solid #81984e;outline-offset:3px}.library-filters{display:flex;gap:8px;flex-wrap:wrap}.library-filters button{border:1px solid #d2dac6;border-radius:30px;background:transparent;padding:10px 16px;font-size:12px}.library-filters button[aria-pressed=true]{background:var(--ink);color:var(--green);border-color:var(--ink)}.library-count{font-size:11px;color:#717c64;display:flex;justify-content:space-between;margin-bottom:18px;gap:10px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.learning-card{border:1px solid #d5ddc9;border-radius:15px;background:#f9fbf4;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.learning-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #2734180a}.learning-art{height:138px;display:flex;align-items:center;justify-content:space-between;padding:25px;overflow:hidden;background:var(--tile)}.learning-art strong{font:80px 'Space Grotesk';line-height:1;transform:rotate(-12deg)}.learning-art small{writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#526044}.learning-body{padding:23px;display:flex;flex-direction:column;flex:1}.learning-meta{font-size:10px;color:#748162;display:flex;gap:10px;align-items:center}.learning-meta span:first-child{background:#e9eedf;padding:5px 8px;border-radius:5px}.learning-body h3{font-size:19px;font-weight:500;line-height:1.5;margin:17px 0 10px}.learning-body p{font-size:12px;color:#747d69;line-height:1.85;margin:0 0 22px}.learning-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #e0e6d5;padding-top:17px;gap:8px;font-size:10px;color:#7b8570}.learning-bottom button{font-size:11px}.save-route{border:0;background:transparent;font-size:11px;padding:0;color:#667652;cursor:pointer}.save-route[aria-pressed=true]{color:#324d15}.learning-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.library-empty{text-align:center;padding:60px 20px;border:1px dashed #cbd5bd;border-radius:16px;color:#747e68;grid-column:1/-1}.library-empty h3{font-size:21px;font-weight:500;color:#29391e}.library-empty button{margin-top:15px}.library-notice{font-size:11px;color:#7b856f;line-height:1.8;margin-top:22px}.library-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#182210;color:#e6f1d8;border-radius:30px;font-size:12px;box-shadow:0 10px 30px #14200a25;z-index:30;max-width:90%;text-align:center}.library-toast[hidden]{display:none}.navlinks{gap:22px}@media(max-width:1000px){.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.library-grid{grid-template-columns:1fr}.library-search{width:100%}.library-tools{gap:16px}.library-count{font-size:10px}.learning-art{height:145px}}@media(prefers-reduced-motion:reduce){.learning-card{transition:none}.learning-card:hover{transform:none}}
html{-webkit-text-size-adjust:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button,a,input,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=email],input[type=search],.passport-name{font-size:16px!important}footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}.wallet-dialog{width:min(440px,calc(100% - 32px));padding:30px;border-radius:24px}.wallet-heading-icon{width:62px;height:62px;background:var(--green);border-radius:18px;display:grid;place-items:center;font-size:31px;margin:20px 0}.wallet-dialog h2{font-size:28px!important;line-height:1.5!important}.wallet-dialog>p{font-size:14px}.wallet-choice{border:1px solid #d2dac6;border-radius:13px;padding:16px;margin:20px 0;display:flex;align-items:center;gap:14px}.wallet-choice-symbol{font:28px 'Space Grotesk';color:#344d19}.wallet-choice strong{font-size:14px;display:block}.wallet-choice small{font-size:11px;color:#768269;display:block;margin-top:6px}.wallet-dialog .wallet-next{width:100%;justify-content:center;margin-top:12px;min-height:48px}.wallet-dialog .wallet-next:disabled{cursor:default;background:#dfe5d5;color:#7c866f;border-color:#dfe5d5;opacity:1}.wallet-later{width:100%;border:0;background:transparent;padding:15px;color:#5f6e50;min-height:48px}.wallet-note{font-size:11px!important;color:#7c876d!important;line-height:1.8}.wallet-header{font-size:12px!important;gap:10px!important;min-height:44px}.backtop{bottom:calc(22px + env(safe-area-inset-bottom))}@media(max-width:600px){.wallet-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));padding:24px;max-height:85dvh}.wallet-dialog .close{min-width:44px;min-height:44px;margin:-10px -10px 0 0}.wallet-header{padding:11px 16px!important}.mission-step summary{min-height:44px}.save-route,.learning-bottom button,.textbutton{min-height:36px}.library-filters button,.filters button{min-height:44px}.library-filters{gap:7px}.library-search{min-height:48px}.hero{overflow:hidden}.eyebrow{line-height:1.8}.passport-top{flex-wrap:wrap}.learning-meta{flex-wrap:wrap}nav{padding-top:env(safe-area-inset-top);height:calc(80px + env(safe-area-inset-top))}}
.resume-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;margin-bottom:22px;background:#e5edd6;border:1px solid #d0dabc;border-radius:14px}.resume-card b{font-size:13px;font-weight:500}.resume-card small{display:block;font-size:11px;color:#6b795a;margin-top:7px}.resume-card[hidden],.finish-panel[hidden]{display:none}.finish-panel{padding:22px;background:#edf3e1;border-radius:14px;margin-top:20px}.finish-panel h3{font-size:20px;font-weight:500;margin:12px 0}.finish-panel p{font-size:12px;color:#69775a;line-height:1.8}.finish-actions{display:flex;flex-wrap:wrap;gap:10px}.finish-actions .pill{font-size:12px;padding:11px 15px}.mobile-journey,.mobile-menu-toggle,.mobile-menu{display:none}.wallet-flow{padding:0;list-style:none;counter-reset:wallet;display:grid;gap:15px;margin:20px 0}.wallet-flow li{counter-increment:wallet;position:relative;padding-left:34px}.wallet-flow li:before{content:counter(wallet);position:absolute;left:0;top:0;border:1px solid #c5d1b7;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:11px;color:#6c7c59}.wallet-flow b{font-size:12px;font-weight:500}.wallet-flow span{display:block;font-size:11px;color:#7a856d;margin-top:5px;line-height:1.7}.passport-preview{width:min(460px,calc(100% - 24px));padding:24px;border-radius:20px}.passport-preview h2{font-size:26px!important}.passport-preview img{width:100%;max-height:48dvh;object-fit:contain;margin:10px auto 15px;display:block}.passport-preview img[hidden]{display:none}.export-status,.export-help{font-size:11px!important;line-height:1.8}.export-actions{display:flex;gap:10px;flex-wrap:wrap}.export-actions .pill{font-size:12px;padding:12px 16px}.export-actions [hidden]{display:none}.passport-preview .close{border:0;background:transparent;float:right;font-size:24px;min-width:44px;min-height:44px}.wallet-dialog{max-height:90dvh;overflow:auto}body:has(dialog[open]){overflow:hidden}.passport{scroll-margin-top:20px}.mobile-menu[hidden]{display:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #6d8c39;outline-offset:4px}@media(max-width:900px){.mobile-menu-toggle{display:block;border:1px solid #c9d2bd;border-radius:30px;padding:10px 12px;background:transparent;font-size:12px;min-height:44px;margin-left:8px}nav>.wallet-header{margin-left:auto}nav{gap:8px;padding-left:18px;padding-right:18px}.logo{font-size:24px}.mobile-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:14px 20px 20px;border-bottom:1px solid #d5ddc8}.mobile-menu a{padding:13px 8px;font-size:12px}.mobile-journey{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f7f9f1f5;backdrop-filter:blur(16px);border-top:1px solid #cbd5bd;z-index:9;padding:7px 12px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-journey a,.mobile-journey button{display:flex;gap:7px;align-items:center;justify-content:center;border:0;background:none;min-height:44px;padding:0 10px;font-size:12px;color:#69765c}.mobile-journey span{font:10px monospace;border:1px solid #cbd5bd;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.mobile-journey .journey-done{color:#263c14}.mobile-journey .journey-done span{background:var(--green);border-color:var(--green)}footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))}.backtop{bottom:calc(80px + env(safe-area-inset-bottom))!important}.library-toast{bottom:calc(80px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:90px}.resume-card{padding:16px;align-items:flex-start}.resume-card button{white-space:nowrap;font-size:11px}.wallet-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));max-height:90dvh}.passport-preview{max-height:90dvh;overflow:auto}.passport-preview img{max-height:43dvh}.passport-actions .pill{min-height:44px}.textbutton,.save-route{min-height:44px}}@media(max-width:360px){nav{padding-left:12px;padding-right:12px;gap:3px}.logo{font-size:21px;gap:7px}.logomark{scale:.8}nav>.wallet-header{font-size:11px!important;padding:10px!important}.mobile-menu-toggle{margin-left:3px}.mobile-journey a,.mobile-journey button{font-size:11px;padding:0 5px}}

.passport-preview,.wallet-dialog{background:#f2f3ec;color:#141611}.passport-preview .dark{background:#141611;color:#fff}.passport-preview::backdrop{background:#182210a8;backdrop-filter:blur(5px)}

.release-footer-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.release-footer-links button{border:0;background:transparent;color:#4c5742;font-size:12px;min-height:44px;padding:10px 12px;border-radius:22px}.release-footer-links button:hover{background:#e6ebdc;opacity:1}.release-dialog{width:min(640px,calc(100% - 24px));max-width:640px;max-height:calc(100dvh - 24px);padding:28px;border-radius:24px;overflow:auto;overscroll-behavior:contain;background:var(--paper,#f2f3ec);color:var(--ink,#141611);scrollbar-gutter:stable;line-height:1.7}.release-dialog::backdrop{background:#121a0eb8;backdrop-filter:blur(8px)}.release-dialog [hidden]{display:none!important}.release-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.release-eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.8;color:#637151}.release-dialog .release-title,.release-dialog #release-title{font-size:clamp(22px,4vw,29px);line-height:1.45;letter-spacing:-.5px;margin:10px 0 20px;font-family:inherit}.release-close{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid #d4dcc8;border-radius:50%;background:#fbfcf6;font-size:26px;line-height:1;padding:0;color:var(--ink)}.release-dialog .release-tabs{display:flex;gap:6px;border-bottom:1px solid #d4dcc8;margin:0 0 22px;padding-bottom:10px}.release-tabs button{min-height:44px;border:0;border-radius:24px;background:transparent;padding:10px 18px;font-size:13px;color:#516143}.release-tabs button[aria-selected=true]{background:var(--ink);color:var(--green)}.release-dialog p{font-size:13px;line-height:1.85;color:#58634e;overflow-wrap:anywhere}.release-dialog .release-lead{font-size:14px;color:#394b2c;line-height:1.9;margin:0 0 22px}.release-dialog h3{font-size:15px;margin:0 0 7px;font-weight:600;line-height:1.6}.release-dialog h4{font-size:14px;margin:0 0 10px;line-height:1.6}.release-guide-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:18px}.release-guide-steps li{display:flex;gap:14px;align-items:flex-start}.release-guide-steps li>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #c2d19e;border-radius:50%;background:#e8f4d0;font:12px monospace;color:#364a23}.release-guide-steps p{margin:0}.release-note{background:#e8eddf;border:1px solid #d5dfc6;border-radius:16px;padding:18px;margin:24px 0}.release-note p{margin:0}.release-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bdc9ad;background:#fbfcf7;border-radius:25px;padding:10px 18px;color:#2b3b20;font:500 13px/1.5 inherit;text-align:center;white-space:normal;overflow-wrap:anywhere}.release-action-primary{background:var(--ink);border-color:var(--ink);color:var(--green)}.release-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}.release-action:hover,.release-close:hover,.release-tabs button:hover{opacity:1;filter:brightness(.95)}.release-action:focus-visible,.release-close:focus-visible,.release-tabs button:focus-visible,.release-footer-links button:focus-visible,.release-dialog [role=tabpanel]:focus-visible{outline:3px solid #6c893a;outline-offset:3px}.release-data-summary{border:1px solid #ced9bd;background:#eef3e4;border-radius:16px;overflow:hidden;margin-bottom:12px}.release-data-summary>div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:12px 16px}.release-data-summary>div+div{border-top:1px solid #d9e2ca}.release-data-summary span{font-size:12px;color:#5c6b4b;flex-shrink:0}.release-data-summary strong{font-size:13px;font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}.release-dialog .release-storage-note{font-size:12px;color:#52643f;margin:0 0 22px}.release-copy h3{margin-top:20px}.release-copy p{margin:0}.release-tools,.release-clear-area{margin-top:24px;border-top:1px solid #d1dac5;padding-top:22px}.release-tools>p,.release-clear-area>p{margin:0}.release-dialog .release-feedback{font-size:12px;color:#415c25;margin:10px 0 0;min-height:0}.release-feedback:empty{display:none}.release-download{margin-top:14px}.release-import-preview,.release-clear-confirm{background:#f9fbf3;border:1px solid #c8d7b2;border-radius:15px;padding:17px;margin-top:16px}.release-import-preview p,.release-clear-confirm p{margin:0 0 10px}.release-clear-button{background:transparent;margin-top:14px}.release-clear-confirm .release-action-primary{background:#2e3c24;border-color:#2e3c24}.release-dialog [role=tabpanel]{outline-offset:4px}.release-dialog #release-local-name{max-width:70%}@media(max-width:600px){.release-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));padding:22px 18px;border-radius:22px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}.release-dialog #release-title{margin-bottom:18px;font-size:23px}.release-eyebrow{font-size:9px;letter-spacing:.8px}.release-header{gap:8px}.release-close{margin-top:-5px}.release-tabs button{padding:10px 16px}.release-actions{gap:8px}.release-actions .release-action{flex:1 1 120px;padding:10px 12px}.release-guide-steps{gap:16px}.release-guide-steps li{gap:12px}.release-note{padding:15px}.release-data-summary>div{padding:12px 13px;gap:10px}.release-footer-links{width:100%;gap:4px}.release-footer-links button{padding-left:0;padding-right:18px}.release-dialog p{font-size:13px}.release-dialog .release-lead{font-size:14px}}@media(prefers-reduced-motion:reduce){.release-dialog *{scroll-behavior:auto!important}}
.release-action{font:inherit;font-size:13px;font-weight:500;line-height:1.5}
.release-storage-warning{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin:0 0 24px;border:1px solid #aabc81;border-radius:15px;background:#e9f1d9;color:#344c1e}.release-storage-warning[hidden]{display:none}.release-storage-warning p{font-size:13px;line-height:1.8;margin:0}.release-storage-warning button{flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid #afc48a;border-radius:24px;background:#f7faef;color:#314b1b;font:inherit;font-size:12px}.release-storage-warning button:focus-visible{outline:3px solid #6c893a;outline-offset:3px}@media(max-width:600px){.release-storage-warning{align-items:flex-start;flex-direction:column;gap:8px;padding:15px}.release-storage-warning button{font-size:13px}}
.release-header{position:sticky;top:-28px;z-index:5;background:var(--paper,#f2f3ec);padding-top:4px;padding-bottom:6px}.release-dialog:has(.release-tabs){scroll-padding-top:110px}@media(max-width:600px){.release-header{top:-22px}.release-dialog:has(.release-tabs){scroll-padding-top:100px}}
.release-dialog .release-wallet-export{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:15px;padding:11px 13px;background:#e9efdf;border:1px solid #cbd8b6;border-radius:13px;cursor:pointer;font-size:13px;color:#334b21}.release-dialog .release-wallet-export input{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:#4d6b2c}.release-dialog .release-wallet-export input:focus-visible{outline:3px solid #6c893a;outline-offset:4px}.release-dialog .release-wallet-export input:disabled+span{color:#657157}.release-dialog .release-wallet-export-help{font-size:12px;margin:9px 0 0;color:#5d6b4f}.release-dialog #release-local-wallet{max-width:70%;font-size:12px}.release-dialog .release-import-wallet-note{background:#e9f1d9;border-radius:10px;padding:12px;color:#41572b;font-size:12px}

.address-profile{padding-top:60px}.address-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0 35px}.address-benefits>div{border-top:1px solid #cbd5bc;padding-top:18px}.address-benefits span{font:11px monospace;color:#809265;display:block;margin-bottom:12px}.address-benefits b{font-size:15px;font-weight:500}.address-benefits p{font-size:12px;color:#778268;line-height:1.8}.address-shell{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #d0dac1;border-radius:22px;overflow:hidden;background:#fafcf5}.address-entry{padding:35px}.address-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.address-compass{width:43px;height:43px;border-radius:13px;background:#d5ff5f;display:grid;place-items:center;font-size:27px}.address-heading b{display:block;font-size:16px;font-weight:500}.address-heading small{display:block;font-size:10px;color:#7e896f;margin-top:7px}.safari-address-gate{padding:22px;border:1px solid #d7e1ca;border-radius:14px;background:#f1f5e8}.safari-address-gate h3{font-size:20px;font-weight:500;margin:0 0 12px}.safari-address-gate p,.safari-address-gate li{font-size:12px;color:#6d7c5b;line-height:1.9}.safari-address-gate ol{padding-left:18px;margin-bottom:20px}.address-url-label{font-size:10px;color:#788669;display:block;margin-bottom:8px}.safari-address-gate input{width:100%;font:11px monospace;padding:12px;border:1px solid #ced8bf;border-radius:8px;background:#f9fcf3;color:#455936;margin-bottom:12px}.safari-address-gate .pill{width:100%;justify-content:center;font-size:12px;padding:13px 16px;min-height:46px;white-space:normal}.address-browse-link{display:inline-block;color:#637b47;font-size:12px;margin-top:15px;min-height:44px;padding-top:12px}.address-passport{position:relative;background:#e4edd6;padding:35px;overflow:hidden;isolation:isolate}.address-passport:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #5a793016;border-radius:50%;right:-170px;top:120px;box-shadow:0 0 0 35px #5a793007,0 0 0 70px #5a793005;z-index:-1}.address-passport-top{font:10px monospace;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;color:#394e29}.address-passport-top span{font:9px "Microsoft YaHei",sans-serif;border:1px solid #beccac;border-radius:4px;padding:4px 7px}.address-identicon{width:82px;height:82px;border:1px solid #c7d5b5;background:#d5ff5f;border-radius:18px;margin:36px 0 25px;display:grid;place-items:center;font-size:70px}.address-identicon svg{width:72px;height:72px}.address-passport h3{font-size:25px;font-weight:500;margin:0 0 12px;line-height:1.5;overflow-wrap:anywhere}.address-card-label{font-size:11px;color:#738561}.address-card-code{font:17px monospace;letter-spacing:1px;color:#314722;line-height:1.7;margin:19px 0 25px;overflow-wrap:anywhere}.address-card-progress{display:flex;justify-content:space-between;border-top:1px solid #c4d2b0;padding-top:20px;font-size:11px;color:#61784a}.address-card-progress b{color:#283f19}.address-card-note,.address-empty-note{font-size:11px;line-height:1.9;color:#6f825c;margin-top:20px}.address-entry form>label:not(.address-consent){display:block;font-size:12px;margin:20px 0 10px;font-weight:500}.address-entry select,.address-entry textarea{display:block;width:100%;border:1px solid #c5d4b0;border-radius:10px;background:#fff;color:#213315;padding:13px;font:16px/1.7 "Microsoft YaHei",sans-serif}.address-entry textarea{resize:vertical;overflow-wrap:anywhere}.address-entry textarea[aria-invalid=true]{border-color:#9a7249}.address-help{font-size:11px;line-height:1.85;color:#7d8a6c;margin:12px 0}.address-entry .address-consent,.address-export-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;color:#5d7347;margin:20px 0}.address-consent input,.address-export-consent input{width:18px;height:18px;accent-color:#56772d;flex-shrink:0;margin:2px 0}.address-submit{width:100%;justify-content:center;min-height:48px}.address-submit:disabled{opacity:.7}.address-validation{font-size:12px;line-height:1.8;color:#657d47;margin:10px 0}.address-validation:empty{display:none}.address-full{border-color:#c6d5b4;margin-top:10px}.address-full summary{font-size:11px;font-weight:400;min-height:44px;display:flex;align-items:center}.address-full p{font:12px/1.9 monospace;overflow-wrap:anywhere;color:#4b6735}.address-passport .pill{font-size:12px;justify-content:center;width:100%;min-height:46px}.address-remove{display:block;border:0;background:none;min-height:44px;font-size:11px;color:#72865b;margin:10px auto 0}.address-feedback{font-size:11px;line-height:1.8;color:#4e712e}.address-profile [hidden]{display:none!important}.address-entry input:focus-visible,.address-entry select:focus-visible,.address-entry textarea:focus-visible,.address-passport input:focus-visible{outline:2px solid #71953d;outline-offset:3px}@media(max-width:900px){.address-shell{grid-template-columns:1fr}.address-benefits{gap:17px}.address-benefits b{font-size:13px}.address-benefits p{font-size:11px}.address-entry,.address-passport{padding:27px}.address-passport .address-identicon{margin:25px 0 20px}}@media(max-width:600px){.address-benefits{grid-template-columns:1fr;gap:12px;margin:25px 0}.address-benefits>div{display:grid;grid-template-columns:25px 1fr;column-gap:12px;padding-top:13px}.address-benefits span{grid-row:span 2;margin-top:3px;margin-bottom:0}.address-benefits p{margin:7px 0 0}.address-entry,.address-passport{padding:22px}.address-heading small{line-height:1.8}.safari-address-gate{padding:17px}.safari-address-gate h3{font-size:18px}.address-profile h2{font-size:32px}.address-card-code{font-size:16px}.address-heading b{font-size:15px}.address-consent,.address-export-consent{font-size:12px!important}.address-entry textarea{min-height:104px}.address-browse-link{font-size:12px}.address-url-label{font-size:11px}.address-passport-top{font-size:10px}}@media(prefers-reduced-motion:reduce){.address-profile *{transition:none!important;scroll-behavior:auto!important}}

.browser-entry{max-width:1440px;margin:auto;padding:0 6%;min-height:100svh}.browser-entry[hidden]{display:none!important}.entry-top{display:flex;align-items:center;justify-content:space-between;height:96px;border-bottom:1px solid #d8dece}.entry-top>span{font-size:11px;color:#7c876f}.entry-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:3%;align-items:center;padding:65px 0 40px}.entry-copy h1{font-size:clamp(38px,4.5vw,67px);line-height:1.2;letter-spacing:-2px;margin:25px 0}.entry-copy h1 span{position:relative;z-index:0}.entry-copy h1 span:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:13px;background:#d5ff5f;z-index:-1}.entry-copy>p{max-width:440px;font-size:14px;line-height:1.9;color:#718063}.entry-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.entry-tags span{padding:8px 12px;border:1px solid #d3ddc6;border-radius:30px;font-size:11px;color:#5b6d49}.entry-link-box{max-width:470px;padding:23px;border:1px solid #cfd9c2;border-radius:20px;background:#fafcf6}.entry-link-box label{display:block;font-size:12px;margin-bottom:11px}.entry-link-box input{display:block;width:100%;padding:13px;border:1px solid #d1dbc5;background:#f0f4e9;border-radius:9px;font:16px/1.5 monospace;color:#425b2e;margin-bottom:14px}.entry-link-box .pill{width:100%;min-height:49px;justify-content:center;font-size:13px}.entry-share{display:block;border:0;background:none;font-size:12px;color:#617b47;margin:10px auto 0;min-height:44px}.entry-status{font-size:12px;color:#58743d;line-height:1.8;margin-bottom:0}.entry-status:empty{display:none}.entry-instructions{max-width:470px;list-style:none;counter-reset:entry;padding:0;display:grid;gap:18px;margin:26px 0 0}.entry-instructions li{position:relative;padding-left:42px;counter-increment:entry}.entry-instructions li:before{content:'0' counter(entry);position:absolute;left:0;top:3px;font:11px monospace;color:#82936c}.entry-instructions b{font-size:12px;font-weight:500}.entry-instructions span{display:block;font-size:11px;color:#7f8b72;line-height:1.8;margin-top:6px}.entry-visual{position:relative;height:600px;isolation:isolate;overflow:hidden}.entry-visual:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#59694825 .7px,transparent .7px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.entry-planet{position:absolute;left:18%;top:16%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#edffc4 0,#d5ff5f 27%,#9ccb45 51%,#496f20 76%,#223810);box-shadow:inset -18px -15px 40px #17290d40,0 35px 60px #425f2020;display:grid;place-items:center;animation:entry-float 7s ease-in-out infinite}.entry-planet span{font-size:125px;color:#e9ffab66;line-height:1}.entry-orbit{position:absolute;border:1px solid #7c945e77;border-radius:50%;width:100%;height:30%;left:0;top:34%;z-index:1;transform:rotate(-25deg)}.orbit-two{width:90%;height:55%;left:5%;top:23%;transform:rotate(55deg);border-color:#718b4a30}.entry-float{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #dce5d1;background:#f7faefe8;padding:15px 18px;border-radius:14px;box-shadow:0 12px 40px #2c401014;z-index:3;font-size:12px}.entry-float>span{background:#d5ff5f;border-radius:9px;font-size:24px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.entry-float b{font-weight:500}.entry-float small{display:block;color:#8a987b;font-size:10px;margin-top:7px}.float-top{left:6%;top:17%;transform:rotate(-7deg);animation:entry-drift 8s ease-in-out infinite}.float-bottom{right:0;bottom:19%;transform:rotate(6deg);animation:entry-drift 10s ease-in-out infinite reverse}.entry-coordinate{position:absolute;bottom:12%;left:14%;font:10px monospace;letter-spacing:2px;color:#8d9d7b}.entry-footer{border-top:1px solid #d8dece;padding:20px 0 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;color:#859177}.entry-footer button{border:1px solid #cfdbc1;border-radius:20px;background:transparent;padding:10px 16px;min-height:44px;color:#5b7049;font-size:11px}.safari-required body>:not(#browser-entry):not(script):not(#app-error){display:none!important}.safari-required body{padding-bottom:0!important}.entry-paused *{animation-play-state:paused!important}.departure{background:#eaf0e1;border-top:1px solid #dde5d1;border-bottom:1px solid #d9e3cd}.departure h2{line-height:1.2}.departure-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.departure-options button{position:relative;text-align:left;border:1px solid #cad7b8;background:#f9fcf3;padding:27px;border-radius:19px;color:#233418;overflow:hidden;transition:background .3s,transform .3s}.departure-options button[aria-pressed=true]{background:#d5ff5f;border-color:#b5d85a;box-shadow:0 10px 30px #49641c0e}.departure-options button>span{font:48px serif;display:block;margin-bottom:28px;line-height:1}.departure-options b{display:block;font-size:17px;font-weight:500;line-height:1.6}.departure-options small{display:block;font-size:11px;line-height:1.8;color:#6d8057;margin-top:9px}.departure-options i{display:block;margin-top:25px;font:10px monospace;letter-spacing:1px;color:#759457}.departure-story{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0}.departure-story>div{max-width:650px}.departure-story h3{font-size:21px;font-weight:500;line-height:1.6;margin:9px 0}.departure-story p{font-size:12px;color:#748364;line-height:1.9}.departure-story .pill{font-size:12px;flex-shrink:0;min-height:46px}.departure-journey{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:center;padding:24px;border:1px solid #ccd8bc;border-radius:17px;background:#f8fbf1}.departure-stage{display:grid;grid-template-columns:25px 1fr;gap:5px 9px;color:#879775}.departure-stage>span{grid-row:span 2;font:11px monospace;margin-top:4px}.departure-stage b{font-size:12px;font-weight:500}.departure-stage small{font-size:10px;line-height:1.6}.departure-stage.is-current{color:#365323}.departure-journey .pill{font-size:12px;min-height:46px;justify-content:center}.departure-note{font-size:11px;line-height:1.9;color:#6e8358;margin:15px 0 0}.address-wallet-intro{border:1px solid #d0ddbe;background:#f0f6e6;padding:17px;border-radius:12px}.address-wallet-intro>p{font-size:12px;line-height:1.8;color:#697e51;margin:0 0 12px}.address-wallet-intro .pill{font-size:12px;min-height:44px;width:100%;justify-content:center}.wallet-return-banner{padding-top:14px;border-top:1px solid #d0ddbe;margin:15px 0 0!important}.address-entry form[aria-disabled=true]{opacity:.6}.address-entry form[aria-disabled=true] button{cursor:default}.journey-unlocked .departure-stage.is-current>span{color:#426a20}.wallet-launch-dialog [hidden],.address-wallet-intro [hidden],.browser-entry [hidden]{display:none!important}@keyframes entry-float{50%{transform:translateY(-15px) rotate(3deg)}}@keyframes entry-drift{50%{translate:0 -10px}}@media(max-width:900px){.entry-layout{grid-template-columns:1fr;padding-top:35px}.entry-copy h1{font-size:48px}.entry-visual{height:340px;max-width:490px;width:100%;margin:auto;grid-row:1}.entry-planet{width:53%;left:25%;top:6%}.entry-orbit{width:88%;left:6%;top:29%;height:31%}.orbit-two{width:70%;left:15%;height:55%;top:15%}.float-top{top:8%;left:0}.float-bottom{bottom:18%;right:0}.entry-coordinate{bottom:6%;left:16%}.entry-link-box,.entry-copy>p,.entry-instructions{max-width:100%}.entry-copy .eyebrow{margin-top:15px}.entry-footer{flex-wrap:wrap}.departure-journey{grid-template-columns:repeat(3,1fr)}.departure-journey>.pill{grid-column:1/-1}.departure-story{display:block}.departure-story .pill{margin-top:10px}.departure-options button{padding:20px}.departure-options b{font-size:15px}}@media(max-width:600px){.browser-entry{padding:0 6%}.entry-top{height:74px}.entry-top>.logo{font-size:24px}.entry-top>span{font-size:9px;max-width:90px;line-height:1.7;text-align:right}.entry-layout{padding-top:15px;gap:0}.entry-visual{height:270px}.entry-planet{width:58%;left:24%;top:9%}.entry-planet span{font-size:85px}.entry-float{padding:10px 12px;gap:9px;font-size:10px}.entry-float>span{width:30px;height:30px;font-size:22px}.entry-float small{font-size:9px}.float-top{top:10%;left:0}.float-bottom{bottom:13%;right:0}.entry-coordinate{font-size:8px;bottom:2%;left:12%}.entry-copy h1{font-size:38px;letter-spacing:-1px;line-height:1.3;margin:17px 0}.entry-copy>p{font-size:13px}.entry-tags{gap:6px;margin:20px 0}.entry-tags span{font-size:10px;padding:7px 9px}.entry-link-box{padding:18px}.entry-link-box label{font-size:11px;line-height:1.7}.entry-instructions{gap:17px}.entry-instructions li{padding-left:33px}.entry-footer{font-size:10px;line-height:1.8;gap:8px}.entry-footer button{font-size:10px}.departure-options{grid-template-columns:1fr;gap:10px}.departure-options button{padding:18px 18px 18px 68px;min-height:100px}.departure-options button>span{position:absolute;left:19px;top:24px;font-size:32px;margin:0}.departure-options b{font-size:15px}.departure-options small{font-size:11px;margin-top:5px}.departure-options i{font-size:9px;margin-top:10px}.departure-story h3{font-size:19px}.departure-story p{font-size:12px}.departure-journey{padding:17px;gap:18px 10px}.departure-stage{display:block}.departure-stage>span{display:block;margin:0 0 8px}.departure-stage b{font-size:11px;line-height:1.8}.departure-stage small{display:block;font-size:9px;line-height:1.7;margin-top:5px}.departure-note{font-size:11px}.address-wallet-intro{padding:14px}}@media(prefers-reduced-motion:reduce){.browser-entry *,.departure *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.address-safety-dialog{max-width:700px;width:calc(100% - 30px);padding:32px;max-height:88dvh;overflow:auto;overscroll-behavior:contain;background:#f2f3ec;color:#141611}.address-safety-dialog>.eyebrow{padding-inline-end:32px;line-height:1.7}.address-safety-dialog h2{font-size:clamp(27px,4vw,38px);line-height:1.2;letter-spacing:-1px;margin:18px 0}.address-safety-intro{font-size:13px;line-height:1.85;color:#687958}.address-safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.address-safety-card{border:1px solid #cbd8ba;background:#f9fbf4;border-radius:16px;padding:20px;min-width:0}.address-safety-card:first-child{background:#e8f1d9}.address-safety-card>span{font:10px monospace;letter-spacing:1px;color:#6b8750}.address-safety-card h3,.address-safety-steps h3{font-size:15px;line-height:1.55;font-weight:500;margin:15px 0 9px}.address-safety-card p{font-size:12px;line-height:1.85;color:#687958;margin:0;overflow-wrap:anywhere}.address-safety-steps{border:1px solid #cbd8ba;border-radius:16px;padding:19px 22px;background:#eaf1df}.address-safety-steps h3{margin:0 0 12px}.address-safety-steps ol{margin:0;padding-inline-start:20px;display:grid;gap:10px;font-size:12px;line-height:1.85;color:#5d7549}.address-safety-scope{font-size:11px;line-height:1.85;color:#6c7f58;border-top:1px solid #cbd8ba;padding-top:18px;margin:23px 0 17px}.address-safety-dialog>#wallet-return-to-form{width:100%;justify-content:center;min-height:48px;font-size:13px;white-space:normal;text-align:center}.address-safety-dialog .close{min-width:44px;min-height:44px}.address-safety-dialog [hidden]{display:none!important}@media(max-width:600px){.address-safety-dialog{padding:25px 20px;max-height:88dvh}.address-safety-grid{grid-template-columns:1fr;gap:10px;margin:20px 0}.address-safety-card{padding:18px}.address-safety-card h3{font-size:15px;margin-top:12px}.address-safety-steps{padding:18px}.address-safety-dialog .close{margin:-9px -9px 0 0}.address-safety-dialog>#wallet-return-to-form{font-size:12px}.departure-stage small{overflow-wrap:anywhere}}

.entry-next{max-width:490px;background:#e7f0da;border:1px solid #c5d7ad;border-radius:22px;padding:27px;margin:22px 0 0;scroll-margin-top:24px;animation:handoff-arrive .4s ease-out}.entry-next h2{font-size:35px;line-height:1.25;letter-spacing:-1px;margin:22px 0 15px}.handoff-status{display:flex;align-items:center;gap:10px;color:#496a2d;flex-wrap:wrap}.handoff-status>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d5ff5f;font-size:19px}.handoff-status b{font-size:12px;font-weight:500}.handoff-status small{margin-left:auto;font:9px monospace;color:#8a9a74}.handoff-lead{font-size:12px;color:#6a8053;line-height:1.9}.handoff-steps{padding:0;list-style:none;margin:24px 0;display:grid;gap:20px}.handoff-steps li{display:flex;align-items:flex-start;gap:13px}.handoff-number{font:10px monospace;color:#7b9362;padding-top:4px;flex-shrink:0}.handoff-steps li>div:nth-child(2){flex:1;min-width:0}.handoff-steps b{font-size:13px;font-weight:500;line-height:1.7}.handoff-steps p{font-size:11px;line-height:1.9;color:#7a8d67;margin:8px 0 0}.handoff-compass{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c0d1aa;border-radius:50%;font-size:23px;color:#5a7f35;flex-shrink:0}.handoff-arrival{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #ccdabb;margin:5px 0 15px}.handoff-arrival>span{font:35px serif;color:#86a452}.handoff-arrival p{margin:0}.handoff-arrival b{display:block;font-size:12px;font-weight:500;line-height:1.8}.handoff-arrival small{display:block;font-size:10px;line-height:1.8;color:#82946e;margin-top:4px}.entry-next>.pill{font-size:12px;width:100%;justify-content:center;min-height:47px}.handoff-desktop{padding:15px 0 0;margin-top:12px;border-bottom:0;border-top:1px solid #d0debf}.handoff-desktop summary{font-size:11px;color:#6d8455;min-height:32px;line-height:1.8}.handoff-desktop p{font-size:11px;line-height:1.9;color:#7d8e6c}.handoff-manual{display:block;border:1px solid #cbd8b9;border-radius:22px;background:#eff5e6;color:#4c6c32;padding:12px 15px;font-size:11px;min-height:44px;width:100%;margin-top:15px}.entry-link-box button:disabled{cursor:wait;opacity:.65}.entry-copied .entry-link-box{border-color:#bdcf9f}.entry-copied .entry-link-box .entry-status{color:#4e712e}@keyframes handoff-arrive{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.entry-next{max-width:none}}@media(max-width:600px){.entry-next{padding:21px 18px;border-radius:19px;scroll-margin-top:15px}.entry-next h2{font-size:31px;margin-top:20px}.handoff-status{gap:8px}.handoff-status small{font-size:8px}.handoff-lead{font-size:12px}.handoff-steps{gap:19px}.handoff-steps li{gap:10px}.handoff-steps b{font-size:12px}.handoff-steps p{font-size:11px}.handoff-compass{width:31px;height:31px;font-size:21px}.entry-next>.pill{font-size:11px;padding:13px 10px}.handoff-arrival{gap:10px}.handoff-arrival b{font-size:11px}.entry-copied .entry-visual{animation-play-state:paused}.handoff-manual{font-size:11px}}@media(prefers-reduced-motion:reduce){.entry-next{animation:none!important}}
.browser-entry .handoff-desktop summary{min-height:44px}
.browser-entry .entry-next[hidden],.browser-entry .handoff-manual[hidden],.browser-entry .entry-instructions[hidden]{display:none!important}

.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-180%);padding:12px 18px;background:#141611;color:#d5ff5f;border-radius:20px;z-index:100}.skip-link:focus{transform:none}.app-error{padding:15px 22px;background:#e4edcf;border-bottom:1px solid #b9ca9f;font-size:13px;line-height:1.8}.app-error[hidden]{display:none}.app-error button{border:0;background:transparent;text-decoration:underline;margin-left:12px;min-height:44px}.noscript-note{padding:35px 7%;border:1px solid #d0d9c1}.noscript-note h2{font-size:25px}.noscript-note p{line-height:1.8;color:#67725b}.demo-label{background:#edf2e3}.wallet-next:disabled{cursor:default}.wallet-dialog .wallet-next{min-height:48px}.hero .intro{max-width:390px}.faq details p{font-size:14px}.footer-release{font-size:10px;color:#879174}.library-notice{max-width:680px}.mission-step summary{min-height:44px}body{font-family:"Microsoft YaHei","PingFang SC",sans-serif}.hero h1,.section h2{font-weight:500}dialog{overscroll-behavior:contain}@media(max-width:600px){.wallet-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom))}.wallet-dialog h2{font-size:27px!important}.wallet-dialog .wallet-next{min-height:48px}.passport-top>span{font-size:10px}.app-error{padding:12px 18px}.skip-link{font-size:13px}.hero .intro{font-size:15px}}

.legacy-backdrop{position:fixed;inset:0;background:#182210a8;z-index:99}.legacy-dialog[open]{position:fixed;inset:auto;left:50%;top:50%;translate:-50% -50%;margin:0;z-index:100;max-height:90vh;overflow:auto}dialog:not([open]){display:none}.dialog-open{overflow:hidden}.storage-warning{background:#e6edda;border:1px solid #bdcca8;border-radius:9px;padding:12px 16px;margin:16px 0;color:#52673b;font-size:12px;line-height:1.8}.storage-warning[hidden]{display:none}
.hero{overflow:hidden}

/* Long translations and right-to-left reading share the original ORBIT palette. */
body{font-family:Arial,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.language-picker{display:inline-flex;align-items:center;gap:7px;position:relative;flex-shrink:0;font:12px Arial,sans-serif;color:#52673e;min-height:44px}
.language-picker>span[data-language-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.language-picker select{font:inherit;background:#f8fbf1;color:#293b1e;border:1px solid #cbd8b9;border-radius:24px;min-height:44px;padding:8px 28px 8px 12px;max-width:165px;cursor:pointer}
.language-picker select:focus-visible{outline:2px solid #617b3d;outline-offset:3px}
.language-picker select:disabled{opacity:.65;cursor:wait}
.language-status{position:absolute;top:100%;inset-inline-end:0;font-size:11px;line-height:1.6;width:220px;text-align:start;background:#f2f3ec;z-index:40}
.entry-top{flex-wrap:wrap;gap:16px}.entry-top>.language-picker{margin-inline-start:auto}
nav{gap:15px}.navlinks{min-width:0}.pill,.textbutton{white-space:normal;text-align:center;line-height:1.5}
.entry-copy,.section-head>div,.departure-story>div,.address-entry,.demo-main{min-width:0}
.entry-copy h1{font-size:clamp(42px,4.6vw,74px);line-height:1.08;overflow-wrap:break-word;letter-spacing:-2.2px}
.entry-copy>p{max-width:510px}.entry-visual .float-top{max-width:250px}.entry-float b,.entry-float small{line-height:1.6}
.entry-tags{flex-wrap:wrap}.entry-link-box>.pill{min-height:48px}.learning-bottom,.route-row,.release-local-summary>div{gap:12px}
.learning-body h3,.departure-options b,.wallet-direct-link b,.roadmap-item h3{overflow-wrap:break-word}
#entry-page-url,#address-page-url,#public-wallet-address,#address-full-value,#address-card-code,.wallet-direct-link i{direction:ltr;unicode-bidi:plaintext;text-align:left}
html[lang=ar] body,html[lang=hi] body,html[lang=th] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html[lang=ar] h1,html[lang=ar] h2,html[lang=hi] h1,html[lang=hi] h2,html[lang=th] h1,html[lang=th] h2{letter-spacing:0!important;line-height:1.35!important}
html[dir=rtl] .entry-instructions,html[dir=rtl] .wallet-manual-guide ol{padding-left:0;padding-right:22px}
html[dir=rtl] .entry-instructions li::before{left:auto;right:-25px}
html[dir=rtl] .entry-next h2,html[dir=rtl] .handoff-desktop,html[dir=rtl] .learning-body,html[dir=rtl] .release-dialog{text-align:right}
html[dir=rtl] .mission-step summary::after{margin-left:0;margin-right:auto}
html[dir=rtl] .language-picker select{padding:8px 12px 8px 28px}
@media(max-width:1100px){nav .navlinks{gap:12px}nav .navlinks a{font-size:11px}nav .pill{padding:10px 15px}.hero h1{font-size:clamp(42px,5.8vw,72px)}}
@media(max-width:700px){.entry-top>span:not(.language-picker){display:none}.language-picker select{max-width:144px}.entry-copy h1{font-size:clamp(39px,10.2vw,58px);line-height:1.12;letter-spacing:-1.6px}.entry-visual{margin-top:20px}.entry-float{max-width:190px}.entry-float b{font-size:11px}.entry-tags span{font-size:10px}.entry-next h2{font-size:30px;line-height:1.2}.section-head h2,.community h2{overflow-wrap:break-word}.filters{flex-wrap:wrap}.departure-options b{font-size:16px}.departure-journey{gap:16px}.departure-stage{min-width:0}.departure-stage b{font-size:12px;line-height:1.6}.departure-stage small{font-size:10px;line-height:1.6}.mobile-journey a,.mobile-journey button{font-size:10px;text-align:center}nav{gap:9px}nav .language-picker{margin-inline-start:auto}nav .language-picker>span[aria-hidden]{display:none}nav .pill{display:none}.mobile-menu-toggle{font-size:11px;min-height:44px}.hero .actions .pill{min-height:48px}.passport-name{font:500 21px Arial,"Segoe UI",sans-serif}}
@media(max-width:360px){.entry-top{gap:8px}.entry-copy h1{font-size:37px}.entry-float{max-width:160px}.departure-options{gap:10px}.language-picker select{max-width:130px}.entry-copy>.eyebrow{font-size:10px}}

/* ORBIT showcase layer: depth and light in the existing paper/lime/ink palette. */
.section-head .eyebrow{color:#607544}
.section-head .eyebrow::before{content:'';inline-size:19px;block-size:1px;background:#86a951;flex-shrink:0}
.section-head h2{max-inline-size:100%;text-wrap:balance}

/* Interest choices gain an illuminated rim; the selected state stays legible. */
.departure{background:radial-gradient(ellipse at 85% 0,#d5ff5f24,transparent 53%),#eaf0e1}
.departure-options button{isolation:isolate;background:linear-gradient(145deg,#ffffffb3,#ffffff00 72%),#f9fcf3;border-color:#c4d2b2;box-shadow:0 2px 0 #ffffffb3 inset,0 5px 14px #25391705;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.departure-options button::before{content:'';position:absolute;inline-size:154px;block-size:154px;border:1px solid #708c4821;border-radius:50%;inset-inline-end:-47px;inset-block-start:-66px;box-shadow:0 0 0 18px #708c4807,0 0 0 36px #708c4804;pointer-events:none;z-index:-1;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.departure-options button[aria-pressed=true]{background:radial-gradient(ellipse at 0 0,#f4ffcf 0,transparent 80%),#d5ff5f;border-color:#8dad43;box-shadow:0 2px 0 #ffffff8c inset,0 13px 26px #53752717,0 0 0 3px #d5ff5f29}
.departure-options button[aria-pressed=true]::before{border-color:#46672340;box-shadow:0 0 0 18px #58762a0d,0 0 0 36px #58762a07;transform:translateY(8px) rotate(15deg)}
.departure-options button[aria-pressed=true]>span{text-shadow:0 3px 12px #29430926}
.departure-journey{box-shadow:0 1px 0 #ffffffd9 inset,0 10px 25px #2d421009}
.departure-stage{position:relative}
.departure-stage.is-current>span{color:#314b1e;text-shadow:0 0 16px #91ba3a66}
.journey-unlocked .departure-journey{border-color:#9ebc77;box-shadow:0 1px 0 #fff inset,0 8px 23px #354c1010}

/* Small graphic stages make the existing editorial cards feel collectible. */
.card,.learning-card{position:relative;isolation:isolate;box-shadow:0 1px 0 #fff inset,0 7px 16px #26391705}
.card .art{background-image:radial-gradient(ellipse at 25% 5%,#ffffffa8,transparent 67%)}
.card .art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#54673b0a 1px,transparent 1px),linear-gradient(90deg,#54673b0a 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(130deg,#000,transparent 75%);pointer-events:none}
.card .art::after{content:'';position:absolute;inline-size:165px;block-size:165px;border:1px solid #495d3130;border-radius:50%;inset-inline-end:-51px;inset-block-end:-65px;box-shadow:0 0 0 17px #495d3108,0 0 0 34px #495d3105;transition:transform .8s;pointer-events:none}
.card .art .glyph{position:relative;z-index:1}
.card .tag{z-index:2;border:1px solid #ffffff8c;box-shadow:0 3px 8px #34491b05}
.cardbody{background:linear-gradient(140deg,#ffffff80,transparent 80%)}
.cardfoot .textbutton{line-height:1.6}
.learning-card{border-color:#cbd7bd;background:#fafcf6;transition:border-color .3s,box-shadow .3s,transform .35s}
.learning-art{background:radial-gradient(ellipse at 15% 0,#ffffffa3,transparent 75%),var(--tile)}
.learning-art::before{content:'';position:absolute;inset:10px;border:1px solid #ffffff73;border-radius:8px;pointer-events:none}
.learning-art::after{border-color:#49632b24;box-shadow:0 0 0 18px #49632b07,0 0 0 36px #49632b04;transition:transform .8s}
.learning-art strong{position:relative;z-index:1;text-shadow:0 8px 18px #31441b12}
.learning-art small{position:relative;z-index:1}
.learning-body{background:linear-gradient(145deg,#ffffff85,transparent 75%)}
.learning-meta span:first-child{border:1px solid #dce5cf;background:#edf3e4}
.learning-card:has(.save-route[aria-pressed=true]){border-color:#8cae59;box-shadow:0 0 0 2px #b6d8751a,0 8px 22px #31471a0a}
.save-route[aria-pressed=true]{background:#e7f2d7;border-radius:20px;padding:2px 7px;margin-inline-end:-7px}
.library-filters button,.filters button{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.library-filters button[aria-pressed=true],.filters button[aria-pressed=true]{box-shadow:0 3px 8px #18220d19,0 1px 0 #ffffff1f inset}

/* Quiet work surfaces frame the learning flow without moving its text. */
.demo-shell,.address-shell{border-color:#c3d0b3;box-shadow:0 2px 0 #ffffffb3 inset,0 20px 45px #2639170b}
.demo-main,.address-entry{background:linear-gradient(135deg,#ffffff99,transparent 65%)}
.demo-top .live-dot{box-shadow:0 0 0 4px #a5c27319,0 0 0 8px #a5c27308}
.mission-banner{border:1px solid #d6e1c7;background:radial-gradient(ellipse at 10% 10%,#f6ffdf,transparent 75%),#edf2e2;box-shadow:0 1px 0 #fff inset}
.mission-step[open]{background:#eef3e680;box-shadow:0 1px 0 #ffffff80 inset}
.mission-step.step-complete{border-inline-start:2px solid #92ae64}
.finish-panel{border:1px solid #c9d9b2;background:linear-gradient(140deg,#f6ffdf,#edf3e1);box-shadow:0 1px 0 #fff inset}
.finish-panel .eyebrow{color:#567c2f}
.resume-card{box-shadow:0 1px 0 #ffffffa8 inset}

/* The passport has a foil-like edge and a subtle orbital engraving. */
.passport,.address-passport{isolation:isolate;background:radial-gradient(ellipse at 5% 0,#f3ffdf,transparent 72%),#e4edd6;box-shadow:1px 0 0 #c8d6b5 inset}
.passport::before{content:'';position:absolute;inline-size:240px;block-size:240px;inset-inline-end:-110px;inset-block-end:45px;border:1px solid #607d3930;border-radius:50%;box-shadow:0 0 0 18px #607d3908,0 0 0 36px #607d3905;pointer-events:none;z-index:-1}
.passport-top,.address-passport-top{padding-block-end:13px;border-bottom:1px solid #bbcda463}
.passport-top span,.address-passport-top span{background:#f3f8eb6b;box-shadow:0 1px 0 #ffffff80 inset}
.passport-symbol{color:#203518;text-shadow:1px 1px 0 #ffffff80,0 5px 15px #405e2412}
.passport progress{height:6px;border-radius:4px;overflow:hidden}
.passport progress::-webkit-progress-value{background:linear-gradient(90deg,#4d642c,#84a845)}
.passport progress::-moz-progress-bar{background:linear-gradient(90deg,#4d642c,#84a845)}
.badge{background:#f3f8e85c;box-shadow:0 1px 0 #ffffff80 inset}
.badge.earned{background:linear-gradient(125deg,#293b1d,#141611);border-color:#35492b;box-shadow:0 0 0 3px #94b85c1a,0 8px 20px #2a421515}
.address-identicon{box-shadow:0 1px 0 #f6ffdc inset,0 8px 20px #435c1e0f;border-color:#adc586}
.address-benefits>div{border-top-color:#b8c9a2}

/* Dark interlude with etched geometry and a stationary light source. */
.manifesto{background:radial-gradient(ellipse at 90% -10%,#3c54273d,transparent 65%),#141611;border:1px solid #293121;box-shadow:0 20px 45px #23331510}
.manifesto::after{content:'';position:absolute;inline-size:330px;block-size:330px;inset-inline-end:-205px;inset-block-start:55px;border:1px solid #d5ff5f24;border-radius:50%;box-shadow:0 0 0 24px #d5ff5f05,0 0 0 48px #d5ff5f03;pointer-events:none;z-index:-1}
.manifesto .steps{border-color:#3c4833;padding-block:20px 4px}
.manifesto .num{box-shadow:0 0 0 5px #d5ff5f05}
.manifesto .steps b{color:#f3f8e9}
.manifesto .green{box-shadow:0 2px 0 #f1ffc46b inset,0 5px 18px #d5ff5f0b}
.roadmap-item{border:1px solid #d3ddc7;border-radius:15px;padding:24px;background:linear-gradient(145deg,#ffffff87,transparent),#edf1e6;box-shadow:0 1px 0 #fff inset}
.roadmap-item .phase{padding-block-end:15px;border-bottom:1px solid #d3ddc7}
.roadmap-item h3{margin-block-start:21px}
.community{background:radial-gradient(ellipse at 50% 62%,#d5ff5f20,transparent 61%)}
.community::before{border-color:#91a86b36}
.community::after{border-color:#91a86b29}
.community .pill.dark{box-shadow:0 5px 16px #24321b13}
.pill.dark,.pill.green{box-shadow:0 1px 0 #ffffff21 inset}
.pill.green{background:linear-gradient(135deg,#e4ff99,#d5ff5f)}

/* Safety information remains steady; only the panel gains depth. */
.address-safety-dialog{border-color:#bfcfaa;box-shadow:0 30px 85px #15200d29,0 1px 0 #fff inset}
.address-safety-card{box-shadow:0 1px 0 #fff inset}
.address-safety-card>span{display:inline-flex;align-items:center;gap:8px}
.address-safety-card>span::before{content:'';inline-size:4px;block-size:4px;flex-shrink:0;border-radius:50%;background:#90aa67}
.address-safety-steps{box-shadow:0 1px 0 #ffffff8c inset}
.address-safety-dialog .pill.dark{box-shadow:0 1px 0 #ffffff1f inset,0 6px 18px #2535150d}

@media(hover:hover) and (pointer:fine){
  .departure-options button:hover{opacity:1;border-color:#9cb775;transform:translateY(-4px);box-shadow:0 1px 0 #fff inset,0 13px 27px #49641c12}
  .departure-options button:hover::before{transform:translateY(8px) rotate(15deg)}
  .card:hover .art::after,.learning-card:hover .learning-art::after{transform:translate(-8px,-5px) scale(1.06)}
  .learning-card:hover{border-color:#9ab675;box-shadow:0 14px 32px #2b421b12}
  .library-filters button:hover,.filters button:hover{opacity:1;border-color:#91a876;transform:translateY(-1px)}
  .roadmap-item:hover{box-shadow:0 12px 25px #2b421b0c}
}
@media(hover:none){
  .departure-options button:active{opacity:1;transform:scale(.987)}
  .learning-card:active{border-color:#95ad73}
}
@media(max-width:900px){
  .passport,.address-passport{box-shadow:0 1px 0 #c8d6b5 inset}
  .roadmap-item{padding:22px}
}
@media(max-width:600px){
  .departure-options button::before{inline-size:130px;block-size:130px;inset-inline-end:-58px;inset-block-start:-63px}
  .departure-options button[aria-pressed=true]{box-shadow:0 1px 0 #ffffffa8 inset,0 5px 16px #5375270d,0 0 0 2px #d5ff5f29}
  .section-head .eyebrow::before{inline-size:14px}
  .manifesto::after{inline-size:260px;block-size:260px;inset-inline-end:-190px}
  .roadmap-item{padding:21px}
  .learning-art::after{inline-size:150px;block-size:150px}
}
.motion-paused .departure-options button,.motion-paused .departure-options button::before,
.entry-paused .departure-options button,.entry-paused .departure-options button::before,
.motion-paused .card .art::after,.motion-paused .learning-art::after,
.entry-paused .card .art::after,.entry-paused .learning-art::after{transition:none!important}
@media(prefers-reduced-motion:reduce){
  .departure-options button,.departure-options button::before,.card .art::after,.learning-art::after,
  .library-filters button,.filters button,.learning-card,.roadmap-item{transition:none!important}
  .departure-options button:hover,.departure-options button:active,.library-filters button:hover,.filters button:hover{transform:none}
  .card:hover .art::after,.learning-card:hover .learning-art::after{transform:none}
}

/* Brief touch accents, outside the text and control layout. */
.orbit-tap{position:fixed;z-index:1000;pointer-events:none;border:1px solid #63853180;border-radius:50%;background:radial-gradient(circle,transparent 45%,#d5ff5f50 70%,transparent 72%);box-shadow:inset 0 0 0 5px #d5ff5f20;contain:layout style;will-change:transform,opacity}
.orbit-burst{position:fixed;z-index:80;pointer-events:none;width:100px;height:100px;contain:layout style;will-change:transform,opacity}
.orbit-burst i{position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:10px;border-radius:3px;background:#86a93d;transform:rotate(var(--ray-angle)) translateY(-54px)}
.orbit-burst i:nth-child(even){background:#d5ff5f;height:6px;transform:rotate(var(--ray-angle)) translateY(-42px)}
.orbit-visual-offscreen,.orbit-visual-offscreen:before,.orbit-visual-offscreen:after,.orbit-visual-offscreen *,.orbit-visual-offscreen *:before,.orbit-visual-offscreen *:after{animation-play-state:paused!important}
.motion-paused .orbit-tap,.motion-paused .orbit-burst,.tab-away .orbit-tap,.tab-away .orbit-burst{display:none}
@media(prefers-reduced-motion:reduce){.orbit-tap,.orbit-burst{display:none}}