*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05070d;color:#8b949e;font-size:13px;letter-spacing:1.5px;z-index:100;transition:opacity .5s}#loader.gone{opacity:0;pointer-events:none}#loader .dot{animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.panel{position:fixed;background:#0d1117b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 10px 40px #0000008c}#top-bar{top:14px;left:50%;transform:translate(-50%);padding:9px 12px;display:flex;align-items:center;gap:10px;z-index:10;flex-wrap:wrap;max-width:calc(100vw - 24px)}.group{display:flex;align-items:center;gap:6px}.group .label{font-size:11px;color:#8b949e;letter-spacing:.5px}.seg{display:inline-flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px}.seg button{background:transparent;color:#c9d1d9;border:0;cursor:pointer;padding:5px 11px;border-radius:7px;font-size:12.5px;transition:all .18s}.seg button:hover{color:#fff}.seg button.active{background:linear-gradient(180deg,#2f81f7,#1f6feb);color:#fff;box-shadow:0 2px 10px #2f81f773}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#c9d1d9;cursor:pointer;padding:6px 10px;border-radius:9px;font-size:12.5px;transition:all .18s}.icon-btn:hover{background:#ffffff1a;color:#fff}.icon-btn.on{background:#2f81f740;border-color:#2f81f773;color:#fff}.solo-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#8b949e;padding:6px 10px;border-radius:999px;font-size:11.5px;transition:all .18s}.solo-chip.active{color:#fff;border-color:#fdb81373;background:#fdb81326;box-shadow:0 0 16px #fdb8132e}#layers-menu{top:76px;left:14px;width:200px;padding:10px;z-index:12;transition:opacity .18s,transform .18s}#layers-menu.hidden{opacity:0;transform:translate(-12px);pointer-events:none}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 8px;border-radius:9px;color:#c9d1d9;font-size:12px;cursor:pointer}.layer-row:hover{background:#ffffff0f}.layer-row input{accent-color:#2f81f7}.layer-row select{background:#0d1117;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:3px 6px;font-size:12px;cursor:pointer}.layer-row.disabled{color:#6e7681;cursor:not-allowed}.layer-row.disabled input{opacity:.55;cursor:not-allowed}.icon-btn:disabled{opacity:.45;cursor:not-allowed}#planet-list{display:none;top:76px;left:14px;width:200px;padding:10px;z-index:10;max-height:calc(100vh - 200px);overflow-y:auto}#planet-list .list-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}#planet-list h3{font-size:11px;color:#8b949e;letter-spacing:1.4px;text-transform:uppercase;margin:0}#planet-list .list-section{font-size:10px;color:#6e7681;letter-spacing:1.2px;text-transform:uppercase;padding:10px 8px 4px;margin-top:2px;border-top:1px solid rgba(255,255,255,.06)}.planet-row .hint{color:#6e7681;font-size:11px}#toggle-list{padding:2px 6px;font-size:11px;min-width:22px;text-align:center}#planet-list.collapsed{width:auto;min-width:46px;padding:10px 6px}#planet-list.collapsed #planet-rows{display:none}#planet-list.collapsed #toggle-list{transform:rotate(180deg)}#planet-list.collapsed h3{display:none}.planet-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.planet-row:hover{background:#ffffff0f}.planet-row.focused{background:#2f81f72e}.swatch{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.planet-row .name{flex:1;font-size:12.5px}.planet-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;position:relative}.planet-row input[type=checkbox]:checked{background:#2f81f7;border-color:#2f81f7}.planet-row input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#info{top:76px;right:14px;width:260px;padding:12px;z-index:10;max-height:min(560px,calc(100vh - 108px));overflow-y:auto;overscroll-behavior:contain;transition:opacity .25s,transform .25s}#info.hidden{opacity:0;transform:translate(20px);pointer-events:none}#info .title{display:flex;align-items:center;gap:8px;margin-bottom:7px}#info .title h2{font-size:15px;font-weight:600;line-height:1.25;flex:1;min-width:0}.info-close{margin-left:auto;width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#8b949e;cursor:pointer;line-height:1;font-size:16px}.info-close:hover{color:#fff;background:#ffffff1a}#event-exit{display:none;width:100%;margin-top:10px;padding:7px 10px;border-radius:9px;font-size:12px;cursor:pointer;background:#2f81f72e;border:1px solid rgba(47,129,247,.4);color:#c9d1d9;transition:all .18s}#event-exit:hover{background:#2f81f752;color:#fff}#info .desc{font-size:11.5px;color:#b1bac4;line-height:1.45;margin-bottom:8px}#info dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;font-size:11.5px}#info dt{color:#8b949e}#info dd{color:#e6edf3;text-align:right;min-width:0;overflow-wrap:anywhere}#info .moons{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}#info .moons h4{font-size:10.5px;color:#8b949e;letter-spacing:1.2px;margin-bottom:6px;text-transform:uppercase}.moon-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;margin:0 3px 4px 0;font-size:10.8px;border-radius:999px;background:#ffffff0f;color:#c9d1d9;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .15s,transform .12s}.moon-pill:hover{background:#ffffff1f}.moon-pill.active{background:#2f81f740;border-color:#2f81f773;color:#fff}.moon-pill .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}#moon-detail{margin-top:8px;padding:8px 10px;border-radius:9px;max-height:min(190px,34vh);overflow-y:auto;overscroll-behavior:contain;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:11.2px;line-height:1.45;transition:opacity .2s}#moon-detail .mname{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-weight:600;font-size:12px}#moon-detail .mdesc{color:#b1bac4;margin-bottom:6px}#moon-detail dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;font-size:10.8px}#moon-detail dt{color:#8b949e}#moon-detail dd{color:#e6edf3;text-align:right;overflow-wrap:anywhere}#timeline{bottom:14px;left:50%;transform:translate(-50%);padding:10px 16px;z-index:10;display:flex;align-items:center;gap:14px;width:min(720px,calc(100vw - 28px));transition:bottom .25s ease}#timeline .date{font-size:12.5px;color:#e6edf3;min-width:92px}#timeline .scrubber{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,#2f81f7 0%,#2f81f7 var(--p,50%),rgba(255,255,255,.12) var(--p,50%));outline:none}#timeline .scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #2f81f780;cursor:pointer}#timeline .stat{font-size:11.5px;color:#8b949e}#timeline .stat b{color:#e6edf3;font-weight:500}#ephemeris-warning{position:absolute;left:14px;bottom:calc(100% + 8px);max-width:min(520px,calc(100vw - 28px));padding:6px 9px;border-radius:999px;background:#bb80092e;border:1px solid rgba(240,178,74,.35);color:#ffd866;font-size:11.2px;line-height:1.35;pointer-events:none;box-shadow:0 8px 24px #00000059}#ephemeris-warning.hidden{display:none}#event-card{bottom:14px;left:50%;transform:translate(-50%);width:min(720px,calc(100vw - 28px));padding:10px 14px;z-index:11;max-height:40vh;overflow-y:auto;overscroll-behavior:contain;transition:opacity .25s,transform .25s}#event-card.hidden{opacity:0;transform:translate(-50%,14px);pointer-events:none}#event-card .ec-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}#event-card .ec-head h2{font-size:13px;font-weight:600;flex:1;min-width:0}#event-card .desc{font-size:11.5px;color:#b1bac4;line-height:1.45;margin-bottom:6px}#event-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;font-size:11.5px}#event-card dl:empty{display:none}#event-card dt{color:#8b949e}#event-card dd{color:#e6edf3;text-align:right;overflow-wrap:anywhere}.event-marker{position:absolute;bottom:2px;width:5px;height:18px;border-radius:999px;transform:translate(-50%);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 8px currentColor;cursor:pointer}.event-marker:after{content:"";position:absolute;top:-10px;right:-9px;bottom:-10px;left:-9px;border-radius:999px}.event-marker.active{width:7px;height:24px;bottom:-1px;border-color:#fff;box-shadow:0 0 12px currentColor,0 0 0 2px #ffffff2e}.event-marker.historic-marker{width:8px;height:8px;bottom:30px;border-radius:50%;background:#ffd278f2;color:#ffd278f2;border-color:#ffebb4d9;box-shadow:0 0 8px currentColor}.event-marker.historic-marker:after{top:-9px;right:-9px;bottom:-9px;left:-9px}.event-marker.historic-marker.active{width:11px;height:11px;box-shadow:0 0 12px currentColor,0 0 0 2px #ffebb44d}#planet-labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.pl-label{position:absolute;transform:translate(8px,-50%);font-size:11.5px;color:#e6edf3e6;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}.pl-label.star-label{font-size:10.5px;color:#bed2ffc7;font-style:italic}#help-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 28px));padding:14px;z-index:30}#help-panel.hidden{display:none}.help-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.help-title h3{flex:1;font-size:15px;font-weight:600}.help-shortcuts{display:grid;gap:7px;font-size:12px;color:#c9d1d9}.help-shortcuts>div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center}.help-note{margin-top:12px;padding:9px 10px;border-radius:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);color:#b1bac4;font-size:11.2px;line-height:1.5}.help-note strong{display:block;margin-bottom:4px;color:#e6edf3;font-size:12px}.help-note p{margin:0}.kbd{display:inline-flex;justify-content:center;padding:3px 7px;border-radius:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:11px}.planet-row.solo{background:#fdb81329}#tip{position:fixed;pointer-events:none;padding:5px 10px;font-size:12px;background:#0d1117eb;border:1px solid rgba(255,255,255,.1);border-radius:6px;opacity:0;transition:opacity .15s;z-index:20}#scale-bar{bottom:14px;right:14px;z-index:9;padding:7px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#b1bac4;pointer-events:none}#scale-bar .scale-line{height:3px;border-radius:2px;min-width:30px;background:linear-gradient(90deg,transparent,#6aa6e8 18%,#6aa6e8 82%,transparent);box-shadow:0 0 6px #6aa6e880}#scale-bar .scale-label{letter-spacing:.5px}.info-fact{margin:6px 0 8px;padding:7px 9px;border-radius:9px;background:#2f81f71f;border:1px solid rgba(47,129,247,.28);color:#cfe0ff;font-size:11.2px;line-height:1.45}.info-compare{margin-top:8px}.cmp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:10.8px}.cmp-label{color:#8b949e;white-space:nowrap}.cmp-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.cmp-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#2f81f7,#6aa6e8)}.cmp-val{color:#e6edf3;white-space:nowrap}.card-collapse{display:none;width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#8b949e;cursor:pointer;line-height:1;font-size:13px;transition:transform .18s}.card-collapse:hover{color:#fff;background:#ffffff1a}.mselect{display:none;position:relative}.mselect-trigger{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;color:#c9d1d9;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:7px 8px;font-size:12px;min-height:32px;cursor:pointer}.mselect-trigger .caret{font-size:10px;opacity:.7}.mselect-menu{display:none;position:fixed;z-index:50;flex-direction:column;background:#0d1117f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;min-width:92px;box-shadow:0 10px 30px #0009}.mselect-menu.open{display:flex}.mselect-option{background:transparent;color:#c9d1d9;border:0;cursor:pointer;padding:9px 10px;border-radius:7px;font-size:12.5px;text-align:left;min-height:36px}.mselect-option:hover{background:#ffffff14;color:#fff}.mselect-option.active{background:#2f81f740;color:#fff}.layers-head,.help-mobile{display:none}@media (max-width: 720px){#top-bar{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:7px 8px;max-width:calc(100vw - 16px);top:calc(8px + env(safe-area-inset-top));scrollbar-width:none;-webkit-overflow-scrolling:touch}#top-bar::-webkit-scrollbar{display:none}#top-bar .label,#top-bar .divider{display:none}.seg button,.icon-btn{padding:7px 10px;font-size:12px;min-height:32px}.solo-chip{padding:6px 9px;font-size:11px}#top-bar .group{display:contents}#top-bar #speed-seg,#top-bar #scale-seg,#top-bar #quality-seg,#top-bar #solo-status,#top-bar #solo-btn{display:none}.mselect{display:inline-flex}#play-btn{order:1}#speed-mselect{order:2}#scale-mselect{order:3}#quality-mselect{order:4}#reset-btn{order:5}#layers-btn{order:6}#help-btn{order:7}.help-desktop{display:none}.help-mobile{display:grid}#layers-menu{top:calc(72px + env(safe-area-inset-top));left:8px;max-width:calc(100vw - 16px);max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);overflow-y:auto}.layers-head{display:flex;align-items:center;gap:8px;margin:0 2px 8px}.layers-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#c9d1d9;cursor:pointer;padding:3px 8px;border-radius:7px;font-size:12px;line-height:1}.layers-close:hover{color:#fff;background:#ffffff1a}.layers-title{font-size:10.5px;color:#8b949e;letter-spacing:1.2px;text-transform:uppercase}#info{width:calc(100vw - 16px);left:8px;right:8px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));max-height:min(46vh,calc(100vh - 180px));max-height:min(46vh,calc(100dvh - 180px));padding:10px 12px}#info .title h2{font-size:14px}#info .desc{font-size:11px;line-height:1.4}#moon-detail{max-height:16vh}.card-collapse{display:inline-flex;align-items:center;justify-content:center}#info.collapsed .desc,#info.collapsed .info-fact,#info.collapsed dl,#info.collapsed .info-compare,#info.collapsed .moons,#info.collapsed #event-exit{display:none}#info.collapsed .card-collapse{transform:rotate(180deg)}#event-card{width:calc(100vw - 16px);max-height:40vh;max-height:40dvh}#event-card.collapsed .desc,#event-card.collapsed dl{display:none}#event-card.collapsed .card-collapse{transform:rotate(180deg)}#timeline{width:calc(100vw - 16px);bottom:calc(10px + env(safe-area-inset-bottom));padding:8px 12px;gap:10px}#timeline .date{min-width:78px;font-size:12px}#help-panel{width:calc(100vw - 16px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#scale-bar{bottom:calc(74px + env(safe-area-inset-bottom));right:10px}.panel{touch-action:manipulation}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}