:root{color-scheme:dark;--bg:#050a10;--ink:#dfe8ed;--muted:#8197a8;--faint:#516c7e;--line:#a9c4d51e;--gold:#e8bd83;--glass:#0b1722d4;font:13px Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}button,input,select{font:inherit}button{color:inherit;background:transparent;border:0;cursor:pointer;min-height:36px;transition:color .18s,background .18s}button:hover{color:var(--gold);background:#accede0c}button:disabled{opacity:.28;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}input,select{color:var(--ink)}select{background:#11212e;border:1px solid var(--line);border-radius:5px;min-height:35px;padding:7px 10px;max-width:100%}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}[hidden]{display:none!important}#universe,#space,#labels,.vignette{position:fixed;inset:0;width:100%;height:100%}#space{display:block;touch-action:none;background:radial-gradient(ellipse at 55% 45%,#111f2b,#060b13 62%,#02060b)}.vignette{pointer-events:none;background:linear-gradient(90deg,#050b12d9,transparent 34%,transparent 68%,#050b1270),linear-gradient(0deg,#030910,transparent 25%,transparent 75%,#03091080)}#labels{pointer-events:none;overflow:hidden}.body-label{position:absolute;white-space:nowrap;min-height:27px;font-size:10px;letter-spacing:.04em;padding:4px 7px;color:#91a8bb;text-shadow:0 1px 5px #000;border-left:1px solid #6e91a25c;pointer-events:auto;will-change:transform}.body-label.selected{color:#f1c48d;border-color:#f1c48d;background:#17212ac4}.body-label small{display:block;font-size:8px;opacity:.55;margin-top:2px;letter-spacing:.1em}.panel{background:var(--glass);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(22px);box-shadow:0 20px 60px #00000016}.panel-heading{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:9px 15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.13em}.panel-heading button{min-height:25px;font-size:16px}.text-button{font-size:10px!important;color:var(--muted)}header{position:fixed;top:0;inset-inline:0;padding:24px 39px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:8;border-bottom:1px solid #96bdd60d}.brand{display:flex;gap:13px;align-items:center;font-size:22px;letter-spacing:.31em;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:.46em;color:#8c9ba7;margin-top:5px}.brand-orbit{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e8bd8370;border-radius:50%;color:var(--gold);font-size:28px;letter-spacing:0;position:relative}.brand-orbit:after{content:"";position:absolute;inset:7px -7px;border:1px solid #e8bd834f;border-radius:50%;transform:rotate(-35deg)}.mode-switch{display:flex;gap:22px}.mode-switch button{padding:9px 2px;font-size:12px;color:#7992a5;border-bottom:1px solid transparent}.mode-switch button.active{color:#e9c79d;border-color:#d3a873}.mode-switch span{display:block;margin-top:5px;font-size:7px;letter-spacing:.15em}.header-actions{display:flex;align-items:center;gap:12px}.header-actions>button{color:#8fa5b5;font-size:10px;padding:6px 8px}.header-actions #fullscreen{font-size:21px}.intro{position:fixed;left:40px;top:135px;width:285px;pointer-events:none;z-index:2}.eyebrow{font-size:8px;letter-spacing:.18em;color:#839db0;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#c4dbca;box-shadow:0 0 9px #bfd8b75c}h1{font-size:43px;font-weight:350;letter-spacing:.04em;line-height:1.3;margin:20px 0 15px}h1 span{display:block;color:#849bac;font-size:26px;font-weight:300;letter-spacing:.04em;margin-top:5px}.intro p{font-size:11px;line-height:1.9;color:#70899d;margin:0}.scene-meta{display:flex;gap:8px;align-items:baseline;margin-top:20px;color:#577286;font-size:9px;letter-spacing:.06em}.scene-meta b{font-size:17px;font-weight:400;color:#a4b8c6;font-variant-numeric:tabular-nums}.scene-meta i{height:10px;width:1px;background:var(--line);margin:0 8px}.explore-actions{position:fixed;top:363px;left:40px;width:244px;z-index:4;border-top:1px solid var(--line)}.explore-actions button{display:grid;grid-template-columns:25px 1fr 15px;grid-template-rows:19px 17px;align-items:center;width:100%;text-align:left;padding:14px 3px;border-bottom:1px solid var(--line)}.explore-actions button>span{grid-row:1/3;color:#526e84;font-size:9px;letter-spacing:.1em}.explore-actions strong{font-size:12px;font-weight:400;letter-spacing:.06em;color:#b8cbd6}.explore-actions small{grid-column:2;color:#627e93;font-size:9px}.explore-actions b{grid-column:3;grid-row:1/3;font-weight:400;color:#caa77c}.catalog{position:fixed;left:40px;bottom:140px;width:244px;z-index:7;max-height:47dvh;display:flex;flex-direction:column}.catalog .panel-heading{flex-shrink:0}#catalog-body{display:flex;flex-direction:column;overflow:hidden;min-height:0}.catalog:has(#catalog-body[hidden]){background:#10202b77}.catalog:has(#catalog-body[hidden]) .panel-heading{border-bottom:0}body:has(#catalog-body:not([hidden])) .explore-actions{visibility:hidden}.search{display:flex;gap:8px;align-items:center;margin:12px;border:1px solid var(--line);padding:6px 10px;border-radius:5px;color:#7f97a8}.search>span{font-size:22px}.search input{background:none;border:0;min-width:0;width:100%;font-size:11px;padding:4px 0;outline:0}.search input::placeholder{color:#5f7a8d}.search kbd{font-size:9px;color:#627f91;border:1px solid var(--line);padding:1px 4px}.object-list{padding:0 7px 7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#314c60 transparent;min-height:65px}.object-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:5px;text-align:left;font-size:12px;min-height:37px}.object-item.active{color:#eac594;background:#ddb27910}.object-item small{margin-left:auto;color:#708da1;font-size:9px;font-variant-numeric:tabular-nums}.object-item .dot{width:6px;height:6px;border-radius:50%;background:var(--body-color);box-shadow:0 0 8px color-mix(in srgb,var(--body-color) 22%,transparent)}.filters{display:flex;gap:4px;margin:0 11px 10px}.filters button{min-height:27px;font-size:9px;padding:5px 7px;border:1px solid var(--line);color:#7a96aa;border-radius:4px}.filters .active{border-color:#e8bd8360;color:#e8bd83}.catalog-foot{border-top:1px solid var(--line);padding:10px 13px;color:#537187;font-size:8px;letter-spacing:.04em}.details{position:fixed;right:40px;top:142px;width:250px;z-index:4;max-height:calc(100dvh - 330px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#314c60 transparent;background:linear-gradient(150deg,#15232ee0,#0a131cbb)}.detail-art{display:none}.detail-name{padding:22px 20px 0}.detail-name h2{font-size:32px;font-weight:350;letter-spacing:.04em;margin:0 0 5px}.detail-name>span{font-size:9px;color:#67859b;letter-spacing:.15em}#detail-description{font-size:11px;line-height:1.9;color:#89a1b2;margin:14px 20px 20px}dl{margin:0 20px 15px}dl>div{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);gap:8px;padding:10px 0}dt{font-size:10px;color:#6f8b9f}dd{font-size:12px;font-variant-numeric:tabular-nums;margin:0;text-align:right;color:#c1d4e0}dd small{font-size:9px;color:#5e7d93}.primary{background:#dbb588;color:#12202b;border-radius:5px;padding:10px 12px;min-height:37px;text-align:left;letter-spacing:.04em;font-size:11px;margin:0 20px;width:calc(100% - 40px)}.primary:hover{background:#edc695;color:#09151e}.primary span{float:right}.target-actions{display:flex;gap:8px;padding:8px 20px 0}.target-actions button{border:1px solid var(--line);border-radius:4px;font-size:10px;color:#99b1c2;min-height:30px;flex:1}.target-actions button[aria-pressed=true]{color:#e4ba84;border-color:#e4ba8460}.detail-note{font-size:8px;line-height:1.8;color:#5f7c91;margin:12px 20px 18px}.view-tools{display:flex;gap:3px;padding:5px;position:fixed;right:40px;bottom:140px;z-index:7;background:#0c1b27ab}.view-tools button{width:31px;min-height:32px;border-radius:4px;font-size:19px;color:#8da8bc}.view-tools>span{height:17px;width:1px;margin:7px 2px;background:var(--line)}.settings{position:fixed;right:40px;bottom:192px;width:250px;max-height:calc(100dvh - 300px);overflow-y:auto;scrollbar-width:thin;z-index:9;padding-bottom:14px}.settings label{display:flex;align-items:center;justify-content:space-between;margin:12px 15px;font-size:11px;color:#9bb0be}.settings select{margin:0 15px;width:calc(100% - 30px);font-size:10px}.settings p{font-size:9px;line-height:1.8;color:#69869c;margin:15px 15px 0}.camera-hud{position:fixed;left:50%;top:111px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:9px 14px;border:1px solid #8bb1c51c;background:#0c182070;border-radius:6px;z-index:3;pointer-events:none}.camera-hud>div{display:flex;flex-direction:column;gap:4px;min-width:80px}.camera-hud b{font-size:11px;font-weight:400;color:#d1e0e8}.camera-hud span{font-size:8px;letter-spacing:.06em;color:#618195}.camera-hud .hud-cross{font-size:21px;color:#d9b17d}.camera-hud #camera-distance{border-left:1px solid var(--line);padding-left:12px;font-variant-numeric:tabular-nums}footer{position:fixed;bottom:0;left:40px;right:40px;height:125px;z-index:5;pointer-events:none}footer>*{pointer-events:auto}.scale-note{display:flex;align-items:center;gap:9px;position:absolute;bottom:105px;left:50%;transform:translateX(-50%);font-size:8px;color:#7291a5;white-space:nowrap}.scale-line{display:inline-block;width:27px;height:5px;border:1px solid #7999ad;border-top:0}.coordinate{font-size:7px;letter-spacing:.13em;opacity:.6}.scale-note #sky-credit{font-size:7px;color:#526e82;margin-left:10px}.timeline,.stellar-footer{position:absolute;left:0;right:0;bottom:30px;display:flex;align-items:center;gap:23px;padding:0 22px;height:62px;border-radius:8px;background:#0b1824e8}.timeline #play{width:32px;min-height:32px;border:1px solid #ddb88555;border-radius:50%;color:#e8bd83;font-size:12px}.time-block{display:flex;flex-direction:column;gap:3px}.time-block>span{font-size:7px;color:#698ba0;letter-spacing:.09em}.time-block input{font-size:13px;letter-spacing:.06em;width:145px;border:0;background:none;padding:1px 0}.time-divider{width:1px;height:24px;background:var(--line)}.speed-label{font-size:9px;color:#69869a}.timeline select{font-size:10px;min-height:31px}.quiet{color:#88a4b7;font-size:10px;padding:6px 10px}.time-hint{margin-left:auto;color:#47687e;font-size:8px;letter-spacing:.05em}.stellar-footer{font-size:11px;color:#84a0b4}.stellar-footer b{font-size:19px;font-weight:350;color:#c8dce7}.stellar-footer i{width:1px;height:20px;background:var(--line)}.stellar-footer .epoch{margin-left:auto;font-size:9px;color:#5b7d95}.bottom-line{position:absolute;bottom:2px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#4f6d82}.bottom-line i{margin:0 8px;font-style:normal}.bottom-line button{font-size:9px;color:#c4a67f;min-height:24px}.bottom-line button span{margin-left:15px}.guide{position:fixed;top:135px;left:40px;width:288px;z-index:6;padding-bottom:5px;max-height:calc(100dvh - 285px);overflow:auto;scrollbar-width:thin}.guide .panel-heading{color:#c9ab84;font-size:9px}.guide-dots{display:flex;gap:6px;padding:18px 20px 0}.guide-dots button{flex:1;height:3px;min-height:12px;border-top:2px solid #2b4051;padding:0}.guide-dots button.active{border-color:#e1b781}.guide h2{font-size:24px;line-height:1.5;font-weight:350;margin:16px 20px}.guide p{font-size:12px;color:#8da9bb;line-height:1.95;margin:0 20px 22px}.guide>strong{display:block;font-size:32px;font-weight:300;letter-spacing:.04em;color:#e7bf8b;margin:0 20px 4px}.guide>small{display:block;font-size:9px;line-height:1.8;color:#68889e;margin:0 20px 20px}.guide-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:0 15px;padding:7px 0}.guide-nav button{font-size:11px;color:#cfb08b}.guide-nav span{font-size:9px;color:#678398}.guiding .intro,.guiding .explore-actions{visibility:hidden}.guiding .catalog{display:none}.measurement{position:fixed;left:50%;bottom:147px;transform:translateX(-50%);width:348px;z-index:6;padding-bottom:16px}.measure-selectors,.compare-selectors{display:grid;grid-template-columns:1fr 26px 1fr;gap:8px;align-items:end;margin:16px}.measure-selectors label,.compare-selectors label{font-size:9px;color:#7b9aae;display:flex;flex-direction:column;gap:6px;min-width:0}.measure-selectors select{font-size:11px;width:100%;min-width:0}.measure-selectors>button,.compare-selectors>button{font-size:18px;color:#c1a783}.measure-reading{display:flex;align-items:baseline;gap:9px;margin:20px 20px 0}.measure-reading strong{font-weight:300;font-size:40px;color:#e5bd89;font-variant-numeric:tabular-nums}.measure-reading span{font-size:11px;color:#8da5b6}.measurement p{font-size:10px;line-height:1.8;color:#7b9bb0;margin:5px 20px 16px}.measurement>small{display:block;margin:12px 20px 0;font-size:8px;color:#58798f}.measurement .primary{font-size:10px}.immersive header .brand,.immersive .mode-switch,.immersive #about-open,.immersive .intro,.immersive .catalog,.immersive .details,.immersive .explore-actions,.immersive .view-tools,.immersive .settings,.immersive .guide,.immersive .measurement,.immersive footer,.immersive .camera-hud,.immersive #labels{visibility:hidden}.immersive header{border:0;justify-content:flex-end}.immersive #immersive{position:fixed;right:30px;top:24px;background:#0a1821b0;border:1px solid var(--line);border-radius:5px;visibility:visible}.immersive #fullscreen{visibility:hidden}.empty{font-size:11px;line-height:1.8;color:#7b96a9;padding:12px}#toast{position:fixed;bottom:230px;left:50%;transform:translateX(-50%) translateY(8px);opacity:0;transition:.2s;max-width:80vw;border:1px solid #d7b27f50;border-radius:6px;background:#152533ed;padding:10px 15px;color:#dec39f;font-size:10px;pointer-events:none;z-index:30}#toast.visible{opacity:1;transform:translateX(-50%)}.loading{position:fixed;inset:0;background:#060e17;z-index:99;display:grid;justify-items:center;align-content:center;transition:opacity .6s}.loading p{font-size:14px;letter-spacing:.12em;color:#d3bc9c;margin:25px 0 10px}.loading small{font-size:10px;color:#647f93}.loading-orbit{width:52px;height:52px;border:1px solid #c8ac8130;border-top-color:#c8ac81;border-radius:50%;animation:spin 2s linear infinite}.loading-orbit:after{content:"";display:block;width:14px;height:14px;border-radius:50%;margin:18px;background:#ddba88;box-shadow:0 0 27px #ddba8866}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(700px,calc(100% - 32px));max-height:87dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #91b4cb30;background:#0d1b28;color:#b1c5d4;border-radius:14px;padding:30px 34px;box-shadow:0 30px 140px #0009;line-height:1.9}dialog::backdrop{background:#01070dc9;backdrop-filter:blur(10px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header>button{font-size:25px;color:#829eb1;min-height:28px}dialog h2{font-size:27px;color:#e3c49c;font-weight:350;margin:10px 0 10px}dialog>p{font-size:12px;color:#7f9aae}.source-section{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0}.source-section>span{font-size:10px;color:#d6af7c;padding-top:3px}.source-section h3{font-size:13px;font-weight:400;color:#c5d7e3;margin:0 0 8px}.source-section p{font-size:11px;color:#829caf;margin:0 0 12px}.source-section a{font-size:10px;color:#caae86;display:inline-block;margin-right:12px;text-decoration:underline;text-underline-offset:4px}.dialog-end{font-size:9px!important;border-top:1px solid var(--line);padding-top:15px}.compare-selectors{margin:20px 0 0;grid-template-columns:1fr 32px 1fr}.compare-selectors select{width:100%}#compare-plot{display:block;width:100%;height:auto;margin-top:10px}.comparison-footer{display:flex;align-items:center;gap:22px;padding-top:20px;border-top:1px solid var(--line)}.comparison-footer strong{font-weight:300;flex-shrink:0;font-size:31px;color:#e2bd8b}.comparison-footer p{font-size:11px;line-height:1.8;color:#88a4b7}.comparison-footer+small{font-size:9px;color:#536f85}noscript{position:fixed;inset:40%;z-index:100}
@media(min-width:1600px){.intro{left:54px;top:160px}h1{font-size:50px}.explore-actions{left:54px;top:410px;width:260px}.catalog{left:54px;width:260px;bottom:160px}.details{right:54px;top:160px;width:278px}.detail-name h2{font-size:37px}.view-tools{right:54px;bottom:160px}.guide{left:54px;top:155px;width:310px}}
@media(max-height:760px) and (min-width:761px){.intro{top:116px}h1{font-size:32px;margin:12px 0}h1 span{font-size:23px}.intro p{font-size:10px}.scene-meta{margin-top:11px}.explore-actions{top:297px}.explore-actions button{padding:10px 3px}.catalog{bottom:125px;max-height:45dvh}.details{top:116px;max-height:calc(100dvh - 260px)}.detail-name{padding-top:15px}.detail-name h2{font-size:26px}#detail-description{margin:10px 20px 12px;font-size:10px}dl>div{padding:8px 0}.view-tools{bottom:125px}.guide{top:116px;max-height:calc(100dvh - 245px)}.guide p{font-size:11px;margin-bottom:14px}.guide h2{font-size:22px}.camera-hud{top:105px}}
@media(max-width:1150px) and (min-width:761px){header{padding:22px 25px;gap:16px}.header-actions{gap:5px}.intro{left:25px;width:230px}h1{font-size:35px}.explore-actions,.catalog{left:25px;width:210px}.details{right:25px;width:219px}.detail-name h2{font-size:28px}.view-tools{right:25px}.time-hint{display:none}footer{left:25px;right:25px}.guide{left:25px;width:265px}.scale-note #sky-credit{display:none}.camera-hud{top:111px}.coordinate{display:none}}
@media(max-width:760px){header{padding:15px 18px;gap:13px;flex-wrap:wrap}.brand{font-size:18px;gap:10px}.brand-orbit{width:29px;height:29px;font-size:23px}.brand small{font-size:7px}.header-actions{margin-left:auto;gap:2px}.header-actions>button{font-size:9px;padding:4px 6px}.header-actions #fullscreen{font-size:19px}.mode-switch{order:3;justify-content:space-between;width:100%;gap:20px}.mode-switch button{flex:1;font-size:11px;padding:6px;min-height:32px}.mode-switch span{display:inline;font-size:7px;margin-left:8px}.intro{top:137px;left:20px;width:240px}.intro .eyebrow{font-size:6px}h1{font-size:26px;margin:10px 0 7px}h1 span{display:inline;font-size:17px;margin-left:9px}.intro p,.scene-meta{display:none}.explore-actions{top:auto;bottom:170px;left:16px;width:146px}.explore-actions button{padding:8px 1px;grid-template-columns:22px 1fr 12px;grid-template-rows:17px}.explore-actions strong{font-size:10px}.explore-actions small{display:none}.explore-actions b,.explore-actions span{grid-row:1;font-size:9px}.catalog{left:16px;bottom:125px;width:146px;max-height:44dvh}.catalog:has(#catalog-body:not([hidden])){width:220px}.catalog .panel-heading{padding:9px 12px;min-height:35px;font-size:8px}.catalog-foot{font-size:7px}.object-item{font-size:11px;min-height:34px}.details{top:213px;right:16px;width:171px;max-height:calc(100dvh - 400px);border-radius:8px;background:#0e1e2be6}.details .panel-heading{font-size:7px;min-height:33px;padding:8px 10px}.detail-name{padding:12px 12px 0}.detail-name h2{font-size:22px}.detail-name>span{font-size:7px}#detail-description{display:none}dl{margin:10px 12px}dl>div{padding:7px 0}dt{font-size:8px}dd{font-size:10px}dd small{font-size:8px}.primary{margin:0 12px;width:calc(100% - 24px);font-size:10px;padding:8px 10px;min-height:32px}.target-actions{padding:7px 12px 0;gap:6px}.target-actions button{font-size:9px;min-height:28px}.detail-note{font-size:7px;margin:8px 12px 10px}.view-tools{right:16px;bottom:125px;flex-direction:column;padding:3px;gap:1px}.view-tools button{width:28px;min-height:27px;font-size:18px}.view-tools>span{width:18px;height:1px;margin:2px 5px}.settings{bottom:125px;right:54px;width:226px;max-height:calc(100dvh - 260px)}.camera-hud{left:20px;top:192px;transform:none;padding:5px 8px;border:0;background:none;gap:8px}.camera-hud>div{min-width:62px}.camera-hud b{font-size:10px}.camera-hud .hud-cross{font-size:17px}.camera-hud span{font-size:7px}.camera-hud #camera-distance{font-size:7px;padding-left:8px}footer{left:16px;right:16px;height:117px}.scale-note{bottom:100px;font-size:7px;gap:6px}.coordinate,.scale-note #sky-credit{display:none}.timeline{height:64px;bottom:25px;padding:7px 11px;display:grid;grid-template-columns:29px 1fr 1fr;gap:2px 10px}.timeline #play{width:28px;min-height:28px;grid-row:1/3}.time-block{grid-row:1/3}.time-block input{font-size:11px;width:129px}.time-block>span{font-size:6px}.timeline select{font-size:8px;min-height:25px;padding:4px 5px;grid-column:3;grid-row:1}.timeline #today{grid-column:3;grid-row:2;font-size:8px;min-height:20px;padding:1px 4px;text-align:left}.speed-label,.time-divider,.time-hint{display:none}.stellar-footer{height:64px;bottom:25px;gap:7px;padding:10px 14px;flex-wrap:wrap;font-size:9px}.stellar-footer b{font-size:16px}.stellar-footer .epoch{width:100%;margin:0;font-size:8px}.stellar-footer i{height:12px}.bottom-line{font-size:7px;bottom:1px}.bottom-line i{margin:0 4px}#interaction-help{max-width:56%;line-height:1.6}.bottom-line button{font-size:8px;min-height:22px}.bottom-line button span{margin-left:8px}.body-label{font-size:9px}.body-label small{font-size:7px}.guide{left:16px;right:56px;width:auto;top:auto;bottom:125px;max-height:45dvh;padding-bottom:0}.guide .panel-heading{font-size:8px;min-height:32px}.guide-dots{padding:10px 14px 0;gap:4px}.guide h2{font-size:20px;margin:7px 14px 9px}.guide p{font-size:10px;line-height:1.8;margin:0 14px 12px}.guide>strong{font-size:25px;margin:0 14px 3px}.guide>small{font-size:8px;margin:0 14px 9px}.guide-nav{margin:0 10px;padding:3px 0}.guide-nav button{min-height:29px;font-size:9px}.guiding .details{visibility:hidden}.guiding .camera-hud{top:142px}.measurement{left:16px;right:56px;bottom:125px;transform:none;width:auto;max-height:46dvh;overflow:auto;padding-bottom:12px}.measure-selectors{margin:11px 12px;gap:5px}.measure-selectors select{font-size:9px;padding:5px;min-height:30px}.measure-reading{margin:12px 14px 0}.measure-reading strong{font-size:32px}.measurement p{margin:5px 14px 12px;font-size:9px}.measurement>small{margin:9px 14px 0;font-size:7px}body:has(#measure-panel:not([hidden])) .explore-actions,body:has(#measure-panel:not([hidden])) .catalog{visibility:hidden}dialog{padding:20px;max-height:88dvh}dialog h2{font-size:22px}.source-section{gap:12px;padding:16px 0}.comparison-footer{gap:15px}.comparison-footer strong{font-size:26px}.comparison-footer p{font-size:9px}.compare-selectors{margin-top:15px}#toast{bottom:119px;font-size:9px;text-align:center}.immersive #immersive{right:16px;top:16px}}
@media(max-height:520px) and (max-width:900px){header{padding:10px 18px;flex-wrap:nowrap}.mode-switch{order:0;width:auto;gap:12px}.mode-switch span{display:none}.brand small{display:none}.header-actions #about-open{display:none}.intro{top:75px}.intro h1{font-size:22px}.intro h1 span{font-size:16px}.intro .eyebrow{display:none}.camera-hud{top:75px;left:50%;transform:translateX(-50%)}.explore-actions{top:134px;bottom:auto;width:145px;left:18px}.catalog{bottom:90px;max-height:55dvh;left:18px;width:145px}.details{top:82px;right:18px;max-height:calc(100dvh - 185px)}.view-tools{bottom:90px;right:18px;flex-direction:row}.view-tools>span{height:15px;width:1px;margin:6px 3px}footer{height:80px;left:18px;right:18px}.timeline,.stellar-footer{height:46px;bottom:20px;display:flex}.timeline .time-block input{font-size:10px}.timeline #today{font-size:9px}.timeline select{font-size:9px}.scale-note{bottom:69px}.bottom-line{font-size:6px}.guide{left:18px;top:78px;bottom:auto;right:auto;width:270px;max-height:calc(100dvh - 165px)}.guide p{font-size:10px}.guide>strong,.guide>small{display:none}.measurement{left:50%;transform:translateX(-50%);width:280px;bottom:92px;max-height:65dvh}.settings{bottom:135px;max-height:60dvh}.guiding .camera-hud{top:75px;left:auto;right:18px;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Observing notebook and distances, release 3. */
.measure-modes{display:flex;gap:5px;margin:12px 16px 0;padding:3px;background:#050e1666;border-radius:6px}.measure-modes button{flex:1;min-height:30px;font-size:10px;color:#7493a8;border-radius:4px}.measure-modes button[aria-pressed=true]{background:#223341;color:#e4bd89}.light-reading{margin:12px 20px;border-top:1px solid var(--line);padding-top:12px}.light-reading>span{display:block;font-size:9px;color:#809dad}.light-reading strong{font-size:23px;font-weight:350;color:#b6d9e9}.signal-track{height:1px;margin-top:12px;background:linear-gradient(90deg,#dbb588,#7bb3cd44);position:relative}.signal-track:before,.signal-track:after{content:'';width:5px;height:5px;border:1px solid #cab590;border-radius:50%;background:#132431;position:absolute;top:-3px}.signal-track:after{right:0}.measurement{max-height:calc(100dvh - 260px);overflow-y:auto;scrollbar-width:thin}.view-summary{padding:20px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 95% 50%,#31567355,transparent 65%),#091723;margin:22px 0}.view-summary>*{display:block}.view-summary>span{font-size:8px;letter-spacing:.15em;color:#80a2b8}.view-summary strong{font-size:30px;font-weight:350;color:#e7c798;margin:6px 0}.view-summary small{font-size:10px;color:#91acbe}.notebook-label{font-size:10px;color:#8ba8ba}.share-row{display:flex;gap:10px;margin-top:8px}.share-row input{flex:1;min-width:0;font-size:11px;background:#081420;border:1px solid var(--line);padding:12px;border-radius:5px;color:#8daabc}.share-row button,.notebook-heading button{border:1px solid #d1b08455;padding:7px 12px;border-radius:5px;color:#dfbb8b;font-size:11px;white-space:nowrap}#view-feedback{min-height:2em;font-size:10px;color:#8ba8ba}.notebook-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.notebook-heading h3{font-weight:400;font-size:14px;color:#bed0dc}.bookmark{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 8px;border-bottom:1px solid var(--line);text-align:left}.bookmark strong{font-size:13px;font-weight:400;color:#c6d8e4}.bookmark span{font-size:10px;color:#7898ae}.notebook-note{display:block;margin-top:18px;color:#5f829b;font-size:9px}.immersive #view-open{visibility:hidden}
@media(max-width:760px){.header-actions #view-open{font-size:9px}.header-actions #about-open{font-size:0}.header-actions #about-open:after{content:'数据';font-size:9px}.measurement{max-height:calc(100dvh - 260px)}.measure-modes{margin:9px 12px 0}.light-reading{margin:8px 14px;padding-top:8px}.light-reading strong{font-size:21px}.measure-reading{margin-top:10px}.share-row{flex-direction:column}.share-row button{align-self:flex-start}.notebook-heading{gap:12px}.notebook-heading button{font-size:10px}.bookmark span{font-size:8px}}