@charset "UTF-8";
.scene-label{left:0;top:0;margin-left:12px;border-color:color-mix(in srgb,var(--label-color) 20%,transparent)!important}.scene-label:before{content:"";position:absolute;width:3px;height:3px;border-radius:50%;left:-9px;top:10px;background:var(--label-color);box-shadow:0 0 5px var(--label-color)}.scene-label.solar-selected{color:#fff0bb;border-color:#dec273!important;background:rgba(20,29,39,.86);box-shadow:0 0 14px #e5c67733}.scene-label.solar-selected:before{background:#ffe5a1;box-shadow:0 0 7px #ffe5a1}#search-empty{color:#89a4ab;font-size:11px;padding:20px}.object-status:before{content:"";display:inline-block;width:4px;height:4px;background:#b9e5d6;border-radius:50%;box-shadow:0 0 8px #a3e1c8}.object-stats dd{white-space:nowrap}
:root{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#f0f5f4;background:#05090e;font-synthesis:none;--mint:#c8f7e6;--muted:#889598;--line:rgba(210,236,234,.12);--glass:rgba(10,17,23,.72);--header-height:100px}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#05090e}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{transition:background .2s,color .2s,opacity .2s,border-color .2s,transform .2s}button:hover{color:#e4fff5}button:active{transform:scale(.96)}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
#universe{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.scene-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,13,.8) 0%,rgba(3,8,13,.38) 24%,transparent 48%),linear-gradient(0deg,rgba(3,8,13,.86),transparent 25%,transparent 82%,rgba(3,8,13,.45));z-index:1}.scene-grain{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.interface{transition:opacity .35s,visibility .35s}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:5;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;color:var(--mint)}.brand-mark{position:relative;width:39px;height:39px;flex-shrink:0;overflow:hidden;border-radius:50%}.brand-mark img{position:absolute;left:50%;top:50%;width:140%;height:140%;max-width:none;transform:translate(-50%,-50%);object-fit:cover;display:block}.brand-type{font-size:16px;letter-spacing:4px;font-weight:650;line-height:1.1}.brand-cn{display:block;font-size:10px;letter-spacing:8px;color:#9babaf;margin-top:8px;font-weight:400}.mode-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:9px;background:rgba(14,23,29,.65);backdrop-filter:blur(20px)}.mode-nav button{background:transparent;padding:12px 20px;border-radius:5px;font-size:12px;color:#849295;white-space:nowrap}.mode-nav button.active,.mode-nav button[aria-pressed="true"]{background:rgba(194,240,222,.12);color:#dbfff0;box-shadow:inset 0 0 0 1px rgba(194,240,222,.15)}.mode-nav button:hover{background:rgba(194,240,222,.08)}.mode-index{font-size:9px;letter-spacing:1px;margin-right:8px;opacity:.6}.header-meta{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.5px;color:#97a3a5;margin-right:96px}.live-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#bcebd9;box-shadow:0 0 8px rgba(174,237,212,.3)}.header-separator{width:1px;height:12px;background:var(--line);margin:0 7px}.display-tools{position:fixed;top:33px;right:36px;display:flex;align-items:center;gap:3px;z-index:10}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#92a2a7;border-radius:6px}.icon-button:hover{background:rgba(175,222,209,.1);color:#e8fff6}.icon-button svg{width:18px;height:18px}
.explorer{position:absolute;inset:var(--header-height) 0 80px;pointer-events:none;z-index:3}.object-info{position:absolute;left:4.8%;top:10%;width:285px;pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.7px;color:#c0d2d0}.tiny-line{width:22px;height:1px;background:var(--mint);opacity:.7}.object-info h1{font-size:68px;font-weight:350;letter-spacing:7px;line-height:1.2;margin:21px 0 8px}.object-english{font-size:12px;letter-spacing:7px;font-weight:400;color:#acb9bb;margin:0 0 29px}.object-description{font-size:12px;color:#98a9ae;line-height:2.1;letter-spacing:.6px;max-width:275px;margin:0 0 30px}.object-stats{display:flex;gap:36px;margin:0;padding:23px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.object-stats>div{min-width:88px}.object-stats dt{font-size:9px;color:#7e9196;letter-spacing:1px;margin-bottom:10px}.object-stats dd{font-size:20px;font-weight:350;letter-spacing:.5px;margin:0;color:#dce7e5;font-variant-numeric:tabular-nums}.object-stats dd small{font-size:10px;color:#99a9ac;margin-left:3px}.object-status{font-size:9px;letter-spacing:1.2px;color:#7f9397;display:flex;align-items:center;gap:7px;padding-top:16px;line-height:1.7}.status-dot{width:3px;height:3px;border-radius:100%;background:#79938e;display:inline-block}.earth-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:27px}.earth-actions button{display:flex;align-items:center;gap:9px;background:rgba(18,29,35,.34);color:#b4c6c8;font-size:10px;letter-spacing:1px;min-width:168px;padding:10px 13px;border:1px solid var(--line);border-radius:5px}.earth-actions button:hover{background:rgba(176,232,213,.1);border-color:rgba(193,241,222,.3)}.earth-actions svg{width:15px;height:15px}.earth-actions .action-arrow{width:12px;height:12px;margin-left:auto;color:#758b8e}.scene-caption{position:absolute;top:1px;left:4.8%;font-size:8px;letter-spacing:2.5px;color:#667b81;display:flex;align-items:center;gap:12px}.caption-cross{font-size:15px;font-weight:200;color:#88a3a9}.render-quality{position:absolute;top:1px;right:43px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;color:#5d777e}.quality-bars{display:flex;align-items:flex-end;gap:2px;height:8px}.quality-bars i{display:block;width:2px;height:4px;background:#8da99e}.quality-bars i:nth-child(2){height:6px}.quality-bars i:nth-child(3){height:8px}.view-tools{position:absolute;right:39px;top:46%;display:flex;align-items:center;flex-direction:column;gap:9px;pointer-events:auto}.zoom-tools{background:var(--glass);border:1px solid var(--line);border-radius:7px;padding:3px;display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(12px)}.zoom-tools button{width:33px;height:34px;background:transparent;display:grid;place-items:center;color:#b0c0c0;border-radius:4px}.zoom-tools button:hover{background:rgba(194,240,222,.08)}.zoom-tools svg{width:15px;height:15px}.zoom-tools>span{height:1px;width:19px;background:var(--line)}.reset-button{background:rgba(14,23,29,.6);border:1px solid var(--line);width:41px;height:37px}
.destination-dock{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100vw - 100px));padding:14px 15px 10px;background:linear-gradient(120deg,rgba(15,25,32,.83),rgba(11,19,24,.7));border:1px solid rgba(170,211,213,.13);border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.15),inset 0 1px 0 rgba(212,250,245,.025);backdrop-filter:blur(24px);pointer-events:auto}.dock-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 11px;font-size:9px;color:#b2c6c8;letter-spacing:1px}.dock-heading-en{margin-left:12px;font-size:7px;letter-spacing:1.5px;color:#536c74}.destination-search{display:flex;align-items:center;gap:5px}.destination-search svg{width:12px;height:12px;color:#627b84}.destination-search input{border:0;background:transparent;width:95px;min-width:0;font-size:9px;padding:2px;color:#c3d8d8;outline:none}.destination-search input::placeholder{color:#67818b}.destination-search input:focus-visible{outline:1px solid #9abdad;outline-offset:3px;border-radius:2px}.destination-list{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:none;padding:1px 0}.destination-list::-webkit-scrollbar{display:none}.destination-list button{flex:1 0 61px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;padding:10px 5px 8px;border-radius:7px;border:1px solid transparent;background:transparent;color:#7f999f;font-size:9px;letter-spacing:1px;min-height:69px}.destination-list button:hover{background:rgba(188,236,216,.06);color:#c3e9dc}.destination-list button.active,.destination-list button[aria-pressed="true"]{background:rgba(167,228,204,.065);border-color:rgba(184,241,220,.21);color:#d6fae9}.destination-list button.active::after,.destination-list button[aria-pressed="true"]::after{content:"";position:absolute;width:3px;height:3px;background:var(--mint);border-radius:50%;right:7px;top:7px}.planet-thumb{display:block;width:24px;height:24px;position:relative;border-radius:50%;flex-shrink:0;box-shadow:inset -8px -3px 9px rgba(0,0,0,.7),0 0 9px rgba(130,184,203,.06);background-position:center;background-size:cover}.planet-sun{background:radial-gradient(circle at 32% 25%,#ffe6ad,#ffb65b 48%,#ce6126 90%);box-shadow:0 0 13px rgba(255,161,66,.25),inset -3px 0 5px rgba(168,64,12,.3);width:27px;height:27px}.planet-mercury{background:radial-gradient(circle at 30% 30%,#d1c5b3,#76746e 60%,#3e403e);width:17px;height:17px}.planet-venus{background:repeating-linear-gradient(155deg,#c9b58d,#ead3ab 4px,#bfaa80 6px,#d9c69e 9px);width:23px;height:23px}.planet-earth{background-image:url('./assets/earth-day.jpg');background-color:#246195;box-shadow:inset -8px -2px 9px rgba(0,0,0,.7),0 0 7px rgba(80,172,211,.25)}.planet-moon{width:17px;height:17px;background:radial-gradient(circle at 40% 30%,#c6ccc9,#8c9692 55%,#4d5654)}.planet-mars{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#b77751,#8b412d 65%,#4e211b)}.planet-jupiter{width:30px;height:30px;background:repeating-linear-gradient(170deg,#c4b69d 0 4px,#99775c 5px 7px,#d6c7aa 8px 11px,#b89779 12px 14px)}.planet-saturn{width:23px;height:23px;background:linear-gradient(165deg,#c6b793,#e3d6b7 48%,#998565)}.planet-saturn::after{content:"";position:absolute;inset:7px -9px;border:3px solid rgba(187,174,144,.75);border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 0 1px rgba(187,174,144,.25)}.planet-uranus{width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#b5e2e5,#80b2bc 65%,#39606c)}.planet-neptune{background:radial-gradient(circle at 35% 30%,#5b83cd,#365ca4 65%,#182547)}
.control-footer{position:fixed;left:0;bottom:0;width:100%;height:80px;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 40px;pointer-events:none}.control-footer>*{pointer-events:auto}.scale-readout{display:flex;gap:10px;align-items:center}.scale-readout>div{display:flex;flex-direction:column;gap:7px}.scale-readout #scale-label{font-size:9px;letter-spacing:1.3px;color:#b5c9c9}.scale-readout #distance-label{font-size:8px;letter-spacing:.6px;color:#5d777f}.playback-controls{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;border:1px solid var(--line);background:rgba(14,23,29,.72);backdrop-filter:blur(12px)}.playback-controls button{display:flex;align-items:center;gap:6px;background:transparent;color:#779197;font-size:9px;letter-spacing:.5px;padding:8px 10px;border-radius:4px;white-space:nowrap}.playback-controls button[aria-pressed="true"]{color:#c7e5d9;background:rgba(176,227,206,.04)}.playback-controls button:hover{background:rgba(176,227,206,.1)}.playback-controls svg{width:14px;height:14px}.control-separator{height:17px;width:1px;background:var(--line);margin:0 4px}.speed-control{margin:0 4px 0 1px}.speed-control select{background:transparent;color:#aec4c5;font-size:10px;border:0;max-width:65px;cursor:pointer;outline:none;padding:6px 2px;color-scheme:dark}.speed-control option{background:#101a20;color:#d7e9e7}.footer-actions{display:flex;align-items:center;gap:6px}.gesture-hint{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;color:#607981;margin-right:10px}.gesture-hint svg{width:12px;height:12px}.help-button{font-size:12px;font-weight:400;border:1px solid var(--line);width:24px;height:24px;border-radius:50%;margin-left:3px}.toast{position:fixed;left:50%;top:114px;transform:translate(-50%,-8px);z-index:20;max-width:calc(100vw - 40px);padding:12px 19px;border-radius:8px;background:rgba(22,37,42,.95);border:1px solid rgba(189,237,216,.18);color:#d0e9df;font-size:12px;line-height:1.7;backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:normal;text-align:center}.toast.show,.toast.visible,.toast.active{opacity:1;transform:translate(-50%,0)}#label-layer{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.planet-label,.object-label,.scene-label{position:absolute;color:#b5cfce;font-size:10px;white-space:nowrap;letter-spacing:1px;text-shadow:0 1px 5px #000;padding:4px 8px;pointer-events:auto;border:1px solid rgba(188,226,211,.15);border-radius:4px;background:rgba(6,14,19,.45);cursor:pointer}.planet-label:hover,.object-label:hover,.scene-label:hover{color:#e4fff5;background:rgba(20,38,45,.85)}body.ui-hidden .interface,body.clean-view .interface{opacity:0;visibility:hidden;pointer-events:none}body.ui-hidden #label-layer,body.clean-view #label-layer{opacity:0}body.ui-hidden .display-tools,body.clean-view .display-tools{opacity:.35}body.ui-hidden .display-tools:hover,body.clean-view .display-tools:hover{opacity:1}
.explorer-dialog{color:#dce9e7;background:linear-gradient(140deg,#142027,#0b141a);border:1px solid rgba(173,221,209,.19);border-radius:15px;width:min(580px,calc(100vw - 36px));max-height:calc(100dvh - 60px);padding:40px;margin:auto;box-shadow:0 25px 100px #0008;overflow:auto}.explorer-dialog::backdrop{background:rgba(0,5,9,.73);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:15px}.dialog-eyebrow{color:#799d9c;font-size:8px;letter-spacing:2px;margin:0 0 15px}.explorer-dialog h2{font-size:25px;letter-spacing:2px;font-weight:400;margin:0 0 12px}.dialog-intro{color:#95acad;font-size:11px;line-height:1.9;margin:0 0 28px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.help-grid h3,.source-copy h3{font-size:12px;font-weight:500;letter-spacing:1px;margin:12px 0 7px;color:#c3ded6}.help-grid p,.source-copy p{font-size:11px;line-height:1.9;color:#8fa5a9;margin:0}.help-symbol{font-size:17px;letter-spacing:2px;color:#c9eadb;font-weight:300}.dialog-note{font-size:10px;color:#7f999d;border-top:1px solid var(--line);margin:28px 0 0;padding-top:20px;line-height:1.8}.source-copy h3{margin-top:24px}.source-copy a{color:#c6e7da;border-bottom:1px solid #586f69}.source-signature{border-top:1px solid var(--line);padding-top:25px;margin-top:28px;display:flex;gap:14px;align-items:center;color:#bddbce}.source-signature svg{width:30px;height:30px}.source-signature>span{font-size:11px;letter-spacing:3px}.source-signature span span{display:block;font-size:7px;letter-spacing:2px;color:#6d888c;margin-top:6px}.loading-screen{position:fixed;inset:0;background:#060c12;z-index:100;display:grid;place-items:center;transition:opacity .6s,visibility .6s}.loading-screen.fade-out,.loading-screen.loaded,.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{text-align:center;width:260px}.loading-orbit{position:relative;height:85px;width:85px;margin:0 auto 29px}.loading-orbit:before,.loading-orbit:after{content:"";position:absolute;inset:5px;border:1px solid rgba(179,226,209,.25);border-radius:50%;transform:rotate(-30deg) scaleY(.45)}.loading-orbit:after{transform:rotate(55deg) scaleY(.45);opacity:.5}.loading-orbit span{position:absolute;inset:29px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9acbbd,#274955 60%,#0b141a);box-shadow:0 0 35px #7eb9b129}.loading-orbit i{position:absolute;inset:0;animation:orbit-spin 6s linear infinite}.loading-orbit i:after{content:"";width:4px;height:4px;background:#ceffeb;border-radius:50%;position:absolute;left:18px;top:16px;box-shadow:0 0 8px #9cceb7}.loading-brand{font-size:11px;letter-spacing:5px;color:#b7d3cb}.loading-inner h2{font-size:22px;font-weight:350;letter-spacing:3px;margin:18px 0}.loading-inner>p{color:#6f9199;font-size:10px;letter-spacing:1px;line-height:1.8;min-height:18px}.loading-track{height:1px;background:#1c3039;margin:26px auto;width:180px;overflow:hidden}.loading-track>div{height:100%;width:2%;background:#c2eddd;box-shadow:0 0 8px #9cceb7;transition:width .4s}.loading-bottom{color:#425f69;font-size:8px;letter-spacing:2px}@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){.object-info{left:6%;top:14%;width:315px}.object-info h1{font-size:82px}.object-description{font-size:13px;max-width:290px}.object-stats{gap:45px}.destination-dock{bottom:26px;width:830px}.destination-list button{min-height:77px}.destination-list .planet-thumb{transform:scale(1.15)}.site-header{padding:0 50px}.display-tools{right:46px}.control-footer{padding:0 50px}}
@media(max-height:800px) and (min-width:761px){.object-info{top:7%;width:260px}.object-info h1{font-size:57px;margin-top:17px}.object-english{margin-bottom:19px}.object-description{font-size:11px;margin-bottom:20px;line-height:1.9}.object-stats{padding:17px 0}.earth-actions{margin-top:18px;flex-direction:row;gap:7px}.earth-actions button{min-width:0;padding:9px;font-size:9px;gap:6px}.earth-actions .action-arrow{display:none}.destination-dock{bottom:8px}.scene-caption{top:0}}
@media(max-width:1150px){.header-meta{display:none}.site-header{padding:0 30px}.display-tools{right:26px}.object-info{left:35px;width:245px}.object-info h1{font-size:59px}.object-stats{gap:27px}.scene-caption{left:35px}.control-footer{padding:0 30px}.gesture-hint{display:none}.destination-dock{width:min(690px,calc(100vw - 80px));padding-left:10px;padding-right:10px}.destination-list button{flex-basis:58px}.render-quality{right:35px}.view-tools{right:29px}}
@media(max-width:760px){:root{--header-height:123px}.site-header{height:65px;padding:0 22px}.wordmark{gap:10px}.brand-mark{width:29px;height:29px}.brand-type{font-size:12px;letter-spacing:3px}.brand-cn{font-size:8px;letter-spacing:6px;margin-top:6px}.display-tools{top:17px;right:18px;gap:0}.display-tools .icon-button{width:30px;height:30px}.display-tools svg{width:16px;height:16px}.mode-nav{top:74px;width:calc(100vw - 44px);padding:4px;gap:3px;border-radius:7px;justify-content:stretch}.mode-nav button{flex:1;padding:10px 4px;font-size:10px}.mode-index{font-size:8px;margin-right:8px}.explorer{bottom:81px}.object-info{left:25px;top:29px;width:240px}.eyebrow{font-size:8px;letter-spacing:1.5px;gap:8px}.tiny-line{width:15px}.object-info h1{font-size:39px;line-height:1.15;letter-spacing:4px;margin:13px 0 6px}.object-english{font-size:9px;letter-spacing:4px;margin:0 0 18px}.object-description{display:none}.object-stats{gap:24px;width:216px;padding:12px 0 0;border-bottom:0}.object-stats dt{font-size:8px;margin-bottom:6px;letter-spacing:.5px}.object-stats dd{font-size:16px}.object-stats dd small{font-size:9px}.object-stats>div{min-width:74px}.object-status{font-size:8px;letter-spacing:.5px;padding-top:12px;max-width:230px}.earth-actions{margin-top:15px;gap:6px;flex-direction:row}.earth-actions button{font-size:8px;letter-spacing:.1px;min-width:0;padding:8px 9px;gap:5px;background:rgba(8,19,27,.5)}.earth-actions button svg{width:13px;height:13px}.earth-actions .action-arrow{display:none}.scene-caption{display:none}.render-quality{top:17px;right:23px;font-size:7px;letter-spacing:.5px}.view-tools{right:20px;top:auto;bottom:164px;gap:7px}.zoom-tools button{width:29px;height:31px}.reset-button{width:37px;height:34px}.destination-dock{width:calc(100vw - 36px);bottom:4px;padding:12px 10px 8px;border-radius:10px;background:rgba(11,22,29,.8)}.dock-heading{font-size:8px;padding:0 4px 9px}.dock-heading-en{font-size:6px;margin-left:8px;letter-spacing:.9px}.destination-search{gap:3px}.destination-search input{font-size:8px;width:71px}.destination-search svg{width:10px;height:10px}.destination-list{gap:4px;scroll-snap-type:x proximity}.destination-list button{flex:0 0 52px;min-height:61px;padding:8px 3px 6px;font-size:8px;gap:9px;scroll-snap-align:start}.planet-thumb{width:21px;height:21px}.planet-sun{width:24px;height:24px}.planet-mercury,.planet-moon{width:15px;height:15px}.planet-jupiter{width:26px;height:26px}.planet-venus,.planet-uranus{width:21px;height:21px}.planet-mars{width:18px;height:18px}.planet-saturn{width:20px;height:20px}.planet-saturn::after{inset:6px -8px;border-width:2px}.control-footer{height:77px;padding:0 18px;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0)}.scale-readout{display:none}.playback-controls{position:static;transform:none;gap:1px;padding:5px;flex-shrink:0}.playback-controls button{font-size:8px;padding:7px 8px;gap:4px}.playback-controls button svg{width:13px;height:13px}.control-separator{margin:0 3px;height:15px}.speed-control{margin-right:3px}.speed-control select{font-size:9px;max-width:56px}.footer-actions{position:absolute;right:18px;bottom:82px;display:none}.source-dialog .source-copy p{font-size:10px}.explorer-dialog{padding:30px 25px;max-height:calc(100dvh - 50px)}.dialog-eyebrow{font-size:7px;letter-spacing:1.5px;padding-right:15px;max-width:90%;line-height:1.7}.explorer-dialog h2{font-size:21px}.help-grid{gap:22px}.help-grid p{font-size:10px}.toast{top:126px;font-size:10px;padding:10px 14px;width:max-content;max-width:calc(100vw - 40px)}.scene-vignette{background:linear-gradient(90deg,rgba(3,8,13,.4),transparent 70%),linear-gradient(0deg,rgba(3,8,13,.85),transparent 30%,transparent 65%,rgba(3,8,13,.4))}}
@media(max-width:420px){.mode-nav{width:calc(100vw - 36px)}.object-info{left:24px;top:28px}.object-info h1{font-size:37px}.object-stats{width:206px;gap:20px}.playback-controls button{padding:8px 8px}.source-dialog .dialog-intro{margin-bottom:16px}.help-grid{gap:20px 15px}.dock-heading-en{font-size:5.5px;letter-spacing:.8px}}
@media(max-height:700px) and (max-width:760px){:root{--header-height:110px}.mode-nav{top:63px}.object-info{top:19px}.object-info h1{font-size:31px;margin-top:9px}.object-english{margin-bottom:10px}.object-stats{padding-top:9px}.object-status{display:none}.earth-actions{margin-top:12px}.object-stats dd{font-size:14px}.view-tools{bottom:135px}.destination-dock{padding-top:9px}.destination-list button{min-height:56px}.render-quality{display:none}}
@media(max-height:500px) and (orientation:landscape){:root{--header-height:65px}.site-header{height:65px}.mode-nav{top:16px;width:310px}.object-info{top:18px}.object-info h1{font-size:32px;margin:10px 0 4px}.object-english{margin-bottom:12px}.object-description,.object-stats,.object-status,.earth-actions,.scene-caption,.render-quality{display:none}.destination-dock{left:auto;right:75px;transform:none;width:calc(100vw - 330px);bottom:0}.dock-heading-en{display:none}.destination-list button{flex-basis:47px}.view-tools{top:50px;bottom:auto}.control-footer{height:65px}.explorer{bottom:65px}.scale-readout{display:none}.footer-actions{display:none}.header-meta{display:none}.brand-cn{display:none}.brand-type{font-size:11px}.brand-mark{width:25px;height:25px}.wordmark{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:760px) and (orientation:portrait){.footer-actions{position:static;display:flex;flex-direction:row;gap:3px;margin-left:8px}.footer-actions .icon-button{width:27px;height:27px}.footer-actions .help-button{width:23px;height:23px;margin-left:0}.playback-controls button{padding-left:6px;padding-right:6px}.control-footer{padding-left:12px;padding-right:12px}}
@media(max-width:760px){.mode-nav button{font-size:12px}.destination-list button{font-size:10px}.playback-controls button{font-size:10px}.earth-actions button{font-size:10px}.dock-heading{font-size:9px}.destination-search input{font-size:10px}.speed-control select{font-size:10px}.object-stats dt{font-size:9px}.object-status{font-size:9px}}

/* Immersive exploration, with an optional chapter-led science tour. */
:root{--mint:#bde7f6;--line:rgba(174,208,232,.15);--glass:rgba(8,17,30,.72)}
/* Midnight-blue sky from the supplied solar-system page. All decorative
   layers sit behind the transparent 3D canvas and never intercept input. */
body{background:radial-gradient(circle at 15% 58%,rgba(255,124,30,.12),transparent 25%),radial-gradient(circle at 82% 28%,rgba(117,76,255,.18),transparent 34%),linear-gradient(135deg,#020611 0%,#061328 46%,#01040e 100%)}
.space-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.space-background::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,rgba(1,4,14,.92),rgba(1,4,14,0))}
.space-stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle at 12% 31%,#dcf6ff 0 1px,transparent 1.8px),radial-gradient(circle at 36% 17%,rgba(130,206,255,.9) 0 1px,transparent 1.7px),radial-gradient(circle at 71% 16%,rgba(255,220,170,.8) 0 1px,transparent 1.8px),radial-gradient(circle at 89% 62%,rgba(168,129,255,.9) 0 1px,transparent 1.7px),radial-gradient(circle at 57% 72%,rgba(130,206,255,.55) 0 1px,transparent 1.7px);background-size:193px 149px,227px 181px,277px 221px,179px 239px,313px 167px}
.space-nebula{position:absolute;border-radius:50%;filter:blur(32px)}
.space-nebula-one{width:34%;height:25%;top:19%;right:15%;transform:rotate(-18deg);background:radial-gradient(ellipse,rgba(86,62,255,.20),rgba(42,173,255,.04) 53%,transparent 72%)}
.space-nebula-two{width:28%;height:19%;bottom:22%;left:35%;background:radial-gradient(ellipse,rgba(18,132,255,.15),rgba(175,66,255,.05) 55%,transparent 74%)}
#universe{z-index:1}
.scene-vignette{background:linear-gradient(90deg,rgba(2,6,17,.15),transparent 35%),linear-gradient(0deg,rgba(2,6,17,.3),transparent 25%,transparent 85%,rgba(2,6,17,.12))}
.mode-nav{background:rgba(10,19,35,.62)}
.mode-nav button.active,.mode-nav button[aria-pressed="true"]{background:rgba(157,208,241,.12);color:#dcefff;box-shadow:inset 0 0 0 1px rgba(166,216,244,.16)}
.object-info{top:17%;width:265px}
.object-info h1{font-size:72px;font-weight:300;letter-spacing:8px;margin-top:23px}
.object-english{color:#a1b7cc;margin-bottom:29px;letter-spacing:8px}
.object-description{font-size:12px;line-height:2.1;max-width:258px;color:#9aaec1;letter-spacing:.5px;margin-bottom:0}
.eyebrow{color:#afc6d9}.scene-caption{color:#7590aa}
.earth-actions{margin-top:29px;gap:10px}
.earth-actions button{min-width:176px;min-height:42px;border-radius:7px;background:rgba(10,22,39,.54);color:#c5dae6;font-size:11px;letter-spacing:.7px}
.earth-actions button:hover{background:rgba(122,192,228,.12);border-color:rgba(175,222,249,.38)}
.guide-entry{display:flex;align-items:center;gap:9px;margin-right:94px;padding:11px 14px;min-height:42px;border:1px solid rgba(170,215,244,.27);border-radius:8px;background:rgba(78,123,158,.14);color:#cceafb;font-size:12px;letter-spacing:1px;backdrop-filter:blur(16px)}
.guide-entry:hover{background:rgba(94,163,204,.23);border-color:rgba(183,227,250,.5)}
.guide-entry svg{width:16px;height:16px}.guide-entry .guide-entry-arrow{width:11px;height:11px;opacity:.65;margin-left:3px}
.facts-panel{position:absolute;right:40px;top:24px;width:220px;background:linear-gradient(135deg,rgba(13,24,43,.7),rgba(9,18,31,.6));border:1px solid var(--line);border-radius:11px;backdrop-filter:blur(22px);box-shadow:0 14px 42px rgba(0,0,0,.1);pointer-events:auto;overflow:hidden}
.facts-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 17px;min-height:49px;background:transparent;color:#c4d6e3;font-size:11px;letter-spacing:1.4px;text-align:left}
.facts-toggle>span{display:flex;align-items:center;gap:8px}.facts-toggle svg{width:14px;height:14px;color:#94b2c8}.facts-toggle .facts-chevron{width:11px;height:11px;transform:rotate(90deg);transition:transform .2s}
.facts-toggle[aria-expanded="false"] .facts-chevron{transform:rotate(0deg)}
.facts-toggle:hover{background:rgba(142,194,229,.07)}
.facts-content{padding:0 17px 18px}
.facts-panel .object-stats{display:grid;gap:15px;width:auto;padding:17px 0 0;border-bottom:0;border-top:1px solid var(--line)}
.facts-panel .object-stats>div{display:flex;align-items:center;justify-content:space-between;gap:9px}
.facts-panel .object-stats dt{font-size:10px;color:#7e9ab1;margin:0;letter-spacing:.5px;flex-shrink:0}
.facts-panel .object-stats dd{font-size:17px;letter-spacing:.1px;color:#d8e7f2;font-weight:350;white-space:normal;overflow-wrap:anywhere;text-align:right;line-height:1.45}
.facts-panel .object-stats dd small{font-size:10px;color:#8eacc0}
.facts-panel .object-status{font-size:9px;color:#7f9db4;letter-spacing:.5px;padding-top:17px;line-height:1.7;align-items:flex-start}
.facts-panel .object-status::before{flex-shrink:0;margin-top:6px;background:#a5d9ec;box-shadow:0 0 8px #89bfd7}
.destination-dock{background:linear-gradient(115deg,rgba(13,24,42,.78),rgba(7,17,30,.72));border-color:rgba(165,200,229,.16);border-radius:13px;padding-top:13px}
.destination-list button.active,.destination-list button[aria-pressed="true"]{background:rgba(140,197,230,.08);border-color:rgba(161,217,248,.28);color:#d5eefc}
.destination-list button{min-height:64px}
.playback-controls{background:rgba(9,20,34,.74)}
.playback-controls button[aria-pressed="true"]{color:#c5e4f3;background:rgba(142,194,229,.04)}
.render-quality{display:none}
.scene-disclaimer{position:absolute;left:40px;bottom:84px;margin:0;color:#718ba1;font-size:9px;letter-spacing:1px;line-height:1.5;white-space:nowrap;pointer-events:none}

.guide-interface{position:fixed;inset:0;z-index:4;pointer-events:none}
.guide-interface button,.guide-interface a{pointer-events:auto}
.guide-topbar{position:absolute;top:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:19px;min-height:43px;padding:5px 8px 5px 17px;border:1px solid rgba(153,211,232,.2);border-radius:9px;background:rgba(9,27,39,.72);backdrop-filter:blur(20px);white-space:nowrap}
.guide-mode-label{display:flex;align-items:center;gap:8px;color:#d1f1fb;font-size:12px;letter-spacing:1px}
.guide-mode-label svg{width:16px;height:16px;color:#9ed8e8}
.guide-topbar-divider{height:17px;width:1px;background:rgba(176,217,237,.16)}
#exit-guide{display:flex;align-items:center;gap:8px;min-height:33px;background:transparent;border-radius:5px;font-size:11px;color:#90b4c4;padding:0 9px}
#exit-guide svg{width:11px;height:11px}#exit-guide:hover{background:rgba(157,208,235,.09);color:#daf4ff}
.guide-chapters{position:absolute;left:4.8%;top:20%;width:222px;pointer-events:auto}
.guide-rail-heading{font-size:12px;font-weight:400;letter-spacing:1.7px;color:#aecdd9;margin:0 0 28px}
.guide-rail-heading span{display:block;font-size:7px;font-weight:400;letter-spacing:2.1px;color:#5e8599;margin-top:10px}
.guide-chapters>button{display:flex;align-items:center;gap:14px;width:100%;min-height:57px;padding:14px 17px;margin:7px 0;border:1px solid transparent;border-radius:8px;background:rgba(8,23,36,.15);color:#7f9eae;font-size:12px;letter-spacing:.6px;text-align:left}
.guide-chapters>button .chapter-number{font-size:10px;color:#587c92;letter-spacing:1.3px;font-variant-numeric:tabular-nums}
.guide-chapters>button svg{width:11px;height:11px;margin-left:auto;opacity:0}
.guide-chapters>button.active,.guide-chapters>button[aria-current="step"]{background:linear-gradient(105deg,rgba(79,146,176,.17),rgba(46,99,130,.08));border-color:rgba(131,205,235,.23);color:#d1effa}
.guide-chapters>button.active .chapter-number,.guide-chapters>button[aria-current="step"] .chapter-number{color:#a1d8e9}
.guide-chapters>button.active svg,.guide-chapters>button[aria-current="step"] svg{opacity:.7}
.guide-chapters>button:hover{background:rgba(83,151,183,.12);color:#d4f0fa}
.guide-rail-note{color:#5e8193;font-size:10px;line-height:1.9;letter-spacing:.3px;margin:25px 9px 0}
.guide-lesson{position:absolute;left:60%;bottom:142px;transform:translateX(-50%);width:min(650px,calc(100vw - 390px));padding:23px 28px 21px;border:1px solid rgba(145,208,233,.21);border-radius:14px;background:linear-gradient(120deg,rgba(14,39,55,.88),rgba(8,23,38,.82));box-shadow:0 16px 60px rgba(0,0,0,.18);backdrop-filter:blur(22px);pointer-events:auto}
.guide-kicker{font-size:10px;letter-spacing:1.8px;color:#80b7cc;margin:0 0 10px}
.guide-lesson h1{font-size:25px;line-height:1.5;font-weight:400;letter-spacing:1px;color:#e0f2fa;margin:0 0 9px;outline-offset:6px}
.guide-copy{font-size:12px;line-height:1.95;letter-spacing:.35px;color:#9ebdcd;margin:0;max-width:590px}
.guide-lesson-actions{display:flex;align-items:center;gap:10px;margin-top:17px}
.guide-lesson-actions button{display:flex;align-items:center;gap:7px;min-height:35px;padding:8px 13px;border:1px solid rgba(143,210,236,.26);border-radius:6px;background:rgba(83,156,185,.09);color:#c7e9f6;font-size:11px;letter-spacing:.5px}
.guide-lesson-actions svg{width:15px;height:15px}
.guide-lesson-actions .guide-narrate{border-color:rgba(139,187,213,.13);background:transparent;color:#8eb3c6}
.guide-lesson-actions button:hover,.guide-lesson-actions button[aria-pressed="true"]{color:#e1f6ff;background:rgba(105,184,215,.16);border-color:rgba(154,221,248,.34)}
.guide-navigation{position:absolute;left:60%;bottom:88px;transform:translateX(-50%);width:min(650px,calc(100vw - 390px));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:auto}
.guide-navigation button{display:flex;align-items:center;gap:7px;min-height:39px;background:transparent;color:#b5d7e7;font-size:11px;border-radius:7px;padding:9px 13px;white-space:nowrap}
.guide-navigation button:hover{background:rgba(113,174,202,.12)}
.guide-navigation button svg{width:12px;height:12px}
#guide-prev svg{transform:rotate(180deg)}
#guide-next{background:rgba(93,163,196,.13);border:1px solid rgba(134,208,239,.21);color:#c8edf8}
.guide-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:200px}
#guide-counter{color:#7fa8ba;font-size:9px;letter-spacing:1.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
#guide-progress{appearance:none;-webkit-appearance:none;border:0;width:100%;height:2px;background:rgba(149,200,225,.13);color:#9ed9ec;border-radius:2px;overflow:hidden}
#guide-progress::-webkit-progress-bar{background:rgba(149,200,225,.13)}
#guide-progress::-webkit-progress-value{background:#9ed9ec;transition:width .3s}
#guide-progress::-moz-progress-bar{background:#9ed9ec}
body.guide-active .object-info,body.guide-active .destination-dock,body.guide-active .facts-panel,body.guide-active .mode-nav,body.guide-active .scene-caption,body.guide-active .guide-entry,body.guide-active .render-quality{display:none}
body.guide-active .scene-vignette{background:linear-gradient(90deg,rgba(2,10,20,.6),transparent 52%),linear-gradient(0deg,rgba(2,9,19,.78),transparent 48%,transparent 80%,rgba(2,8,18,.35))}
body.guide-active .view-tools{top:32%}
body.guide-active .scale-readout #distance-label{color:#7695a8}
body.ui-hidden .guide-interface,body.clean-view .guide-interface{opacity:0;visibility:hidden;pointer-events:none}

@media(min-width:1550px){.object-info{left:6%;width:290px;top:20%}.object-info h1{font-size:84px}.object-description{font-size:13px;max-width:280px}.facts-panel{right:50px;top:15%;width:219px}.facts-toggle{padding:18px 20px}.facts-content{padding:0 20px 21px}.guide-chapters{left:6%;top:24%;width:240px}.guide-chapters>button{min-height:62px}.guide-lesson,.guide-navigation{width:700px}.guide-lesson{padding:28px 32px 24px;bottom:158px}.guide-navigation{bottom:99px}.guide-copy{font-size:13px}.guide-lesson h1{font-size:28px}}
@media(max-width:1150px) and (min-width:761px){.object-info{width:222px;top:15%}.object-info h1{font-size:63px}.object-description{font-size:11px}.facts-panel{right:29px;width:176px;top:14%}.facts-panel .object-stats dd{font-size:21px}.guide-entry{margin-right:88px;padding:10px 12px;gap:7px}.guide-entry-arrow{display:none}.mode-nav button{padding:12px 14px}.guide-chapters{left:30px;top:19%;width:193px}.guide-chapters>button{padding:13px 11px;gap:10px;font-size:11px}.guide-rail-heading{font-size:11px}.guide-rail-heading span{font-size:6px;letter-spacing:1.7px}.guide-lesson,.guide-navigation{left:62%;width:calc(100vw - 345px);max-width:620px}.guide-lesson{padding:20px 23px}.guide-lesson h1{font-size:23px}.guide-navigation{gap:10px}.guide-navigation button{padding:9px 10px;font-size:10px}}
@media(max-height:800px) and (min-width:761px){.object-info{top:12%}.object-info h1{font-size:60px;margin-top:20px}.object-description{line-height:1.95}.earth-actions{margin-top:22px;flex-direction:column}.earth-actions button{min-width:165px;min-height:38px;padding:9px 12px;font-size:10px;gap:9px}.earth-actions .action-arrow{display:block}.facts-panel{top:11%}.guide-chapters{top:20%}.guide-chapters>button{min-height:47px;margin:5px 0}.guide-rail-heading{margin-bottom:18px}.guide-rail-note{margin-top:18px}.guide-lesson{padding:18px 24px;bottom:138px}.guide-lesson h1{font-size:23px;margin-bottom:6px}.guide-kicker{margin-bottom:6px}.guide-copy{font-size:11px;line-height:1.8}.guide-lesson-actions{margin-top:13px}.guide-lesson-actions button{min-height:32px;padding:7px 12px}}
@media(max-width:760px){
  :root{--header-height:132px}
  .site-header{padding:0 20px}.guide-entry{position:absolute;right:84px;margin:0;padding:7px 10px;min-height:33px;font-size:10px;gap:6px;letter-spacing:.4px;border-radius:6px}.guide-entry svg{width:14px;height:14px}.guide-entry .guide-entry-arrow{display:none}
  .object-info{left:24px;top:25px;width:172px}.object-info h1{font-size:43px;letter-spacing:5px;margin-top:13px}.object-english{font-size:9px;letter-spacing:5px;margin-bottom:0}.eyebrow{font-size:8px;letter-spacing:1px}
  .earth-actions{flex-direction:column;gap:7px;margin-top:20px}.earth-actions button{padding:8px 10px;min-width:134px;min-height:35px;font-size:10px;gap:7px;letter-spacing:.2px}.earth-actions .action-arrow{display:block;width:10px;height:10px}
  .facts-panel{right:20px;top:27px;width:144px;border-radius:8px}.facts-toggle{padding:12px;min-height:39px;font-size:10px;letter-spacing:.6px}.facts-toggle>span{gap:6px}.facts-toggle svg{width:12px;height:12px}.facts-toggle .facts-chevron{width:10px;height:10px}.facts-content{padding:0 12px 14px}.facts-panel .object-stats{padding-top:13px;gap:14px}.facts-panel .object-stats dt{font-size:9px;margin-bottom:6px}.facts-panel .object-stats dd{font-size:17px}.facts-panel .object-status{font-size:8px;letter-spacing:.2px;padding-top:14px}
  .destination-dock{border-radius:11px;padding-top:12px}.destination-list button{min-height:62px}.control-footer{height:77px}.playback-controls button{min-height:33px}.footer-actions .icon-button{width:28px;height:28px}.footer-actions .help-button{width:25px;height:25px}
  .guide-topbar{left:20px;right:20px;top:75px;transform:none;padding:5px 7px 5px 13px;justify-content:space-between;min-height:40px;gap:10px;border-radius:7px}.guide-mode-label{font-size:11px}.guide-topbar-divider{display:none}#exit-guide{font-size:10px;min-height:29px;padding:0 7px}
  .guide-chapters{left:0;right:0;top:132px;width:auto;display:flex;align-items:center;gap:6px;padding:3px 20px 10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px}.guide-chapters::-webkit-scrollbar{display:none}.guide-rail-heading,.guide-rail-note{display:none}.guide-chapters>button{width:auto;flex:0 0 auto;gap:7px;min-height:35px;margin:0;padding:8px 11px;border-radius:6px;font-size:10px;letter-spacing:.2px;white-space:nowrap;scroll-snap-align:start;background:rgba(8,23,36,.6)}.guide-chapters>button .chapter-number{font-size:8px;letter-spacing:.6px}.guide-chapters>button svg{display:none}
  .guide-lesson{left:18px;right:18px;bottom:146px;transform:none;width:auto;padding:17px 19px 16px;border-radius:12px;background:linear-gradient(120deg,rgba(14,36,53,.9),rgba(7,21,36,.88));max-height:calc(100dvh - 355px);overflow:auto;scrollbar-width:thin;scrollbar-color:#456373 transparent}.guide-kicker{font-size:9px;letter-spacing:1px;margin-bottom:7px}.guide-lesson h1{font-size:20px;line-height:1.5;letter-spacing:.5px;margin:0 0 8px}.guide-copy{font-size:11px;line-height:1.85;letter-spacing:.2px}.guide-lesson-actions{gap:8px;margin-top:13px}.guide-lesson-actions button{min-height:34px;padding:7px 10px;font-size:10px;gap:6px}.guide-lesson-actions svg{width:14px;height:14px}
  .guide-navigation{left:18px;right:18px;bottom:91px;width:auto;transform:none;gap:10px}.guide-navigation button{font-size:10px;gap:5px;min-height:39px;padding:9px 10px}.guide-navigation button svg{width:10px;height:10px}.guide-progress-wrap{max-width:99px;gap:7px}#guide-counter{font-size:8px;letter-spacing:.4px}
  body.guide-active .view-tools{top:104px;right:18px;bottom:auto}.guide-active .zoom-tools button{width:27px;height:29px}.guide-active .reset-button{width:35px;height:32px}.guide-active .view-tools{gap:6px}.guide-active .control-footer{height:77px}.guide-active .scene-vignette{background:linear-gradient(0deg,rgba(2,8,19,.9),transparent 55%,transparent 69%,rgba(2,9,20,.4))}
  body.guide-active .toast{top:184px}
}
@media(max-width:370px){.brand-type{font-size:10px;letter-spacing:2px}.brand-mark{width:26px;height:26px}.wordmark{gap:8px}.guide-entry{right:80px;padding:7px 8px}.guide-entry svg{display:none}.facts-panel{right:18px;width:132px}.object-info{left:20px;width:152px}.object-info h1{font-size:40px}.guide-lesson{left:14px;right:14px;padding:15px 17px}.guide-lesson h1{font-size:18px}.guide-navigation{left:14px;right:14px;gap:6px}.guide-navigation button{font-size:9px;padding:9px 8px}.guide-progress-wrap{max-width:80px}.control-footer{padding-left:8px;padding-right:8px}.playback-controls button{padding-left:5px;padding-right:5px}.footer-actions{margin-left:5px;gap:2px}}
@media(max-height:700px) and (max-width:760px){:root{--header-height:121px}.mode-nav{top:68px}.object-info{top:16px}.object-info h1{font-size:35px;margin-top:9px}.earth-actions{margin-top:14px;gap:6px}.earth-actions button{min-height:31px;padding:7px 9px}.facts-panel{top:20px}.guide-topbar{top:66px}.guide-chapters{top:116px}.guide-lesson{bottom:136px;padding:13px 16px;max-height:calc(100dvh - 295px)}.guide-kicker{font-size:8px;margin-bottom:4px}.guide-lesson h1{font-size:18px;margin-bottom:5px}.guide-copy{font-size:10px;line-height:1.75}.guide-lesson-actions{margin-top:10px}.guide-lesson-actions button{min-height:30px;padding:6px 10px}.guide-navigation{bottom:84px}.guide-chapters>button{min-height:31px}.guide-active .view-tools{display:none}.guide-active .control-footer{height:70px}}
@media(max-height:500px) and (orientation:landscape){
  :root{--header-height:64px}.guide-entry{right:98px;font-size:10px;min-height:32px;padding:7px 10px}.mode-nav{width:auto;top:16px}.mode-nav button{font-size:10px;padding:8px 10px}.mode-index{display:none}.object-info{top:18px}.object-info h1{font-size:32px;margin-top:9px}.facts-panel{display:none}.earth-actions{display:none}.guide-topbar{top:14px;left:50%;right:auto;transform:translateX(-50%);min-height:35px;padding:3px 7px 3px 12px}.guide-mode-label{font-size:10px}#exit-guide{min-height:28px;font-size:9px}.guide-chapters{left:24px;right:auto;top:88px;display:block;width:158px;overflow:visible;padding:0}.guide-rail-heading,.guide-rail-note{display:none}.guide-chapters>button{font-size:10px;width:100%;margin:4px 0;min-height:33px;padding:8px 10px;gap:9px}.guide-chapters>button .chapter-number{font-size:8px}.guide-chapters>button svg{display:none}.guide-lesson{left:auto;right:25px;bottom:108px;transform:none;width:285px;padding:14px 17px;max-height:calc(100dvh - 184px);overflow:auto}.guide-kicker{font-size:8px;margin-bottom:5px}.guide-lesson h1{font-size:17px;margin-bottom:6px}.guide-copy{font-size:10px;line-height:1.75}.guide-lesson-actions{gap:7px;margin-top:10px}.guide-lesson-actions button{min-height:30px;font-size:9px;padding:6px 8px}.guide-navigation{left:auto;right:25px;bottom:59px;transform:none;width:285px;gap:6px}.guide-navigation button{font-size:9px;min-height:35px;padding:8px}.guide-progress-wrap{max-width:73px}#guide-counter{font-size:7px;letter-spacing:.2px}.guide-active .view-tools{display:none}.guide-active .control-footer{height:56px;justify-content:center}.guide-active .playback-controls{position:static;transform:none}.guide-active .footer-actions{display:flex;position:static;margin-left:14px}.guide-active .gesture-hint{display:none}.guide-active .scale-readout{display:none}
}

/* Keep the information card clear of the planet silhouette. */
@media(min-width:761px){.facts-panel{top:24px;width:220px}.facts-panel .object-stats dd{font-size:17px}.facts-toggle{padding:15px 17px;min-height:48px}.facts-content{padding:0 17px 18px}}
@media(min-width:1550px){.facts-panel{top:28px;width:230px}.scene-disclaimer{left:50px}}
@media(max-width:1150px) and (min-width:761px){.facts-panel{right:29px}.scene-disclaimer{left:30px}}
@media(max-width:760px){.facts-panel .object-stats>div{display:block}.facts-panel .object-stats dd{text-align:left}.scene-disclaimer{left:50%;bottom:4px;transform:translateX(-50%);font-size:7px;letter-spacing:.7px;color:#6e879a}.guide-active .scene-disclaimer{bottom:4px}}
@media(max-height:500px) and (orientation:landscape){.scene-disclaimer{left:25px;bottom:20px;transform:none;font-size:8px}.guide-active .scene-disclaimer{bottom:18px}}

/* Chapter labels remain readable while chapter navigation owns selection. */
.guide-active .scene-label:disabled{opacity:.88;cursor:default;pointer-events:none}


@media(max-width:760px){body.guide-active .scene-vignette{background:linear-gradient(0deg,rgba(2,8,19,.82),transparent 55%,transparent 69%,rgba(2,9,20,.3))}}