:root{color-scheme:light;--bg:#e9e7de;--text:#262c29;--muted:#616963;--gold:#445647;--border:#a4aba1;--serif:'Microsoft YaHei','PingFang SC',sans-serif}
body{background:var(--bg);color:var(--text)}.app-shell{max-width:none;padding:0 5vw}.site-header{height:106px;gap:25px}.brand{color:#202523;gap:20px}.brand svg{width:65px;stroke-width:1.6}.brand>span{font:18px/1.3 var(--sans);letter-spacing:8px}.brand small{font:10px/1.5 var(--sans);letter-spacing:5px}.site-header nav{gap:0}.site-header nav button{font:14px/1.6 var(--sans);letter-spacing:2px;padding:0 27px;border-right:1px solid #879089;color:#37453b}.demo-label{font:13px var(--sans);border:0;padding:0;letter-spacing:2px;color:#37453b}.site-header nav button:hover{color:#18251b;text-decoration:underline;text-underline-offset:10px}
.map-mode{background:#c9cdc3 url('assets/sculpture-scene.png') center/cover fixed no-repeat}.map-mode .site-header nav button,.map-mode .demo-label{color:#f3f2e9}.map-mode .site-header nav button{border-color:#a1a7a3}.map-mode .app-shell{padding:0 5vw}.map-mode .site-header{height:106px}.map-view{height:calc(100svh - 106px)}.map-view::before,.map-view::after{display:none!important}#star-map,#map-nodes,.map-tools,.map-feedback,.map-help{display:none}.atlas-mode #star-map,.atlas-mode #map-nodes,.atlas-mode .map-tools,.atlas-mode .map-feedback,.atlas-mode .map-help{display:block}.atlas-mode .map-tools{display:flex}.atlas-mode .site-header nav button,.atlas-mode .demo-label{color:#36483b}.atlas-mode .scene-caption{display:none}
.map-intro{position:static;width:auto;pointer-events:none}.map-intro h1{position:absolute;left:0;top:11vh;font:300 clamp(30px,3.5vw,60px)/1.48 var(--sans);letter-spacing:.15em;color:#171d19;margin:0;white-space:nowrap}.map-intro>p{position:absolute;left:0;top:32vh;font:14px/2 var(--sans);letter-spacing:.35em;color:#666d64;border-left:1px solid #868d80;padding:0 0 30px 28px;margin:0}.map-cta{position:absolute;left:0;top:50vh;display:flex;width:260px;justify-content:space-between;background:none!important;box-shadow:none;border:0;border-bottom:1px solid #777f71;border-radius:0;color:#242e23;padding:12px 0 16px 36px;font:15px var(--sans);letter-spacing:4px}.map-cta:hover{border-color:#1f3325;transform:translateY(-2px)}.map-cta span{font-size:24px}.atlas-entry{position:absolute;left:0;top:calc(50vh + 69px);background:none;border:0;color:#3e5042;font:11px var(--sans);letter-spacing:2px;padding:8px 0;pointer-events:auto}.atlas-entry span{margin-left:24px}.map-levels{position:fixed;right:5vw;top:53vh;display:block;width:185px;border:0;margin:0;padding:0 0 54px;border-left:1px solid #d2d4c754}.map-levels button{display:flex;align-items:center;width:100%;padding:13px 0;border:0;color:#e1e4d9;font:12px var(--sans);letter-spacing:2px;gap:28px}.map-levels em{font:13px var(--sans);letter-spacing:2px;color:#f3f4e9;width:28px;margin-left:-49px}.map-levels button>span{display:none}.map-levels button:hover{color:white}.map-invitation{position:absolute;top:calc(50vh + 106px);left:0;display:block;margin:0}.map-invitation strong{font:12px var(--sans);letter-spacing:1px;color:#344939}.map-invitation small{color:#52634e;font:10px var(--sans);letter-spacing:1px}.map-bottom{left:5vw;right:5vw;bottom:4vh;color:#28392f;font:10px/1.8 var(--sans);letter-spacing:4px;text-shadow:none}.map-bottom>span:last-child{display:block}.scene-caption{position:fixed;right:5vw;top:26vh;color:#d8ddd5;font:9px/2.4 var(--sans);letter-spacing:3px;padding-left:30px;border-left:1px dotted #c5cec3}
.atlas-mode .map-intro h1{font-size:30px;top:5vh;letter-spacing:3px}.atlas-mode .map-intro>p{top:18vh;font-size:12px;letter-spacing:1px}.atlas-mode .map-cta{top:32vh;width:225px;font-size:13px;padding-left:0}.atlas-mode .atlas-entry{display:none}.atlas-mode .map-levels{position:absolute;left:0;right:auto;top:43vh;width:220px;border:0;padding:0}.atlas-mode .map-levels button{color:#465847;border-bottom:1px solid #697d6738;gap:12px;font-size:11px}.atlas-mode .map-levels em{margin:0;color:#465847}.atlas-mode .map-invitation{top:64vh}.atlas-mode .node-label{color:#3a4b3d;text-shadow:0 1px 8px #eef0e6}.node-ring{border-color:#6c7c61}.personal-node{background:#f6f3e9e0;color:#3e5540;border-color:#7b8b70}.map-tools button{background:#eeeee2bb;color:#3e5244;border-color:#758472;backdrop-filter:blur(10px)}.map-feedback{color:#455747}.map-help{color:#3f5041;font:11px var(--sans);letter-spacing:1px}
h1,h2,h3{color:#303e31;font-weight:400;letter-spacing:2px}.intro{color:#626d60}.serial,.text-button,.star-story>span,.family-summary span,.depth-links button{color:#4a634c}.hero{padding-top:35px}.planet-stage{right:-3vw;width:65%;top:0}.planet-stage img{object-fit:contain;mask-image:none;filter:drop-shadow(-25px 35px 30px #4b5b4b25)}.planet-caption{color:#607259;font-size:15px}.leader,.leader:before,.leader:after{background:#89937b}.primary{border:1px solid #69765d;background:#65745b;color:#fffef1;border-radius:0;box-shadow:none;font:15px/1.6 var(--sans);letter-spacing:2px}.primary:hover{background:#4d634d}.secondary{background:#ffffff24;border:1px solid #89967e;border-radius:0;color:#3f573f;font:13px/1.6 var(--sans)}.secondary:hover{background:#f7f5e9}.fine-print{color:#667061}.star-story{border-color:#889279}.star-story p{color:#3b4c3d}.steps{border-color:#a1ab97}.steps>div{font:14px var(--sans);color:#687762}.steps em{color:#67765e}.steps i{background:#acb4a3}.site-footer,.site-footer button{color:#71816b}.star-row{border-color:#aeb7a4}.star-row h2{color:#41563f}.star-row:hover{background:#ffffff36}.star-row img{object-fit:contain}.wish{border-color:#9aa78e}.wish>p{color:#354b37}.wish footer{color:#4c6348}.wish-star{color:#7d8d6e}.wish footer small,.star-row p,.star-row small{color:#75826c}.fingerprint{stroke:#83907466}.fingerprint polygon{fill:#5b754419;stroke:#637b4f}.family-summary p{color:#66765e}.empty-state p{color:#67735f}
dialog{background:#efeee4f5;border:1px solid #9eaa91;border-radius:0;box-shadow:0 30px 100px #1d332b35;color:#33432f;backdrop-filter:blur(24px)}dialog::backdrop{background:#34453d5c;backdrop-filter:blur(13px)}dialog h2{color:#364a32;font:28px/1.5 var(--sans)}.close-button{color:#62745a}.modal-intro,label{color:#6d7964}input,textarea,select{background:#fbfaf35e;border:1px solid #abb59f;border-radius:0;color:#364730}input:focus,textarea:focus,select:focus{border-color:#617a4f;box-shadow:0 0 0 2px #6e86571c}input::placeholder,textarea::placeholder{color:#919984}.advanced{border-color:#aeb7a0}.advanced summary{color:#4e6744}.advanced summary span{color:#7f8b73}.voucher-options label span,.quiz-option span{background:#f7f6ed;color:#53664a;border-color:#b2bba5}.voucher-options input:checked+span,.quiz-option input:checked+span{background:#dae1cf;color:#34492c;border-color:#7a8f68}.research-content{color:#5b6c50}.research-content h3,.research-content summary,.research-content strong{color:#3c5733}.research-content pre,.comparison-result{background:#e1e5d8}.research-tabs{border-color:#abb6a0}.research-tabs button{color:#77836c}.research-tabs button[aria-selected=true]{color:#38542f;border-color:#617f4f}.research-values dd,.signature-heading small{color:#4b6a3e}.reading-row{border-color:#b3bca9}.reading-row small,.reading-row h3{color:#456139}.reading-row p{color:#63725a}.letter{border-color:#8d9b7d}.gift-voucher{color:#48623d;border-color:#929f82}.signature{color:#5b704f}.gift-teaser{color:#66765d}.planet-hotspot{background:#eff0e4e6;border-color:#778a63;color:#476337}.planet-hotspot:hover{background:#dce4cc}.toast{background:#344c37;color:#f5f3e6;border:1px solid #7f9571}.family-panel{background:#eceee1ed;border:1px solid #9daa8f;border-radius:0;color:#4e6244;box-shadow:0 20px 80px #3d514328}.family-panel h2,.family-motto,.family-tone,.map-panel-close{color:#465d3c}.family-planet{object-fit:contain;mask-image:none}.undo-bar{border-color:#8e9e80;color:#49613e}
@media(max-width:1000px) and (min-width:761px){.site-header nav button{padding:0 15px;font-size:12px}.brand>span{font-size:16px;letter-spacing:5px}.map-levels{right:3vw;width:150px}.map-intro h1{font-size:36px}.map-intro>p{font-size:12px;letter-spacing:2px}}
@media(max-width:760px){.map-mode{background-position:58% center}.map-mode .app-shell,.app-shell{padding:0 24px}.site-header,.map-mode .site-header{height:110px;gap:8px;align-content:center;flex-wrap:wrap}.brand>span,.map-mode .brand>span{font-size:16px;letter-spacing:5px}.brand svg,.map-mode .brand svg{width:42px}.brand small,.map-mode .brand small{font-size:8px}.site-header nav,.map-mode .site-header nav{width:100%;margin:4px 0 0;gap:0;justify-content:flex-start}.site-header nav button,.map-mode .site-header nav button{padding:0 15px;font-size:11px;color:#3c4e3e;letter-spacing:1px}.site-header nav button:first-child{padding-left:0}.demo-label,.map-mode .demo-label{margin-left:auto;color:#58674e;font-size:10px}.map-view{height:calc(100svh - 110px)}.map-intro h1{top:4vh;font-size:30px;line-height:1.5;letter-spacing:4px}.map-intro>p{top:20vh;font-size:11px;letter-spacing:2px;padding-left:14px;padding-bottom:10px}.map-intro>p br{display:block}.map-cta{top:34vh;width:230px;padding:10px 0;font-size:13px;letter-spacing:2px}.atlas-entry{top:calc(34vh + 60px);font-size:10px}.map-levels{right:24px;top:auto;bottom:10vh;width:140px;padding-bottom:0}.map-levels button{font-size:10px;padding:11px 0;gap:16px;text-shadow:0 1px 4px #34463b}.map-levels em{font-size:11px;margin-left:-33px;width:17px}.map-invitation{top:calc(34vh + 95px);display:block!important}.scene-caption{display:none}.map-bottom{bottom:20px;left:24px;right:24px;font-size:8px;letter-spacing:2px}.map-bottom>span:last-child{display:block;font-size:8px}.planet-stage{width:100%;height:350px;right:0}.planet-caption{font-size:12px}.hero-copy{width:100%}.hero{padding-top:12px}.family-panel{background:#eeeee3f5}.map-tools{right:12px;bottom:96px}.map-tools button{width:32px;height:32px}.map-help{display:none!important}.atlas-mode .map-intro{position:relative;height:187px;top:0;pointer-events:none}.atlas-mode .map-intro h1{top:4px;font-size:23px;letter-spacing:2px}.atlas-mode .map-intro>p{display:none}.atlas-mode .map-cta{top:84px;width:205px;font-size:12px}.atlas-mode .map-levels{display:flex;position:absolute;top:138px;bottom:auto;left:0;width:100%;gap:8px}.atlas-mode .map-levels button{gap:5px;font-size:9px;text-shadow:none;padding:8px 0}.atlas-mode .map-levels em{font-size:9px;width:auto}.atlas-mode .map-invitation{top:183px}.atlas-mode .map-invitation small{display:none}.map-node .node-label{font-size:14px}.star-row h2{font-size:19px}.page-heading h1{font-size:30px}.site-footer{font-size:10px}.map-levels button:focus-visible{outline-color:#fff}.map-node button:focus-visible{outline-color:#435b35}}
@media(max-width:760px) and (max-height:680px){.map-intro h1{font-size:25px;top:1vh}.map-intro>p{top:18vh}.map-cta{top:32vh}.atlas-entry{top:calc(32vh + 50px)}.map-levels{bottom:10vh}.map-invitation{display:none!important}.atlas-mode .map-intro{height:170px}.atlas-mode .map-intro h1{font-size:21px}.atlas-mode .map-cta{top:70px}.atlas-mode .map-levels{top:121px}.map-bottom{font-size:7px}}
@media(min-width:761px) and (max-height:500px){.map-mode .site-header{height:76px}.map-intro h1{top:4vh;font-size:28px}.map-intro>p{display:none}.map-cta{top:39vh;font-size:12px;width:230px;padding-left:0}.atlas-entry{top:calc(39vh + 55px)}.map-levels{top:45vh;right:4vw;width:145px;padding-bottom:15px}.map-levels button{font-size:10px;padding:9px 0}.map-levels em{margin-left:-30px;font-size:11px}.scene-caption{display:none}.atlas-mode .map-intro h1{top:3vh;font-size:22px}.atlas-mode .map-cta{top:25vh;width:210px}.atlas-mode .map-levels{top:40vh;width:210px}.atlas-mode .map-levels em{margin:0}.atlas-mode .map-invitation{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.map-intro h1,.map-intro>p,.personal-node{text-shadow:none}.map-cta{transition:color .2s,border-color .2s,transform .2s}.map-mode:not(.atlas-mode) .site-header nav button:first-child{color:#f3f2e9;border-bottom-color:#cdd0c3}.atlas-mode .node-label small{color:#667862}
@media(max-width:760px){.map-mode{background-image:url('assets/sculpture-mobile.png');background-position:center}.map-mode:not(.atlas-mode) .site-header nav button:first-child{color:#3c4e3e}.map-intro h1{top:3vh}.map-intro>p{top:16vh}.map-cta{top:27vh}.atlas-entry{top:calc(27vh + 55px)}.map-levels{left:24px;right:24px;width:auto;display:flex;gap:12px;bottom:9vh;border:0}.map-levels button{gap:8px;font-size:9px;letter-spacing:0;text-shadow:none;color:#e7e9dc}.map-levels em{margin:0;width:auto}.map-invitation{top:calc(27vh + 90px)}.atlas-mode .map-cta{top:84px}.atlas-mode .map-levels{top:138px;bottom:auto}.map-bottom{color:#283a2c}}
@media(max-width:760px) and (max-height:680px){.map-intro h1{top:0;font-size:24px}.map-intro>p{top:15vh;font-size:10px}.map-cta{top:27vh}.atlas-entry{top:calc(27vh + 50px)}.map-levels{bottom:8vh}.atlas-mode .map-cta{top:70px}.atlas-mode .map-levels{top:121px}}
.profile-status{max-width:470px;margin:18px 0;padding:12px 0;border-block:1px solid #9eaa8d;color:#536749;font-size:12px;line-height:1.9}.profile-status button{display:block;margin-top:7px}.storage-notice{position:relative;z-index:5;background:#faf0d8;color:#684e20;padding:12px 18px;border:1px solid #b7a273;font-size:13px}.storage-notice[hidden]{display:none}.map-mode .storage-notice{position:fixed;bottom:55px;left:24px;right:24px}