:root{color-scheme:dark;--ink:#f4f8fd;--muted:#8290a2;--line:#c5dcf024;--cyan:#9adfff;--gold:#ffd18a;background:#010205;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#010205;margin:0;overflow:hidden}button,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 58% 49%,#071019 0,#02050a 44%,#010205 76%);min-height:100vh;position:relative}.topbar{z-index:20;backdrop-filter:blur(16px);background:linear-gradient(#010205db,#01020524);border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(22px,3.2vw,52px);display:flex;position:fixed;inset:0 0 auto}.topbar-actions{align-items:center;gap:16px;display:flex}.language-toggle{min-width:38px;height:28px;color:var(--cyan);letter-spacing:.08em;cursor:pointer;background:#03091085;border:1px solid #9adfff47;border-radius:2px;padding:0 9px;font:600 .66rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:border-color .2s,background .2s,color .2s}.language-toggle:hover,.language-toggle:focus-visible{color:#fff;background:#1a465c70;border-color:#9adfffb3;outline:none}.brand{color:inherit;letter-spacing:.16em;align-items:center;gap:12px;font-size:.84rem;font-weight:650;text-decoration:none;display:flex}.brand-mark{border:1px solid #9adfffd9;border-radius:50%;width:19px;height:19px;position:relative;box-shadow:0 0 16px #48b1e859}.brand-mark:after{content:"";border:1px solid #9adfff73;border-radius:50%;position:absolute;inset:4px -5px;transform:rotate(-24deg)}.time-block{font-variant-numeric:tabular-nums;grid-template-columns:auto auto;align-items:center;gap:2px 8px;display:grid}.time-block span:nth-child(2){color:#778698;letter-spacing:.07em;font-size:.72rem}.time-block strong{letter-spacing:.12em;grid-column:2;font:500 .95rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.live-dot{background:#9adfff;border-radius:50%;grid-row:1/span 2;width:5px;height:5px;animation:2.6s infinite pulse;box-shadow:0 0 13px #65cafa}.stage,.scene{position:fixed;inset:0}.scene{touch-action:none;cursor:grab}.scene:active{cursor:grabbing}.vignette{pointer-events:none;z-index:2;background:radial-gradient(at 57%,#0000 27%,#01020509 52%,#0102058a 125%),linear-gradient(90deg,#0102053d,#0000 27% 80%,#0102051a);position:fixed;inset:0}.cinematic-grain{z-index:3;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.33'/%3E%3C/svg%3E");position:fixed;inset:0}.viewport-frame{z-index:5;pointer-events:none;position:fixed;inset:92px 26px 26px}.viewport-frame i{opacity:.34;width:22px;height:22px;position:absolute}.viewport-frame i:first-child{border-top:1px solid #aac6d8;border-left:1px solid #aac6d8;top:0;left:0}.viewport-frame i:nth-child(2){border-top:1px solid #aac6d8;border-right:1px solid #aac6d8;top:0;right:0}.viewport-frame i:nth-child(3){border-bottom:1px solid #aac6d8;border-left:1px solid #aac6d8;bottom:0;left:0}.viewport-frame i:nth-child(4){border-bottom:1px solid #aac6d8;border-right:1px solid #aac6d8;bottom:0;right:0}.intro-panel{z-index:10;pointer-events:none;width:min(390px,31vw);position:fixed;bottom:clamp(38px,7vh,78px);left:clamp(28px,4vw,64px)}.eyebrow{color:var(--cyan);letter-spacing:.2em;margin:0 0 12px;font:600 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}h1{letter-spacing:-.05em;text-wrap:balance;text-shadow:0 4px 35px #000000b8;max-width:430px;margin:0;font-size:clamp(1.85rem,3.1vw,3.65rem);font-weight:430;line-height:1.08}.hint{color:#8190a1;letter-spacing:.05em;margin:17px 0 16px;font-size:.78rem;line-height:1.7}.upload-button{pointer-events:auto;color:#06111b;cursor:pointer;background:#c4ebfced;border:1px solid #ffffffa6;border-radius:2px;align-items:center;gap:10px;min-height:45px;padding:0 17px;font-size:.84rem;font-weight:720;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 40px #32a5dc2e}.upload-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 18px 48px #42b9ef47}.upload-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.photo-status{color:#667587;margin:9px 0 0;font-size:.7rem}.telemetry{z-index:10;backdrop-filter:blur(18px)saturate(115%);background:linear-gradient(145deg,#080e17a8,#02050a6b);border:1px solid #bfd9ed1f;width:min(334px,28vw);padding:19px;position:fixed;bottom:clamp(38px,6vh,68px);right:clamp(28px,3.5vw,54px);box-shadow:0 28px 90px #00000040}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:14px;display:flex}.panel-heading .eyebrow{margin-bottom:5px}h2{letter-spacing:.02em;margin:0;font-size:1rem;font-weight:560}.icon-button{border:1px solid var(--line);width:33px;height:33px;color:var(--ink);cursor:pointer;background:#ffffff06;place-items:center;transition:background .2s;display:grid}.icon-button:hover{background:#ffffff1a}.metric-grid{background:#ffffff14;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;display:grid}.metric{background:#03070dd1;align-items:center;gap:9px;min-height:69px;padding:12px 10px;display:flex}.metric small{color:#6f7e90;margin-bottom:5px;font-size:.66rem;display:block}.metric strong{font-size:.76rem;font-weight:560;line-height:1.4}.metric-icon{width:22px;color:var(--gold);text-align:center;flex:none;font-size:1rem}.metric.moon .metric-icon{color:#d6e0ec}.scale-note{color:#657486;border-bottom:1px solid var(--line);align-items:flex-start;gap:9px;padding:12px 0;font-size:.65rem;line-height:1.5;display:flex}.orbit-key{border-top:1px dashed #66798d;flex:none;width:20px;height:8px;margin-top:3px}.legend{color:#718093;gap:16px;padding-top:12px;font-size:.66rem;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend b,.drag-cue b{font:inherit;font-weight:inherit}.legend i{border-radius:50%;width:6px;height:6px}.day-swatch{background:#8fddff;box-shadow:0 0 7px #6bcdf7}.night-swatch{background:#ffc56d;box-shadow:0 0 7px #ffbd59}.object-label{z-index:8;color:#aebdcd;backdrop-filter:blur(8px);letter-spacing:.1em;pointer-events:none;background:#02050a8f;border:1px solid #ffffff1c;padding:5px 8px;font-size:.64rem;display:none;position:fixed}.solar-label-layer{z-index:8;pointer-events:none;display:none;position:fixed;inset:0}.solar-label-layer.visible{display:block}.planet-label{color:#ddedf8c7;letter-spacing:.12em;white-space:nowrap;background:#02050a80;border-left:1px solid #9adfff73;padding:3px 6px;font:600 .58rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.drag-cue{color:#cddceb54;letter-spacing:.16em;pointer-events:none;z-index:6;font-size:.68rem;position:fixed;bottom:27px;left:56%;transform:translate(-50%)}.drag-cue span{color:var(--cyan);margin-right:5px;font-size:1rem}.photo-dialog{width:60vw;height:60vh;color:var(--ink);background:#02050a;border:1px solid #9adfff40;padding:0;overflow:hidden;box-shadow:0 35px 160px #000}.photo-dialog[open]{animation:.58s cubic-bezier(.2,.75,.2,1) both gallery-arrival}.photo-dialog::backdrop{backdrop-filter:blur(13px);background:#000206c7}.map-backdrop{z-index:0;background:#071019;position:absolute;inset:0;overflow:hidden}.map-backdrop:after{content:"";background:radial-gradient(circle at 50% 45%,#01070c2e,#010408b3 72%),linear-gradient(90deg,#010509b8,#0000 35% 68%,#01050999);position:absolute;inset:0}.map-backdrop:before{content:"+";z-index:2;width:34px;height:34px;color:var(--cyan);border:1px solid #9adfff73;border-radius:50%;place-items:center;font:300 1.1rem/1 ui-monospace,monospace;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #48b1e83d}.map-tiles{filter:saturate(.65)brightness(.65)contrast(1.18)hue-rotate(8deg);transform-origin:50%;grid-template-rows:repeat(3,256px);grid-template-columns:repeat(3,256px);width:768px;height:768px;display:grid;position:absolute;transform:scale(1.48)}.map-tiles img{width:256px;height:256px;display:block}.map-grid{opacity:.14;background-image:linear-gradient(#9adfff2e 1px,#0000 1px),linear-gradient(90deg,#9adfff2e 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000,#0000 72%)}.map-place{z-index:2;text-shadow:0 2px 14px #000;gap:4px;max-width:calc(100% - 100px);display:grid;position:absolute;top:25px;left:28px}.map-place:before{content:"";background:var(--cyan);width:1px;height:52px;position:absolute;top:2px;left:-12px;box-shadow:0 0 15px #9adfffb3}.map-place span{color:var(--cyan);letter-spacing:.2em;font:600 .64rem/1.2 ui-monospace,monospace}.map-place strong{letter-spacing:.04em;font-size:1.05rem;font-weight:560}.map-place small{color:#8da0b2;letter-spacing:.1em;font:.64rem/1.2 ui-monospace,monospace}.gallery-overview{z-index:1;scrollbar-color:#9adfff59 transparent;padding:10px 5px 28px;position:absolute;inset:118px 5.5% 46px;overflow:auto}.gallery-overview[hidden],.photo-viewer[hidden]{display:none}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px;max-width:1280px;margin:0 auto;display:grid}.gallery-card{aspect-ratio:4/3;color:#fff;cursor:pointer;background:#01050abd;border:1px solid #c8e1f22e;padding:0;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000052}.gallery-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 57%,#000000d1);position:absolute;inset:0}.gallery-card:hover{border-color:#9adfffb8;transform:translateY(-2px)}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.gallery-card:hover img{transform:scale(1.035)}.gallery-card span{z-index:1;text-align:left;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 10px 9px}.gallery-card b{color:var(--cyan);font:600 .68rem/1 ui-monospace,monospace}.gallery-card small{color:#ebf2f8c7;font:.62rem/1 ui-monospace,monospace}.photo-viewer{z-index:1;position:absolute;inset:0}.gallery-back{z-index:3;color:#dbe8f2;cursor:pointer;letter-spacing:.06em;background:#0000007a;border:1px solid #ffffff2e;height:34px;padding:0 12px;font-size:.7rem;position:absolute;top:19px;right:66px}.dialog-photo-frame{z-index:1;background:#0102059e;border:1px solid #ffffff29;position:absolute;inset:88px 92px 76px;overflow:hidden;box-shadow:0 24px 90px #000000b8,0 0 0 9px #01050a52}#dialogImage{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.dialog-caption{z-index:2;background:linear-gradient(90deg,#02060bf0,#02060bb8);border-top:1px solid #ffffff1a;align-items:center;gap:14px;min-height:58px;padding:13px 19px;display:flex;position:absolute;inset:auto 0 0}.dialog-caption span{color:var(--cyan);font:.72rem ui-monospace,monospace}.dialog-caption div{gap:3px;display:grid}.dialog-caption strong{font-size:.84rem}.dialog-caption small{color:#718093;font-size:.68rem}.dialog-close{z-index:3;color:#fff;cursor:pointer;background:#00000085;border:1px solid #fff3;width:38px;height:38px;font-size:1.3rem;position:absolute;top:16px;right:16px}.dialog-nav{z-index:2;color:#fff;cursor:pointer;backdrop-filter:blur(8px);background:#00000075;border:1px solid #ffffff29;width:42px;height:64px;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.dialog-prev{left:10px}.dialog-next{right:10px}.dialog-nav:disabled{display:none}.map-credit{z-index:3;color:#b2c5d48c;font-size:.58rem;position:absolute;bottom:9px;right:16px}.map-credit a{color:inherit;text-decoration:none}.map-credit a:hover{color:#d2e8f7d1}.location-flight .intro-panel,.location-flight .telemetry{opacity:.2;transition:opacity .6s}@keyframes gallery-arrival{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 4px #65cafa}}@media (width<=860px){.topbar{height:61px;padding:0 17px}.topbar-actions{gap:10px}.brand{font-size:.76rem}.viewport-frame{inset:77px 14px 14px}.intro-panel{width:calc(100vw - 36px);top:81px;bottom:auto;left:18px}h1{max-width:480px;font-size:clamp(1.7rem,7.8vw,2.9rem)}.hint{margin:10px 0 12px;font-size:.72rem}.telemetry{width:auto;padding:13px;bottom:14px;left:14px;right:14px}.metric{min-height:57px;padding:9px}.scale-note,.legend,.drag-cue{display:none}.photo-dialog{width:96vw;height:86vh}.dialog-photo-frame{inset:84px 48px 76px}.gallery-overview{inset:96px 14px 32px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}}@media (width<=520px){.brand span:last-child,.time-block span:nth-child(2){display:none}.time-block strong{grid-column:2;font-size:.82rem}.intro-panel h1{max-width:325px}.photo-status,.metric-icon{display:none}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}.upload-button{transition:none}}