*{box-sizing:border-box}html,body,#root{color:#f3f7ff;background:#02050a;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{background:radial-gradient(circle at 50% 45%,#1644743d,#0000 40%),#02050a;grid-template-rows:auto 1fr auto;min-height:100%;display:grid;overflow:hidden}.topbar,.bottom-bar{z-index:5;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative}.topbar{border-bottom:1px solid #ffffff12}.bottom-bar{color:#728099;letter-spacing:.08em;border-top:1px solid #ffffff12;font-size:12px}.brand{letter-spacing:.24em;font-size:14px;font-weight:800}.subtitle{color:#708098;letter-spacing:.18em;text-transform:uppercase;margin-top:5px;font-size:10px}.status-pill{letter-spacing:.12em;background:#3575591f;border:1px solid #66dfab40;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.status-pill span{background:#6bdfaa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #6bdfaa}.workspace{grid-template-columns:minmax(260px,340px) 1fr 110px;gap:18px;min-height:0;padding:18px 28px 20px;display:grid}.glass-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0c1520c7,#050a129e);border:1px solid #ffffff14;box-shadow:0 20px 70px #00000038}.left-panel{z-index:3;border-radius:24px;align-self:center;padding:28px}.eyebrow{letter-spacing:.2em;color:#73c7ff;margin-bottom:18px;font-size:10px}.left-panel h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(30px,3vw,50px);line-height:1.05}.left-panel p{color:#8ea0b7;margin:0;font-size:14px;line-height:1.75}.primary-action{color:#eaf8ff;cursor:pointer;background:linear-gradient(#358ac457,#1a4c703d);border:1px solid #74caff47;border-radius:13px;width:100%;margin-top:24px;padding:13px 16px;transition:all .2s}.primary-action:hover{border-color:#74caff7a;transform:translateY(-1px)}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.metric-grid div{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:14px}.metric-grid strong{font-size:14px;display:block}.metric-grid span{color:#71839a;letter-spacing:.05em;margin-top:5px;font-size:10px;display:block}.earth-stage{background:#02050a;border:1px solid #ffffff0f;border-radius:28px;min-height:540px;position:relative;overflow:hidden}.scene-hint,.sat-count{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#7e8fa5;background:#04090f94;border:1px solid #ffffff14;border-radius:999px;padding:8px 11px;font-size:11px;position:absolute;bottom:18px}.scene-hint{left:18px}.sat-count{color:#9edcff;right:18px}.tool-rail{flex-direction:column;align-self:center;gap:10px;display:flex}.tool-button{color:#d8e4f2;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;min-height:90px;padding:12px 10px;transition:all .2s}.tool-button:hover,.tool-button.active{background:#3284bf21;border-color:#70c8ff3d;transform:translate(-2px)}.tool-button span{color:#5c6b7d;letter-spacing:.18em;font-size:9px;display:block}.tool-button b{margin-top:9px;font-size:13px;display:block}.tool-button small{color:#6e7d90;margin-top:5px;font-size:9px;line-height:1.3;display:block}@media (width<=980px){.workspace{grid-template-columns:1fr;padding:14px}.left-panel{order:2}.earth-stage{order:1;min-height:58vh}.tool-rail{order:3;grid-template-columns:repeat(4,1fr);display:grid}.tool-button{min-height:76px}.topbar,.bottom-bar{padding-left:16px;padding-right:16px}}@media (width<=620px){.tool-rail{grid-template-columns:1fr 1fr}.earth-stage{min-height:52vh}.left-panel{padding:22px}.bottom-bar{flex-direction:column;align-items:flex-start;gap:12px}}.legend{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04090f80;border:1px solid #ffffff12;border-radius:14px;flex-wrap:wrap;gap:8px 10px;max-width:70%;padding:9px 11px;display:flex;position:absolute;top:18px;left:18px}.legend span{color:#8192a8;letter-spacing:.02em;align-items:center;gap:6px;font-size:10px;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px}.dot.station{color:#fc6;background:#fc6}.dot.starlink{color:#7fd7ff;background:#7fd7ff}.dot.navigation{color:#9d8cff;background:#9d8cff}.dot.weather{color:#6fe3a5;background:#6fe3a5}.dot.other{color:#b7c6d8;background:#b7c6d8}.selection-tip{color:#72849a;background:#ffffff05;border:1px dashed #7eaace2e;border-radius:13px;margin-top:16px;padding:13px 14px;font-size:11px;line-height:1.6}.satellite-card{background:linear-gradient(#19334866,#0a162252);border:1px solid #70c8ff2e;border-radius:16px;margin-top:16px;padding:15px}.satellite-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.satellite-card-head span{letter-spacing:.18em;color:#6dbfe8;font-size:9px}.satellite-card-head button{color:#75879c;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.satellite-card>strong{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:14px;display:block;overflow:hidden}.satellite-details{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.satellite-details div{background:#ffffff06;border:1px solid #ffffff0b;border-radius:10px;padding:10px}.satellite-details span,.satellite-details b{display:block}.satellite-details span{color:#718198;font-size:9px}.satellite-details b{color:#dcecff;margin-top:4px;font-size:11px;font-weight:650}@media (width<=620px){.legend{max-width:calc(100% - 36px);right:18px}.scene-hint{max-width:58%;line-height:1.35}}.panel-section h2{letter-spacing:-.03em;margin:0 0 14px;font-size:28px}.panel-copy{color:#8798ae;margin:0 0 16px;font-size:13px;line-height:1.65}.search-input,.coordinate-grid input{color:#eef7ff;background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:11px 12px}.search-input:focus,.coordinate-grid input:focus{border-color:#73c7ff57;box-shadow:0 0 0 3px #49a0dc14}.search-results{flex-direction:column;gap:6px;max-height:230px;margin-top:10px;display:flex;overflow:auto}.result-item{color:#dce8f5;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 11px;display:flex}.result-item:hover,.result-item.active{background:#4497cf1c;border-color:#73c7ff38}.result-item span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.result-item small{color:#6f8198;text-transform:uppercase;font-size:9px}.empty-state{color:#66778d;text-align:center;padding:14px 8px;font-size:11px}.secondary-action{color:#8da0b8;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;width:100%;margin-top:16px;padding:11px 14px}.secondary-action:hover{color:#ccecff;border-color:#73c7ff33}.preset-row{gap:7px;margin-bottom:12px;display:flex}.preset-row button{color:#8ea0b6;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;flex:1;padding:8px 6px}.preset-row button:hover{color:#d8efff;border-color:#73c7ff38}.coordinate-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.coordinate-grid label{color:#71839a;letter-spacing:.08em;font-size:9px}.coordinate-grid input{margin-top:6px;font-size:11px}.observer-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.observer-summary>div{background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;padding:13px}.observer-summary strong,.observer-summary span{display:block}.observer-summary strong{color:#dff3ff;font-size:20px}.observer-summary span{color:#6e8198;margin-top:4px;font-size:9px}.visible-list{flex-direction:column;gap:5px;max-height:170px;margin-top:10px;display:flex;overflow:auto}.visible-list>div:not(.empty-state){color:#8799ae;background:#ffffff05;border-radius:9px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:10px;display:flex}.visible-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visible-list b{color:#9fddff;font-weight:600}.coming-card{color:#74869c;background:#ffffff05;border:1px dashed #73c7ff2b;border-radius:16px;margin-top:18px;padding:20px;font-size:12px;line-height:1.7}.satellite-card.compact{margin-top:12px}.left-panel{max-height:calc(100vh - 150px);overflow:auto}.solar-control-row .primary-action{margin-top:0}.time-scale-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.time-scale-grid button{color:#7f91a8;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;padding:9px 6px}.time-scale-grid button:hover,.time-scale-grid button.active{color:#ffd783;background:#a3701e1f;border-color:#ffc65c47}.planet-list{flex-direction:column;gap:5px;max-height:230px;margin-top:16px;display:flex;overflow:auto}.planet-list>div{background:#ffffff05;border:1px solid #ffffff09;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:10px;display:flex}.planet-list span{color:#93a4b7}.planet-list b{color:#d9e9f7;font-weight:600}.panel-note{color:#5f7188;margin-top:10px;font-size:9px;line-height:1.5}.solar-stage{background:radial-gradient(circle,#ff973714,#0000 24%),#010207}.tool-data-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-data-grid>div{background:#ffffff06;border:1px solid #ffffff0d;border-radius:11px;padding:11px}.tool-data-grid span,.tool-data-grid strong{display:block}.tool-data-grid span{color:#6f8197;font-size:9px}.tool-data-grid strong{color:#ddecfa;margin-top:4px;font-size:12px}.tool-section-title{letter-spacing:.16em;color:#6ebee8;text-transform:uppercase;margin-top:16px;margin-bottom:8px;font-size:9px}.sun-position-card{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sun-position-card>div{background:linear-gradient(#8f5c181c,#ffffff05);border:1px solid #ffc05617;border-radius:11px;padding:11px}.sun-position-card span,.sun-position-card b{display:block}.sun-position-card span{color:#806f58;font-size:9px}.sun-position-card b{color:#ffd891;margin-top:4px;font-size:12px}.filter-list{flex-direction:column;gap:6px;display:flex}.filter-item{color:#7f91a5;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 11px;display:flex}.filter-item>span{align-items:center;gap:8px;font-size:10px;display:flex}.filter-item b{color:#596b80;font-size:9px}.filter-item.active{color:#cfefff;background:#3d89bc17;border-color:#73c7ff29}.filter-item.active b{color:#70d3ff}.filter-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.filter-actions button{color:#718399;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;padding:8px;font-size:10px}.filter-actions button:hover{color:#ccecff;border-color:#73c7ff2e}.selected-summary{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:14px;padding:12px}.selected-summary .tool-section-title{margin-top:0}.selected-summary>strong,.selected-summary>span{display:block}.selected-summary>strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.selected-summary>span{color:#708299;margin-top:4px;font-size:10px}.city-results{flex-direction:column;gap:5px;max-height:180px;margin-top:8px;display:flex;overflow:auto}.city-results button{color:#cfe0ef;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.city-results button:hover{background:#418fc214;border-color:#73c7ff33}.city-results span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.city-results small{color:#65768b;white-space:nowrap;font-size:8px}.pass-card{background:linear-gradient(#41789d17,#ffffff05);border:1px solid #73c7ff1a;border-radius:13px;margin-top:14px;padding:12px}.pass-card .tool-section-title{white-space:nowrap;text-overflow:ellipsis;margin-top:0;overflow:hidden}.pass-timeline{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.pass-timeline>div{text-align:center;background:#ffffff06;border:1px solid #ffffff0a;border-radius:9px;padding:9px 7px}.pass-timeline span,.pass-timeline b{display:block}.pass-timeline span{color:#6e8095;font-size:8px}.pass-timeline b{color:#dff3ff;margin-top:4px;font-size:10px}.pass-meta{color:#71859b;text-align:center;margin-top:8px;font-size:9px}.sky-stage{background:radial-gradient(circle at 50% 48%,#1b527f33,#0000 42%),linear-gradient(#030812,#010307)}.sky-header{z-index:4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03080f80;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:9px 11px;display:flex;position:absolute;top:18px;left:18px;right:18px}.sky-header span{letter-spacing:.18em;color:#6ebee8;font-size:9px}.sky-header b{color:#8295aa;font-size:10px;font-weight:600}.sky-chart{width:86%;height:calc(100% - 110px);position:absolute;inset:58px 7% 52px;overflow:visible}.sky-direction{fill:#9edcff;letter-spacing:.12em;font-size:2.6px;font-weight:700}.sky-altitude{fill:#4e6981;font-size:1.55px}.sky-satellite{cursor:pointer}.sky-satellite circle{transition:r .15s,opacity .15s}.sky-satellite:hover circle:last-of-type{r:1.05;opacity:1}.sky-satellite.selected{filter:drop-shadow(0 0 2px #ffdc82a6)}.sky-label{fill:#ffe3a3;paint-order:stroke;stroke:#02050a;stroke-width:.45px;stroke-linejoin:round;font-size:1.7px;font-weight:650}.sky-zenith{z-index:2;color:#43627a;letter-spacing:.16em;pointer-events:none;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sky-stage .sat-count{white-space:nowrap;text-overflow:ellipsis;max-width:46%;overflow:hidden}@media (width<=620px){.sky-chart{width:96%;height:calc(100% - 126px);inset:64px 2% 62px}.sky-stage .sat-count{max-width:48%;font-size:9px}.sky-header{gap:10px}.sky-header b{font-size:9px}}.pass-track-layer{pointer-events:none}.pass-track-line{fill:none;stroke:#ffd479;stroke-width:.5px;stroke-dasharray:1.8 1.3;opacity:.9;filter:drop-shadow(0 0 1.2px #ffd06973)}.pass-track-point{stroke:#07111b;stroke-width:.45px}.pass-track-point.rise{fill:#7fe7b2}.pass-track-point.max{fill:#ffd479}.pass-track-point.set{fill:#ff9f7f}.pass-track-label{fill:#a9bfd2;paint-order:stroke;stroke:#02050a;stroke-width:.42px;font-size:1.7px;font-weight:700}.pass-track-label.max{fill:#ffd479}.current-location-card{background:linear-gradient(#327caa1a,#ffffff05);border:1px solid #73c7ff1a;border-radius:12px;margin-bottom:10px;padding:11px 12px}.current-location-card>span,.current-location-card>strong,.current-location-card>small{display:block}.current-location-card>span{letter-spacing:.12em;color:#66839a;font-size:8px}.current-location-card>strong{color:#d9effc;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.current-location-card>small{color:#62768c;margin-top:3px;font-size:9px}.city-results button>span{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.city-results button>span b{text-overflow:ellipsis;white-space:nowrap;color:#d5e7f5;max-width:100%;font-size:10px;font-weight:650;overflow:hidden}.city-results button>span em{text-overflow:ellipsis;white-space:nowrap;color:#64798f;max-width:100%;font-size:8px;font-style:normal;overflow:hidden}.city-results button>small{align-items:center;gap:6px;display:flex}.city-results button>small i{color:#7eaecb;background:#5da4d11a;border:1px solid #73c7ff1a;border-radius:999px;padding:2px 5px;font-style:normal}.recent-location-row{gap:6px;padding-bottom:3px;display:flex;overflow:auto}.recent-location-row button{color:#7f92a7;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;flex:none;max-width:180px;padding:7px 9px;font-size:9px;overflow:hidden}.recent-location-row button:hover{color:#caeaff;border-color:#73c7ff2e}.orbit-filter-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.orbit-filter{color:#73869b;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;padding:9px 10px}.orbit-filter span,.orbit-filter b{display:block}.orbit-filter span{font-size:9px}.orbit-filter b{color:#586b80;margin-top:4px;font-size:10px;font-weight:650}.orbit-filter.active{color:#d3edff;background:#3e8cc017;border-color:#73c7ff2e}.orbit-filter.active b{color:#83d7ff}.visibility-filter{color:#74879d;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:9px;padding:10px 11px;display:flex}.visibility-filter span{font-size:10px}.visibility-filter b{color:#5c7086;font-size:9px}.visibility-filter.active{color:#ccefdc;background:#2f805a17;border-color:#64dca62e}.visibility-filter.active b{color:#72dca9}.satellite-meta-line{color:#6f8398;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:8px;margin-top:7px;font-size:8px;display:flex}.satellite-meta-line span:last-child{text-align:right}.tle-epoch-row{border-top:1px solid #ffffff0d;justify-content:space-between;gap:10px;margin-top:9px;padding-top:9px;font-size:8px;display:flex}.tle-epoch-row span{color:#64768b}.tle-epoch-row b{color:#8ea5b9;text-align:right;font-weight:600}.sky-diagonal{fill:#536d83;font-size:1.45px}.elevation-filter{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.elevation-filter>span{color:#687b91;font-size:9px}.elevation-filter>div{gap:5px;display:flex}.elevation-filter button{color:#64778c;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:6px 7px;font-size:9px}.elevation-filter button.active{color:#bce8ff;background:#3d8cc01c;border-color:#73c7ff33}.visibility-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-top:10px;padding:11px 12px}.visibility-card>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.visibility-card span{color:#708399;font-size:8px}.visibility-card strong{font-size:10px}.visibility-card p{color:#708399!important;margin:6px 0 0!important;font-size:9px!important;line-height:1.5!important}.visibility-card.good{background:#2a805414;border-color:#63dca033}.visibility-card.good strong{color:#8ae5b8}.visibility-card.possible{border-color:#6ec2f02b}.visibility-card.possible strong{color:#9edcff}.visibility-card.low strong{color:#e2be78}.visibility-card.no strong{color:#c27d7d}.pass-visibility{background:#ffffff05;border-radius:8px;justify-content:space-between;gap:8px;margin-top:8px;padding:7px 8px;font-size:8px;display:flex}.pass-visibility b{font-size:9px}.pass-visibility span{color:#6d8196;text-align:right}.pass-visibility.good b{color:#8ae5b8}.pass-visibility.possible b{color:#9edcff}.pass-visibility.low b{color:#e2be78}.pass-visibility.no b{color:#c27d7d}.solar-date-field{color:#70839a;letter-spacing:.08em;margin-top:10px;font-size:9px;display:block}.solar-date-field input{color:#dcecff;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;width:100%;margin-top:6px;padding:9px 10px}.solar-date-actions,.solar-toggle-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.solar-date-actions button,.solar-toggle-row button{color:#72859a;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;padding:8px 7px;font-size:9px}.solar-toggle-row{grid-template-columns:1fr 1fr}.solar-toggle-row button.active,.solar-date-actions button:hover{color:#ffd88d;background:#915f1817;border-color:#ffc65c33}.planet-list.interactive button{color:#93a4b7;cursor:pointer;background:#ffffff05;border:1px solid #ffffff09;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;display:flex}.planet-list.interactive button b{color:#d9e9f7;font-weight:600}.planet-list.interactive button.active{color:#ffd88d;background:#99661a17;border-color:#ffc65c33}.coordinate-readout{grid-template-columns:1fr 1fr;gap:7px;display:grid}.coordinate-readout>div{background:#ffffff05;border:1px solid #ffffff0b;border-radius:10px;padding:9px 10px}.coordinate-readout span,.coordinate-readout b{display:block}.coordinate-readout span{color:#65798f;font-size:8px}.coordinate-readout b{color:#cce8fa;margin-top:4px;font-size:9px;font-weight:600;line-height:1.45}.look-angle-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.look-angle-grid>div{text-align:center;background:#ffffff06;border:1px solid #ffffff0a;border-radius:8px;padding:7px 6px}.look-angle-grid span,.look-angle-grid b{display:block}.look-angle-grid span{color:#667b91;font-size:8px}.look-angle-grid b{color:#bde8ff;margin-top:3px;font-size:9px}@media (width<=720px){html,body,#root{overscroll-behavior-y:none;height:auto;min-height:100%}.app-shell{min-height:100dvh;padding-bottom:86px;display:block;overflow:visible}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02050adb;padding:12px 14px;position:sticky;top:0}.brand{font-size:12px}.subtitle{font-size:8px}.status-pill{padding:6px 9px;font-size:9px}.workspace{flex-direction:column;gap:10px;padding:10px 10px 18px;display:flex}.earth-stage{touch-action:none;border-radius:20px;order:1;min-height:58dvh}.left-panel{border-radius:20px;order:2;align-self:stretch;max-height:none;padding:18px;overflow:visible}.panel-section h2{font-size:24px}.panel-copy{font-size:12px;line-height:1.55}.eyebrow{margin-bottom:10px}.tool-rail{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040910e6;border:1px solid #ffffff14;border-radius:18px;order:3;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;display:grid;position:fixed;box-shadow:0 14px 40px #00000073}.tool-button{text-align:center;border-radius:13px;min-height:58px;padding:8px}.tool-button:hover,.tool-button.active{transform:none}.tool-button span{font-size:7px}.tool-button b{margin-top:4px;font-size:11px}.tool-button small{display:none}.legend{gap:5px 8px;max-width:none;padding:7px 8px;top:10px;left:10px;right:10px}.legend span{font-size:8px}.scene-hint,.sat-count{padding:6px 8px;font-size:9px;bottom:10px}.scene-hint{max-width:54%;left:10px}.sat-count{text-overflow:ellipsis;white-space:nowrap;max-width:42%;right:10px;overflow:hidden}.sky-header{padding:7px 8px;top:10px;left:10px;right:10px}.sky-header span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;max-width:62%;overflow:hidden}.sky-chart{width:100%;height:calc(100% - 100px);inset:52px 0 48px}.sky-direction{font-size:2.25px}.sky-diagonal{font-size:1.2px}.sky-label{font-size:1.45px}.search-results,.city-results,.visible-list,.planet-list{max-height:210px}.satellite-details,.tool-data-grid,.coordinate-readout{grid-template-columns:1fr 1fr}.preset-row{overflow-x:auto}.preset-row button{min-width:72px}.bottom-bar{display:none}button,input{min-height:36px}}@media (width<=420px){.earth-stage{min-height:54dvh}.topbar .subtitle{display:none}.coordinate-grid,.observer-summary,.satellite-details,.tool-data-grid,.coordinate-readout{grid-template-columns:1fr 1fr}.pass-timeline{gap:4px}.pass-timeline>div{padding:7px 4px}.pass-timeline b{font-size:9px}.solar-date-actions button,.solar-toggle-row button{padding:7px 4px}}.scene-message{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#040a12db;border:1px solid #73c7ff29;border-radius:15px;flex-direction:column;gap:6px;min-width:240px;max-width:min(420px,80%);padding:16px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #00000059}.scene-message strong{color:#d8efff;font-size:12px}.scene-message span{color:#72879d;font-size:10px;line-height:1.55}.scene-message.error{border-color:#e2767633}.scene-message.error strong{color:#efaaaa}.inline-warning{color:#b89b6b;background:#8d622112;border:1px solid #e2b05c24;border-radius:9px;margin-top:7px;padding:8px 10px;font-size:9px;line-height:1.45}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:#79a6c742 transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#79a6c740;border-radius:999px}::-webkit-scrollbar-track{background:0 0}button,input{transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s}button:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px #66bef42e;border-color:#78cdff73!important}.topbar-status{align-items:center;gap:8px;display:flex}.mode-badge{color:#86bede;letter-spacing:.12em;background:#347ca914;border:1px solid #70c8ff1f;border-radius:999px;padding:7px 10px;font-size:9px}.glass-panel{background:linear-gradient(#0d1825d6,#050a12ad);box-shadow:0 24px 80px #0000004d,inset 0 1px #ffffff06}.earth-stage{box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff05}.tool-button.active{box-shadow:inset 0 0 0 1px #78ccff0d,0 10px 30px #0f4a6f1f}.result-item.active,.planet-list.interactive button.active,.filter-item.active,.orbit-filter.active{box-shadow:inset 0 0 0 1px #7cccff09}.satellite-card,.pass-card,.selected-summary,.current-location-card{box-shadow:inset 0 1px #ffffff05}.primary-action:active,.secondary-action:active,.result-item:active,.tool-button:active{transform:translateY(1px)}.empty-state{background:#ffffff03;border-radius:10px}@media (width<=720px){.mode-badge{display:none}.topbar-status{gap:5px}.glass-panel{box-shadow:0 14px 38px #00000047}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8f0f8;--muted:#97a8bc;--line:#ffffff18;--accent:#98dcf9}body{font-size:16px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--accent)}.app-shell{grid-template-rows:78px 1fr 40px;height:100dvh;min-height:640px}.topbar{background:linear-gradient(#02050a,#02050aaa);border:0;padding:16px 24px}.brand{letter-spacing:.16em;font-size:15px}.brand>span{color:var(--muted);letter-spacing:.12em;margin-left:12px;font-size:14px;font-weight:400}.subtitle{letter-spacing:.2em;font-size:14px}.status-pill{background:#10243180;border-color:#98dcf928;font-size:14px}.workspace{padding:0;display:block;position:static}.earth-stage{min-height:0;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.scene-canvas{position:absolute;inset:0}.scene-canvas canvas{width:100%;height:100%;display:block}.left-panel{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081019e8;border-radius:18px;align-self:auto;width:326px;max-height:none;padding:20px;position:absolute;top:88px;bottom:124px;left:24px;overflow:auto}.tool-rail{z-index:4;flex-direction:column;gap:10px;display:flex;position:absolute;top:94px;right:24px}.tool-button{border:1px solid var(--line);background:#07101ada;border-radius:14px;width:84px;min-height:80px;padding:13px 9px}.tool-button span,.tool-button b,.tool-button small{font-size:14px}.panel-section h2,.left-panel>h2{margin:18px 0 12px;font-size:24px}.eyebrow,.tool-section-title,.section-heading{color:#a2bed2;letter-spacing:.05em;font-size:14px}.panel-copy,.muted,.panel-note{color:var(--muted);font-size:14px;line-height:1.65}.left-panel h3{margin:22px 0 12px;font-size:16px}.left-panel h4{color:var(--muted);font-size:14px}.left-panel section+section{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.left-panel button,.left-panel input{min-height:44px}.left-panel input:not([type=checkbox]):not([type=range]),.left-panel :is(.result-item span,.result-item small,.satellite-details span,.satellite-details b,.satellite-meta-line,.tle-epoch-row,.coordinate-grid label,.pass-timeline b,.pass-timeline span,.pass-meta,.pass-visibility,.visibility-card p,.city-results button>span b,.city-results button>small,.preset-row button,.tool-data-grid span,.tool-data-grid strong,.filter-item>span,.orbit-filter span,.panel-note,.coordinate-readout b,.coordinate-readout span,.look-angle-grid b,.look-angle-grid span){font-size:14px}.result-item{text-align:left;flex-wrap:wrap;gap:5px}.result-item small{text-transform:none;color:var(--muted)}.search-results{max-height:210px}.satellite-card>strong{font-size:16px}.satellite-card .satellite-details{gap:6px}.satellite-details div{padding:9px}.current-location-card>strong{font-size:16px}.current-location-card>span,.current-location-card>small,.city-results button>span em{font-size:14px}.empty-state{color:var(--muted);font-size:14px}.left-panel input[type=checkbox]{accent-color:#98dcf9;width:16px;height:16px;min-height:0}.chip-row{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.chip-row button,.section-heading button,.text-button,.time-dock button,.map-controls button,.left-panel section>button{border:1px solid var(--line);color:#b7c7d9;background:#ffffff05;border-radius:8px;padding:7px 11px;font-size:14px}button[aria-pressed=true]{color:#dff5ff;background:#98dcf91c;border-color:#98dcf96b}button:hover{border-color:#98dcf96b}.filter-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;padding:12px 0;font-size:14px}.filter-disclosure summary{cursor:pointer}.filter-disclosure summary span{float:right;color:var(--muted);font-size:14px}.check-row,.section-heading label{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.metric-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-pair>div{min-width:0;padding:8px 0 12px}.metric-pair span,.metric-pair small{color:var(--muted);font-size:14px;display:block}.metric-pair strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:5px 0;font-size:29px;font-weight:500;display:block}.favorites{margin-top:18px}.distribution{justify-content:space-between;padding:10px 0;font-size:14px;display:flex;position:relative}.distribution i{opacity:.55;background:#8ed8ee;height:2px;position:absolute;bottom:0}.pass-list{max-height:340px;overflow:auto}.pass-list button{text-align:left;width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;padding:12px 0}.pass-list strong,.pass-list span,.pass-list small{font-size:14px;line-height:1.8;display:block}.pass-list em{float:right;color:#eacb81;font-style:normal}.pass-list span,.pass-list small{color:var(--muted)}.cloud-bars{align-items:flex-end;gap:4px;height:90px;margin-top:20px;padding-bottom:30px;display:flex}.cloud-bars>div{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.cloud-bars span{background:#88c2d7;border-radius:2px;display:block}.cloud-bars small{font-size:14px;position:absolute;bottom:-16px}.cloud-bars small:last-child{color:var(--muted);bottom:-30px}.tile-map{touch-action:none;cursor:grab;background:#111820;border-radius:12px;height:240px;margin-top:12px;position:relative;overflow:hidden}.tile-map img{width:256px;max-width:none;height:256px;position:absolute}.map-crosshair{color:#ffd65c;text-shadow:0 1px 4px #000;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live-earth{border-radius:12px;width:100%;margin-top:10px}.quake-row{gap:10px;margin:10px 0;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.quake-row b{white-space:nowrap;color:#ffaf8f}.range-field{margin:20px 0;font-size:14px;display:block}.range-field input{accent-color:#ff9eeb;width:100%;display:block}.view-controls{z-index:3;position:absolute;top:120px;right:132px}.view-controls .chip-row{background:#07101ac9;border-radius:12px;margin:0;padding:5px}.time-dock{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07101ae8;border-radius:13px;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;bottom:56px;right:24px}.time-dock time{color:#b6c9dc;margin:0 8px;font-family:ui-monospace,monospace;font-size:14px}.bottom-bar{letter-spacing:0;background:#02050ac9;border:0;width:100%;height:38px;padding:10px 24px;font-size:14px;position:absolute;bottom:0}.legend{z-index:3;flex-wrap:wrap;max-width:320px;top:auto;bottom:65px;left:24px}.legend span{font-size:14px}.scene-hint{display:none}.sat-count{z-index:3;font-size:14px;bottom:117px;right:28px}.scene-message strong{font-size:16px}.scene-message span{font-size:14px}.sky-chart{width:calc(100% - 480px);height:calc(100% - 240px);top:100px;left:360px}.sky-header{top:140px;left:380px;right:150px}.sky-header span,.sky-header b{font-size:14px}.sky-zenith,.clean-view :is(.topbar,.left-panel,.tool-rail,.bottom-bar,.time-dock,.view-controls,.legend,.sat-count,.sky-header){display:none}.exit-clean{z-index:30;border:1px solid var(--line);color:var(--ink);background:#081019b8;border-radius:10px;padding:10px 16px;position:fixed;top:20px;right:20px}@media (width<=1100px){.left-panel{width:290px;padding:16px;left:16px}.time-dock{right:16px}.time-dock time{margin:0;font-size:14px}.view-controls{right:120px}.sky-chart{width:calc(100% - 400px);left:310px}}@media (width<=1000px){html,body,#root{height:auto;min-height:100%}.app-shell{flex-direction:column;height:auto;min-height:100dvh;padding-bottom:82px;display:flex}.topbar{height:76px;padding:12px;position:sticky}.brand{font-size:14px}.brand>span,.subtitle,.status-pill{display:none}.workspace{display:contents}.earth-stage{order:1;width:100%;height:58dvh;min-height:360px;position:relative;inset:auto}.left-panel{order:3;width:calc(100% - 24px);max-height:none;margin:12px;padding:18px;position:relative;inset:auto;overflow:visible}.tool-rail{z-index:50;flex-direction:row;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 8px 8px}.tool-button{width:auto;min-height:50px}.tool-button b{font-size:14px}.tool-button span{display:none}.view-controls{top:116px;left:12px;right:12px}.view-controls .chip-row{width:fit-content}.time-dock{flex-wrap:wrap;order:2;justify-content:center;margin:4px 12px 8px;position:relative;inset:auto}.time-dock time{font-size:14px}.time-dock button{min-height:44px}.bottom-bar{order:3;height:auto;padding:10px 14px;display:block;position:relative;inset:auto}.bottom-bar span:last-child{display:none}.legend{max-width:230px;bottom:12px;left:12px;right:auto}.legend span{font-size:14px}.sat-count{font-size:14px;bottom:12px;right:12px}.sky-chart{width:100%;height:calc(100% - 97px);inset:65px 0 32px}.sky-header{top:20px;left:12px;right:12px}.clean-view{height:100dvh;min-height:0;padding:0}.clean-view .earth-stage{height:100dvh}.clean-view .sky-chart{width:100%;height:100%;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.return-link{white-space:nowrap;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.snapshot-notice{z-index:4;color:#b6c9dc;background:#07101ae8;border-radius:6px;margin:0;padding:6px 10px;font-size:14px;position:absolute;top:78px;right:132px}button{min-height:44px}.left-panel :is(p,span,small,b,em,label,button,summary,a){font-size:14px}.left-panel .visibility-card p{font-size:14px!important}.left-panel .panel-copy{font-size:16px}.clean-view .snapshot-notice{display:none}@media (width<=1000px){.brand{letter-spacing:0;font-size:16px}.topbar-status{gap:10px}.text-button{padding:7px}.snapshot-notice{border-radius:0;margin:0;padding:8px 12px;position:relative;inset:auto}.view-controls{top:124px}.tool-rail{bottom:max(8px, env(safe-area-inset-bottom))}.app-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.legend{max-width:220px}.sat-count{bottom:65px}}