:root{--purple:#7759e8;--ink:#302d48;--muted:#79778d;--panel:#ffffffeb;--line:#34334d18;color-scheme:light;font-family:"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:#eeedf4;color:var(--ink)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,#scene:focus-visible{outline:3px solid #9d83ff;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.eyebrow{font:10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:2.6px;color:var(--muted)}#welcome{position:fixed;inset:0;overflow:auto;background:radial-gradient(ellipse at 50% 5%,#7967cb 0,#423369 45%,#19132f 100%);color:#fff;display:grid;place-items:center;min-height:100dvh}.welcome-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 22%,#fff9 99%,transparent),radial-gradient(2px 2px at 74% 18%,#e2d9ff 99%,transparent),radial-gradient(1px 1px at 87% 43%,#fff8 99%,transparent),radial-gradient(1px 1px at 36% 10%,#fff9 99%,transparent);background-size:480px 340px;opacity:.6}.home-link{position:absolute;top:30px;left:36px;text-decoration:none;font-size:12px;color:#d2c8f4;z-index:2}.welcome-copy{text-align:center;position:relative;z-index:2;padding:75px 24px 80px}.welcome-copy .eyebrow{color:#c9bcf3;font-size:11px}.welcome-copy h1{font-size:clamp(48px,6vw,84px);font-weight:600;letter-spacing:8px;margin:18px 0 22px}.welcome-copy h1 span{color:#d9caff}.lead{font-size:16px;line-height:2;color:#dbd4ef;font-weight:300}.welcome-orbits{width:330px;height:150px;margin:8px auto 15px;position:relative}.welcome-orbits i{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#dbcaff,#9072e5 40%,#47288a 85%);left:110px;top:14px;box-shadow:0 0 65px #ac83ff33}.welcome-orbits b{position:absolute;width:230px;height:62px;border:9px solid #bb9cef80;border-left-color:#e3d5ff;border-bottom-color:#d7c0fa;transform:rotate(-25deg);border-radius:50%;top:42px;left:48px}.welcome-orbits em{position:absolute;right:3px;top:6px;width:17px;height:17px;border-radius:50%;background:#eeccaa;box-shadow:0 0 22px #f8be8233}.welcome-orbits span{position:absolute;bottom:0;left:0;font:11px monospace;color:#d3c2e9}.welcome-orbits span:last-child{left:auto;right:0;top:3px}.primary{border:1px solid #d3bfff88;border-radius:40px;padding:17px 35px;background:#b799ff;color:#20163c;font-weight:600;min-width:210px;box-shadow:0 8px 40px #16073540}.primary:hover{background:#d1bdff}.primary span{margin-left:38px}.hint{color:#b4a7d3;font-size:11px;margin-top:21px}.mountains{position:absolute;bottom:0;width:100%;height:35%;pointer-events:none}.welcome-credit{position:absolute;bottom:14px;width:100%;text-align:center;color:#a69abd;font-size:10px;z-index:2}#explorer{height:100dvh;min-height:500px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 45%,#faf9fe,#e4e3ed);transition:background .8s,color .5s}#explorer.space{background:radial-gradient(ellipse at 50% 48%,#292442,#0d1022 70%);--ink:#ece9f7;--muted:#a29bb9;--panel:#1d1b32ef;--line:#ffffff20;color:var(--ink)}.toolbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:25px;padding:22px 30px}.wordmark{text-decoration:none;white-space:nowrap;font-weight:600;font-size:17px;letter-spacing:2px}.wordmark>span{color:#8e75db;font-size:26px;vertical-align:middle;margin-right:8px}.search-wrap{width:min(370px,40vw);margin:0 auto;position:relative;display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:0 4px 20px #25204604}.search-wrap>span{font-size:27px;padding-left:17px;color:var(--muted)}#search{width:100%;background:transparent;border:0;color:var(--ink);padding:13px 18px 13px 10px;font-size:12px;outline:none}#search::placeholder{color:var(--muted)}#results{position:absolute;left:0;right:0;top:53px;max-height:320px;overflow:auto;padding:6px;border-radius:15px;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px #17112a20}#results button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;border:0;padding:13px 12px;font-size:13px;border-radius:8px}#results button:hover{background:#9c79ee20}#results small{color:var(--muted);font-size:10px}#results p{padding:12px;font-size:12px;color:var(--muted)}.tools{display:flex;gap:7px}.tools button{border:1px solid var(--line);background:var(--panel);border-radius:50%;width:38px;height:38px;font-size:19px}.tools #tour{border-radius:25px;width:auto;padding:0 15px;font-size:17px}.tools #tour span{font-size:11px}.tools button[aria-pressed=true]{background:var(--purple);color:#fff}.chapter{position:absolute;left:36px;top:98px;z-index:3;pointer-events:none}.chapter h1{font-size:24px;letter-spacing:1px;font-weight:500;margin:9px 0}.chapter>p:last-child{font-size:12px;color:var(--muted);margin-top:12px}#scene{position:absolute;inset:0 0 184px;touch-action:none;overflow:hidden;outline-offset:-4px;cursor:grab}#scene:active{cursor:grabbing}#objects{position:absolute;inset:0}.object{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;padding:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer;isolation:isolate}.object svg{flex-shrink:0;overflow:visible;filter:drop-shadow(0 6px 8px #2d1e5620);pointer-events:none}.object .object-label{position:absolute;top:calc(100% + 10px);white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 9px;border-radius:7px;background:var(--panel);border:1px solid var(--line);pointer-events:none}.object small{display:block;font-size:9px;color:var(--muted);margin-top:3px;font-weight:400}.object:hover svg{filter:drop-shadow(0 0 10px #a38df5)}.object.selected .object-label{background:var(--purple);color:white}.object.selected small{color:#e9deff}.crosshair{position:absolute;left:50%;top:56%;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;pointer-events:none}.crosshair:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:15px monospace}#star-dots{position:absolute;inset:0;opacity:0;transition:opacity 1s;pointer-events:none}.space #star-dots{opacity:.6}#star-dots i{position:absolute;width:2px;height:2px;background:#dcd8f5;border-radius:50%}#empty-scale{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--muted);font-size:13px;width:75%;pointer-events:none}#empty-scale p{font-size:11px;opacity:.7}#scale-ruler{position:absolute;bottom:30px;left:32px;color:var(--muted);text-align:center;width:180px;font:10px monospace;pointer-events:none}#scale-ruler span{display:block;width:100%;height:7px;border:1px solid var(--muted);border-top:0;margin-bottom:6px}.scale-panel{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 60px));z-index:10;padding:14px 28px 12px;background:var(--panel);border:1px solid var(--line);border-radius:24px 24px 0 0;backdrop-filter:blur(15px);box-shadow:0 -5px 50px #28223e05}.scale-top{display:flex;align-items:center;justify-content:space-between}#scale-zone{font-size:11px;color:var(--muted);width:125px}.scale-value{font:36px/1 ui-monospace,Consolas,monospace;color:var(--purple);padding-right:16px}.scale-value sup{font-size:18px;vertical-align:super;display:inline-block;min-width:40px}.scale-value small{font:10px sans-serif;color:var(--muted);margin-left:5px}.scale-top button{background:none;border:0;font-size:11px;color:var(--muted)}.slider-row{display:flex;align-items:center;gap:17px;margin:9px 0 10px}.slider-row>button{border:1px solid var(--line);width:29px;height:29px;border-radius:50%;background:none;font-size:20px;margin-bottom:17px}.range-wrap{flex:1;min-width:0}#scale{width:100%;height:20px;accent-color:var(--purple);cursor:ew-resize;appearance:none;background:transparent;margin:0}#scale::-webkit-slider-runnable-track{height:7px;border-radius:10px;background:linear-gradient(90deg,#ada5d2,#8463d9 55%,#b29adc)}#scale::-webkit-slider-thumb{appearance:none;border:3px solid #fff;box-shadow:0 1px 8px #6653b970;background:#795be0;width:22px;height:22px;border-radius:50%;margin-top:-8px}#scale::-moz-range-track{height:7px;background:#9c80dc;border-radius:10px}#scale::-moz-range-thumb{width:18px;height:18px;border:3px solid white;border-radius:50%;background:#795be0}.ticks{display:flex;justify-content:space-between;font:8px monospace;color:var(--muted);margin-top:3px}.landmarks{display:flex;justify-content:center;gap:9px}.landmarks button{background:none;border:1px solid transparent;font-size:11px;color:var(--muted);padding:7px 13px;border-radius:20px;white-space:nowrap}.landmarks .active,.landmarks button:hover{background:#9272e719;color:var(--purple);border-color:#9272e738}.scale-note{text-align:center;font-size:9px;color:var(--muted);margin:10px 0 0;opacity:.8}#object-count{margin-left:8px}#detail{position:absolute;right:26px;top:92px;width:294px;max-height:calc(100dvh - 295px);overflow:auto;z-index:15;border:1px solid var(--line);border-radius:19px;padding:23px;background:var(--panel);box-shadow:0 20px 60px #16102716;backdrop-filter:blur(20px)}.close{position:absolute;right:12px;top:10px;border:0;background:none;color:var(--muted);font-size:25px;width:32px;height:32px}#detail-art{width:85px;height:85px;margin:15px 0}#detail-art svg{width:100%;height:100%}#detail h2{font-size:24px;margin:9px 0;font-weight:500}#detail-size{font:17px monospace;color:var(--purple);margin:12px 0}#detail-description{font-size:13px;line-height:1.9}#detail-note{font-size:11px;line-height:1.8;color:var(--muted);border-left:2px solid #9272e7;padding-left:10px}.detail-actions{display:flex;gap:7px;margin:18px 0}.detail-actions button{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:none;font-size:11px}.detail-actions button:first-child{color:var(--purple);background:#9272e716}#detail-source{font-size:11px;color:var(--muted)}#comparison{font-size:12px;color:var(--purple);line-height:1.8}#toast{position:absolute;bottom:205px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:20px;background:#29203ceb;color:white;font-size:12px;pointer-events:none;z-index:22}#toast:empty{display:none}#help-dialog{max-width:520px;width:calc(100% - 30px);border:1px solid #b6a5d450;border-radius:22px;padding:34px;color:#e9e1fa;background:#211b36;max-height:85dvh;overflow:auto}#help-dialog::backdrop{background:#080615aa;backdrop-filter:blur(8px)}#help-dialog h2{font-size:23px;font-weight:500}#help-dialog p:not(.eyebrow){font-size:13px;line-height:1.9;color:#bfb4d5}#help-dialog a{color:#be9aff}
@media(max-width:800px){.toolbar{padding:17px;gap:12px}.wordmark{font-size:0}.wordmark>span{font-size:27px;margin:0}.search-wrap{width:auto;flex:1}.tools{gap:5px}.tools button{width:33px;height:33px;font-size:17px}.tools #tour{padding:0 10px}.tools #tour span{display:none}.chapter{top:90px;left:23px}.chapter h1{font-size:19px}.chapter>p:last-child{font-size:11px}.chapter .eyebrow{font-size:8px}.scale-panel{width:calc(100% - 24px);padding:14px 14px 10px}.landmarks{gap:0;justify-content:space-between;overflow:auto}.landmarks button{font-size:10px;padding:7px 9px}.scale-note{font-size:8px}.scale-value{font-size:29px}#detail{width:270px;right:14px;top:80px;padding:20px;max-height:calc(100dvh - 285px)}#scale-ruler{left:23px;width:120px}.home-link{left:22px;top:23px}.welcome-copy h1{letter-spacing:4px}}
@media(max-width:480px){.toolbar{gap:8px;padding:14px 12px}.tools #fullscreen{display:none}.search-wrap{min-width:0}.search-wrap>span{padding-left:10px}#search{font-size:11px;padding-right:8px}.chapter{top:79px}.chapter h1{font-size:17px}.chapter>p:last-child{max-width:260px;line-height:1.7}#scene{bottom:180px}.scale-panel{width:calc(100% - 16px);padding:13px 10px 10px;border-radius:17px 17px 0 0}.slider-row{gap:10px}.landmarks button{padding:7px 7px;font-size:9px}.scale-note{line-height:1.6}#object-count{display:none}.scale-top #scale-zone{width:98px;font-size:10px}.scale-top #reset{font-size:10px}.scale-value{font-size:27px}.scale-value sup{font-size:15px}.ticks{font-size:7px}.welcome-orbits{transform:scale(.85);margin-top:0;margin-bottom:0}.welcome-copy{padding-bottom:60px}.lead{font-size:14px}.welcome-credit{font-size:8px}#detail{left:12px;right:12px;width:auto;top:76px;max-height:calc(100dvh - 274px)}#detail-art{float:left;width:62px;height:62px;margin:6px 15px 6px 0}#detail h2{font-size:21px}#detail-description{clear:both}#detail-note{font-size:10px}.object .object-label{font-size:10px;padding:3px 6px}.object small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#scene{z-index:1}.space{--purple:#bca5ff}.welcome-orbits span:last-child{right:-22px;top:30px}

.ticks{position:relative;height:10px}.ticks span{position:absolute;transform:translateX(-50%)}.ticks span:nth-child(1){left:0;transform:none}.ticks span:nth-child(2){left:24.19%}.ticks span:nth-child(3){left:41.94%}.ticks span:nth-child(4){left:56.45%}.ticks span:nth-child(5){left:70.97%}.ticks span:nth-child(6){left:85.48%}.ticks span:nth-child(7){right:0;transform:none}