:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space:#030811;--ink:#f1f3f4;--muted:#8b98a5;--faint:#546271;--line:#97b3c626;--panel:#050b12f7;--cyan:#83e3ed;--gold:#f2c47c;--violet:#b5a3ff;--mono:var(--app-ui-font,"Inter Variable", Inter, system-ui, sans-serif);--sans:var(--app-ui-font,"Inter Variable", Inter, system-ui, sans-serif);font-weight:var(--app-body-weight,550);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--space)}*{box-sizing:border-box}html,body,#scene{width:100%;height:100%;min-height:100%;margin:0}body{background:var(--space);color:var(--ink);overflow:hidden}button,input{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}#scene{z-index:0;position:fixed;inset:0}#scene canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.vignette{z-index:1;pointer-events:none;background:radial-gradient(at 50% 46%,#0000 53%,#01040914 78%,#0103076b 100%);position:fixed;inset:0}.topbar,.statusbar{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:0;right:0}.topbar{-webkit-backdrop-filter:blur(15px)saturate(120%);background:#040910c2;border-bottom:1px solid #97b3c61c;min-height:76px;padding:20px 34px;top:0}.topbar>*,.statusbar>*{pointer-events:auto}.topbar>*{z-index:1;position:relative}.topbar-center{z-index:1}.wordmark{color:#eff5f7;letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:11px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.wordmark-period{color:var(--cyan)}.wordmark-mark{border:1px solid #83e3edad;border-radius:50%;width:21px;height:21px;display:block;position:relative;transform:rotate(-27deg)}.wordmark-mark:before{content:"";border:1px solid #83e3ed6b;border-radius:50%;position:absolute;inset:4px -4px}.wordmark-mark i{background:var(--cyan);width:3px;height:3px;box-shadow:0 0 8px var(--cyan);border-radius:50%;position:absolute;top:2px;right:-3px}.wordmark-mark b{background:#83e3ed73;border-radius:50%;position:absolute;inset:7px}.topbar-center{color:#b0c2ce73;font:var(--app-body-weight,550) 9px var(--mono);letter-spacing:.17em;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.eyebrow,.composition-label,.panel-topline,.popover-kicker{font-family:var(--mono);letter-spacing:.16em;font-size:9px}.top-actions{align-items:center;gap:8px;display:flex}.field-console-link{color:#cfe4ebc7;letter-spacing:.04em;white-space:nowrap;background:#080f1780;border:1px solid #97b3c633;border-radius:999px;padding:8px 11px;font-size:11px;text-decoration:none}.field-console-link:hover,.field-console-link:focus-visible{color:#e7fbff;border-color:#68d8e88c;outline:none}.icon-button{color:#ebf3f7e0;cursor:pointer;background:#0b131dad;border:1px solid #97b3c630;border-radius:50%;place-items:center;width:37px;height:37px;padding:0;transition:color .2s,background .2s,border-color .2s;display:grid}.icon-button:hover,.icon-button:focus-visible{color:#fff;border-color:var(--line);background:#0f1b26b3;outline:none}.install-app-topbar{color:#a8e9ef;font:var(--app-body-weight,550) 17px/1 var(--sans)}.motion-button[aria-pressed=true]{color:#ffc36f;background:#ffc36f17;border-color:#ffc36f52}.motion-glyph{font:var(--app-body-weight,550) 14px/1 var(--mono);display:block}.layers-glyph{width:16px;height:15px;display:block;position:relative}.layers-glyph i{border:1px solid;border-radius:1px;width:12px;height:8px;position:absolute;left:2px;transform:rotate(30deg)skew(-27deg)}.layers-glyph i:first-child{opacity:.95;top:1px}.layers-glyph i:nth-child(2){opacity:.65;top:4px}.layers-glyph i:nth-child(3){opacity:.4;top:7px}.reset-glyph{font:var(--app-body-weight,550) 22px/1 var(--sans);transform:translateY(-1px)}.fullscreen-glyph{font-size:21px;line-height:1}.location-glyph-wrap{place-items:center;display:grid}.location-glyph{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;display:block}.location-glyph .location-center{fill:currentColor;stroke:#07131d;stroke-width:1.2px}.search-wrap{color:#ebf3f7e0;background:#070e16cc;border:1px solid #97b3c63b;border-radius:20px;align-items:center;gap:8px;width:204px;height:37px;padding:0 10px;transition:width .25s,border-color .2s,background .2s;display:flex;position:relative}.search-wrap:focus-within{background:#070e16f0;border-color:#83e3ed66;width:254px}.search-icon{opacity:.8;border:1px solid;border-radius:50%;flex:none;width:12px;height:12px;position:relative}.search-icon:after{content:"";background:currentColor;width:5px;height:1px;position:absolute;bottom:-2px;right:-4px;transform:rotate(48deg)}.search-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-wrap input::placeholder{color:#788591}.search-wrap input::-webkit-search-cancel-button{cursor:pointer}kbd{color:#75828c;font:var(--app-body-weight,550) 9px var(--mono);border:1px solid #a8bcc929;border-radius:4px;padding:2px 5px}.search-results{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070d15f7;border:1px solid #97b3c633;border-radius:10px;max-height:min(50vh,370px);padding:5px;position:absolute;top:calc(100% + 9px);left:0;right:0;overflow:auto;box-shadow:0 18px 50px #0000008c}.search-result{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.search-result:hover,.search-result:focus-visible{background:#83e3ed1a;outline:none}.search-result b{color:#e7eef2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.search-result small{color:var(--muted);font:var(--app-body-weight,550) 9px var(--mono);flex:none}.search-empty{color:var(--muted);padding:13px 10px;font-size:11px}.app-shell{z-index:2;pointer-events:none;position:fixed;inset:76px 0 62px}.observer-map-marker{z-index:2;filter:drop-shadow(0 1px 3px #000000f2)drop-shadow(0 0 7px #44e9f39e);pointer-events:none;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%)}.observer-map-marker svg{width:100%;height:100%;display:block;overflow:visible}.marker-halo{fill:#030c13eb;stroke:#06111a;stroke-width:5px}.marker-ring{fill:#36e0f040;stroke:#f1ffff;stroke-width:2.2px}.marker-crosshair-outline{fill:none;stroke:#06111a;stroke-width:5px;stroke-linecap:round}.marker-crosshair{fill:none;stroke:#55f0fa;stroke-width:2.5px;stroke-linecap:round}.marker-center-outline{fill:#f4ffff;stroke:#07131d;stroke-width:1px}.marker-center{fill:#38eafa;stroke:#07131d;stroke-width:1px}.composition-label{color:#99b5c545;writing-mode:vertical-rl;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:36px;transform:translateY(-50%)rotate(180deg)}.imagery-attribution{color:#dee7ecb8;max-width:calc(100vw - 36px);font:var(--app-body-weight,550) 8px var(--sans);letter-spacing:.015em;text-shadow:0 1px 4px #000,0 0 8px #000;pointer-events:none;position:absolute;bottom:16px;left:18px}.composition-rule{background:linear-gradient(#0000,#83e3ed59,#0000);width:1px;height:46px}.globe-hint{color:#c4d4dd73;font:var(--app-body-weight,550) 9px var(--mono);letter-spacing:.08em;white-space:nowrap;pointer-events:none;transition:opacity .7s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.globe-hint.hidden{opacity:0}.load-state{color:#c4d4ddb3;font:var(--app-body-weight,550) 10px var(--mono);letter-spacing:.04em;pointer-events:none;align-items:center;gap:10px;transition:opacity .4s;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.load-state.done{opacity:0}.loader{border:1px solid #83e3ed33;border-top-color:var(--cyan);border-radius:50%;width:12px;height:12px;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.webgl-fallback{text-align:center;width:min(420px,100% - 40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webgl-fallback .eyebrow{color:var(--cyan)}.webgl-fallback h1{letter-spacing:-.04em;margin:20px 0 10px;font-size:27px;font-weight:500}.webgl-fallback p{color:var(--muted);font-size:13px;line-height:1.7}.layer-popover,.credits-panel,.satellite-panel{background:var(--panel);-webkit-backdrop-filter:blur(24px)saturate(125%);border:1px solid #a4becd47;box-shadow:0 22px 70px #00000094}.install-app-option{margin-top:2px}.install-dot{color:#a8e9ef;width:19px;height:19px;font:var(--app-body-weight,550) 14px/1 var(--sans);background:#83e3ed17;border:1px solid #83e3ed57;border-radius:6px;place-items:center;display:grid}.install-help{color:#e2ebef;background:#070f18fa;border:1px solid #a4becd33;border-radius:12px;width:min(360px,100vw - 32px);padding:22px;box-shadow:0 24px 80px #0000009e}.install-help::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00050aad}.install-help .popover-kicker{color:#83d9e4}.install-help h2{margin:12px 0 8px;font-size:17px;font-weight:500}.install-help p{color:#a6b5bf;margin:0 0 18px;font-size:11px;line-height:1.65}.install-help button{border-radius:6px;min-height:34px;padding:0 14px;font-size:10px}.observer-panel{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(130%);pointer-events:auto;scrollbar-color:#83e3ed47 transparent;scrollbar-width:thin;background:#070f18e8;border:1px solid #a4becd2e;border-radius:12px;width:min(410px,100vw - 68px);max-height:calc(100dvh - 154px);padding:17px;position:absolute;top:12px;left:34px;overflow:auto;box-shadow:0 22px 70px #0000007a}.observer-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.observer-heading>div{gap:5px;min-width:0;display:grid}.observer-heading .popover-kicker{color:#83d9e4;padding:0}.observer-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;overflow:hidden}.observer-heading small{color:var(--muted);font:var(--app-body-weight,550) 9px var(--mono)}.observer-heading .observer-data-freshness{color:#a6d8cf;font-size:8px}.observer-heading .observer-data-freshness.stale{color:#ffd18a}.observer-heading>button{color:#83929e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:19px;display:grid}.observer-heading>button:hover{color:#fff;background:#ffffff12}.observer-search-form{gap:7px;height:38px;display:flex}.observer-search-form input{border:1px solid var(--line);background:#01070d8c;border-radius:7px;outline:0;flex:1;min-width:0;padding:0 11px;font-size:11px}.observer-search-form input:focus{border-color:#83e3ed80}.observer-search-form button{color:#b4edf1;cursor:pointer;background:#83e3ed1f;border:1px solid #83e3ed47;border-radius:7px;padding:0 13px;font-size:10px;font-weight:600}.observer-search-results{border:1px solid var(--line);background:#01070dd9;border-radius:7px;gap:3px;margin-top:5px;padding:4px;display:grid}.observer-search-results button{color:#dce6eb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:9px;font-size:10px}.observer-search-results button:hover{background:#83e3ed17}.observer-actions{flex-wrap:wrap;gap:6px;margin:9px 0 12px;display:flex}.observer-actions button{border-radius:6px;min-height:30px;padding:0 9px;font-size:9px}.observer-actions button:disabled{opacity:.42;cursor:not-allowed}.auto-location-setting{cursor:pointer;background:#ffffff06;border:1px solid #97b3c624;border-radius:7px;align-items:flex-start;gap:9px;margin:-2px 0 12px;padding:9px 10px;display:flex}.auto-location-setting input{accent-color:#83e3ed;flex:none;width:14px;height:14px;margin:1px 0 0}.auto-location-setting span{gap:4px;display:grid}.auto-location-setting strong{color:#d7e3e8;font-size:9px;font-weight:550}.auto-location-setting small{color:#95a4af;font:var(--app-body-weight,550) 8px/1.5 var(--mono)}.observer-tools{flex-wrap:wrap;gap:6px;margin:-4px 0 12px;display:flex}.observer-tools button{color:#cbd7df;cursor:pointer;background:#1c2732c7;border:1px solid #97b3c633;border-radius:6px;min-height:32px;padding:0 10px;font-size:9px}.observer-tools button:hover:not(:disabled),.observer-tools button:focus-visible{color:#e7f4f6;border-color:#83e3ed6b;outline:none}.observer-tools button:disabled{opacity:.45;cursor:not-allowed}.observer-tools button[aria-pressed=true]{color:#b4edf1;background:#83e3ed1a;border-color:#83e3ed7a}.observer-guidance{z-index:4;width:min(340px,100vw - 48px);color:inherit;text-align:left;-webkit-backdrop-filter:blur(17px)saturate(125%);pointer-events:auto;cursor:pointer;background:#050b12e0;border:1px solid #83e3ed4d;border-radius:10px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:11px 13px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid;position:absolute;top:18px;left:24px;box-shadow:0 14px 42px #00000057}.observer-guidance:hover,.observer-guidance:focus-visible{background:#050b12f2;border-color:#83e3eda6;outline:none;box-shadow:0 14px 48px #0000007a,0 0 0 2px #83e3ed1a}.observer-guidance[data-following=true]{border-color:#8de0d385}.observer-guidance .aim-copy{gap:5px;min-width:0;display:grid}.observer-guidance .popover-kicker{color:#8edce2;text-overflow:ellipsis;white-space:nowrap;padding:0;font-size:8px;overflow:hidden}.observer-guidance strong{color:#f2f6f7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.observer-guidance small{color:#c0cdd4;font:var(--app-body-weight,550) 10px/1.45 var(--mono)}.aim-indicator{background:#03090f9e;border:1px solid #97b3c633;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.aim-indicator:before{content:"N";color:#8296a3;font:var(--app-body-weight,550) 7px var(--mono);position:absolute;top:2px}.aim-indicator i{clip-path:polygon(50% 0,100% 100%,50% 74%,0 100%);border:1px solid #8de0d3;border-top-color:#fff0b8;width:20px;height:20px;display:block;transform:rotate(0)}.aim-indicator span{background:var(--cyan);width:4px;height:4px;box-shadow:0 0 7px var(--cyan);border-radius:50%;position:absolute;bottom:-4px}.sky-weather{background:#050b1280;border:1px solid #97b3c629;border-radius:8px;margin:0 0 12px;padding:10px}.weather-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.weather-heading .popover-kicker{color:#8295a2;padding:0;font-size:7px}.weather-heading strong{color:#b4e5d3;font:var(--app-body-weight,550) 8px var(--mono);text-transform:uppercase;background:#83e3ed1a;border-radius:4px;padding:3px 6px}.sky-weather[data-rating=mixed] .weather-heading strong{color:#f2c47c;background:#f2c47c1f}.sky-weather[data-rating=poor] .weather-heading strong{color:#ffaaa0;background:#ff8c821f}.weather-now{color:#c6d1d7;font:var(--app-body-weight,550) 9px/1.5 var(--mono);margin-top:8px}.weather-pass{color:#97a7b1;font:var(--app-body-weight,550) 8px/1.5 var(--mono);margin-top:6px}.weather-updated{color:#72818c;font:var(--app-body-weight,550) 7px var(--mono);margin-top:6px;display:block}.observer-actions #observer-pick[aria-pressed=true]{color:#ffd295;background:#ffc36f1f;border-color:#ffc36f7a}.horizon-setting{border-top:1px solid var(--line);color:#93a1ac;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:9px;display:flex}.horizon-setting select{border:1px solid var(--line);color:#cbd6dd;max-width:205px;font:var(--app-body-weight,550) 9px var(--mono);background:#0a1420;border-radius:5px;padding:6px 7px}.observer-scan-status{color:#9baab4;background:#83e3ed09;border:1px solid #83e3ed1f;border-radius:7px;padding:9px 10px;font-size:10px;line-height:1.5}.observer-results{margin-top:14px}.observer-results-title{color:#8dcbd1;font:var(--app-body-weight,550) 8px var(--mono);letter-spacing:.12em;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.observer-results-title small{color:#71818e;font:var(--app-body-weight,550) 8px var(--mono);letter-spacing:0;white-space:nowrap}.next-overhead{text-align:left;cursor:pointer;background:linear-gradient(110deg,#72522457,#161a1ff2 70%);border:1px solid #ffd98d80;border-radius:8px;gap:5px;width:100%;margin:10px 0;padding:11px 12px;display:grid;box-shadow:inset 3px 0 #ffd98d,0 8px 24px #00000038}.next-overhead:hover,.next-overhead:focus-visible{border-color:#ffe1a3cc;outline:2px solid #ffd98d38}.next-overhead-kicker{color:#f3d799;font:var(--app-body-weight,550) 8px var(--mono);letter-spacing:.13em}.next-overhead-main{align-items:center;gap:8px;min-width:0;display:flex}.next-overhead-main strong{color:#fff2d0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.next-overhead-main>span{color:#9bcbd3;font:var(--app-body-weight,550) 8px var(--mono);flex:none}.next-overhead-time{color:#f5e6c2;font:var(--app-body-weight,550) 10px var(--mono)}.next-overhead-detail{color:#c0c7c9;font:var(--app-body-weight,550) 9px var(--mono)}.skyboard{background:radial-gradient(circle,#1e3b4859,#040b1266 70%);border:1px solid #97b3c61f;border-radius:9px;justify-content:center;align-items:center;gap:19px;margin:11px 0;padding:10px;display:flex}#sky-chart{flex:none;width:170px;height:170px;overflow:visible}.sky-horizon{fill:#09131cb3;stroke:#97b3c652;stroke-width:1.2px}.sky-ring,.sky-cross{fill:none;stroke:#97b3c624;stroke-width:.8px}.sky-cardinal{fill:#8999a6;text-anchor:middle;font:var(--app-body-weight,550) 9px var(--mono)}.sky-track{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.sky-track.starlink{stroke:#66caff}.sky-track.spacex{stroke:#ffad76}.sky-track.other{stroke:#8de0d3}.sky-track.overhead{opacity:.95;stroke-width:2.8px;filter:drop-shadow(0 0 3px)}.sky-track.highlighted{opacity:1;stroke-width:3.8px;filter:drop-shadow(0 0 5px)}.sky-legend{color:#97a5af;font:var(--app-body-weight,550) 9px var(--mono);gap:8px;display:grid}.sky-legend span{align-items:center;gap:7px;display:flex}.sky-legend i{border-radius:50%;width:7px;height:7px}.sky-key-starlink{background:#66caff;box-shadow:0 0 7px #66caff}.sky-key-spacex{background:#ffad76;box-shadow:0 0 7px #ffad76}.sky-key-other{background:#8de0d3;box-shadow:0 0 7px #8de0d3}.sky-legend small{color:#6f7e88;max-width:100px;font:var(--app-body-weight,550) 8px/1.5 var(--mono)}.pass-list{gap:5px;max-height:270px;display:grid;overflow:auto}.pass-row{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #97b3c61c;border-radius:7px;grid-template-columns:1fr auto;gap:2px 10px;width:100%;padding:9px 10px;display:grid}.pass-row:hover,.pass-row.selected{background:#83e3ed12;border-color:#83e3ed52}.pass-row.overhead{background:#76572a29;border-color:#ffd98d5c;box-shadow:inset 2px 0 #ffd98de6}.pass-row.overhead:hover,.pass-row.overhead.selected{background:#76572a42;border-color:#ffe1a3b3}.pass-row-main{align-items:center;gap:7px;min-width:0;display:flex}.pass-row-main strong{color:#e2eaee;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.pass-row time{color:#bbc7ce;font:var(--app-body-weight,550) 9px var(--mono);white-space:nowrap}.pass-row-detail{color:#aab8c2;font:var(--app-body-weight,550) 8px var(--mono);grid-column:1/-1;gap:8px;display:flex}.pass-row.overhead .pass-row-detail{color:#e0d3b3}.pass-tag{color:#9de7df;font:var(--app-body-weight,550) 7px var(--mono);letter-spacing:.04em;background:#8de0d317;border-radius:3px;flex:none;padding:2px 4px}.pass-tag.starlink{color:#77d0ff;background:#66caff1f}.pass-tag.spacex{color:#ffc294;background:#ffad761f}.pass-tag.good{color:#9be0b3;background:#70d3911c}.pass-tag.possible{color:#e5cb86;background:#e5cb861a}.overhead-tag{color:#ffe2a5;background:#ffd98d29}.observer-caveat,.observer-privacy{color:#73818c;margin:10px 1px 0;font-size:8px;line-height:1.55}.observer-privacy{border-top:1px solid #97b3c61a;padding-top:9px}.layer-popover{z-index:3;pointer-events:auto;background:#040a11fa;border-radius:12px;width:285px;max-height:calc(100dvh - 108px);padding:15px 10px 10px;position:absolute;top:48px;right:34px;overflow:auto}.popover-kicker{color:#a5b6c2;padding:1px 9px 10px}.layer-option{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:13px 1fr auto;align-items:center;gap:10px;width:100%;min-height:50px;padding:7px 9px;display:grid}.layer-option:hover{background:#d9ebf40e}.layer-option.active{background:#83e3ed16}.layer-option b{color:#e0e8ed;font-size:11px;font-weight:500;display:block}.layer-option small{color:#a5b3bd;margin-top:3px;font-size:9px;display:block}.layer-dot{background:#96e6ee;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px}.featured-dot{color:#68d8e8;background:#68d8e8}.station-dot{color:#ffc36f;background:#ffc36f}.gps-dot{color:#c0a1ff;background:#c0a1ff}.starlink-dot{color:#6bc8ff;background:#6bc8ff}.orbcomm-dot,.key-orbcomm{color:#a2e6a6;background:#a2e6a6}.active-dot{color:#a4d1d8;background:#a4d1d8}.layer-count{color:#afbdc6;font:var(--app-body-weight,550) 9px var(--mono)}.marker-key{border-top:1px solid var(--line);color:#b0bdc7;font:var(--app-body-weight,550) 9px var(--mono);grid-template-columns:1fr 1fr;gap:9px 12px;margin:12px 8px 5px;padding-top:12px;display:grid}.marker-key span{align-items:center;gap:7px;display:flex}.marker-key i{border-radius:2px;flex:none;width:7px;height:7px;box-shadow:0 0 8px}.key-station{color:#ffc36f;background:#ffc36f}.key-starlink{color:#6bc8ff;background:#6bc8ff}.key-navigation{color:#c0a1ff;background:#c0a1ff}.key-rocket{color:#ff9d70;background:#ff9d70}.key-payload{color:#68d8e8;background:#68d8e8}.key-debris{color:#8c9aa4;background:#8c9aa4}.key-overhead{color:#ffd98d;background:#ffd98d;box-shadow:0 0 10px #ffd98d!important}.earth-view-options{grid-template-columns:1fr 1fr;gap:6px;padding:0 2px 2px;display:grid}.earth-view-option{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #97b3c621;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 8px;display:flex}.earth-view-option:hover{background:#d9ebf40e}.earth-view-option[aria-pressed=true]{background:#83e3ed13;border-color:#83e3ed59}.earth-view-option:disabled{opacity:.45;cursor:not-allowed}.earth-view-option b{color:#e0e8ed;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.earth-view-option small{color:#a5b3bd;margin-top:3px;font-size:8px;display:block}.earth-view-swatch{border:1px solid #d2e4eb3b;border-radius:50%;flex:none;width:25px;height:25px;box-shadow:inset -6px -2px 10px #0000006b}.day-swatch{background:radial-gradient(circle at 34% 32%,#93a991 0 18%,#41665c 19% 37%,#183943 38% 100%)}.night-swatch{background:radial-gradient(circle at 38% 32%,#273845 0 28%,#0c1928 29% 100%);box-shadow:inset 3px 2px 7px #dead5861,inset -6px -2px 10px #0009}.dark-swatch{background:radial-gradient(circle at 34% 34%,#44535d 0 8%,#202a32 9% 50%,#111920 51% 100%);box-shadow:inset -6px -2px 10px #0000008c}.mapbox-swatch{background:radial-gradient(circle at 34% 30%,#71835d 0 18%,#4c6548 19% 39%,#243b40 40% 100%);box-shadow:inset -6px -2px 10px #00000080}.streets-swatch{background:linear-gradient(28deg,#0000 0 39%,#d3c58b 40% 43%,#0000 44%),linear-gradient(90deg,#0000 0 28%,#a89d77 29% 31%,#0000 32% 68%,#a89d77 69% 71%,#0000 72%),radial-gradient(circle at 66% 40%,#78948a,#334f49 72%);box-shadow:inset -6px -2px 10px #00000073}.night-light-controls{background:#ffffff05;border:1px solid #97b3c621;border-radius:7px;grid-template-columns:1fr auto;align-items:center;gap:7px 8px;margin:9px 8px 4px;padding:10px 9px 8px;display:grid}.night-light-title{color:#dfe8ec;grid-column:1/-1;font-size:11px;font-weight:600}.night-light-select-label,.night-light-opacity-label{color:#a7b5bd;font-size:9px}.night-light-controls select{color:#dce7eb;width:100%;min-height:30px;font:var(--app-body-weight,550) 10px var(--sans);background:#0b151d;border:1px solid #97b3c633;border-radius:6px;grid-column:1/-1;padding:5px 8px}.night-light-opacity-label{display:contents}.night-light-opacity-label span{grid-column:1}.night-light-controls input[type=range]{accent-color:#83e3ed;grid-column:2;width:100%;min-width:88px}.night-light-controls p{color:#82939d;grid-column:1/-1;margin:0;font-size:8px;line-height:1.45}.night-light-controls output{color:#badde1;grid-column:1/-1;font-size:10px;line-height:1.4}.night-light-controls[hidden]{display:none}.popover-divider{background:var(--line);height:1px;margin:11px 8px 12px}.imagery-attribution.mapbox-attribution-active{pointer-events:auto;align-items:center;gap:10px;display:flex}.mapbox-logo{flex:none;width:88px;height:23px;display:block}.mapbox-logo img{width:88px;height:23px;display:block}.mapbox-attribution-text{flex-wrap:wrap;align-items:center;gap:3px 9px;display:flex}.imagery-attribution.nasa-attribution-active{pointer-events:auto;align-items:center;gap:8px;display:flex}.nasa-night-attribution a{color:#f0f5f8f0;font:var(--app-body-weight,550) 8px var(--sans);text-shadow:0 1px 4px #000,0 0 8px #000;text-decoration:none}.nasa-night-attribution a:hover{text-decoration:underline}.mapbox-attribution-text a{color:#f0f5f8e6;font:var(--app-body-weight,550) 8px var(--sans);text-shadow:0 1px 4px #000,0 0 8px #000;text-decoration:none}.mapbox-attribution-text a:hover{text-decoration:underline}.zoom-controls{z-index:5;pointer-events:auto;gap:5px;display:grid;position:fixed;bottom:82px;right:30px}.zoom-controls button{color:#d9e6ec;width:38px;height:38px;font:var(--app-body-weight,550) 20px/1 var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070e16c7;border:1px solid #97b3c633;border-radius:50%;transition:border-color .2s,background .2s,color .2s}.zoom-controls button:hover,.zoom-controls button:focus-visible{color:var(--cyan);background:#101f2bf5;border-color:#83e3ed8c;outline:none}.zoom-controls .quick-location-button{color:#c7fbff;background:linear-gradient(145deg,#0c2632fa,#05111bfa);border-color:#67e7f2c2;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 0 3px #4cdaeb21,0 0 18px #33d1e833}.zoom-controls .quick-location-button .location-glyph{stroke-width:2.1px;width:25px;height:25px}.zoom-controls .quick-location-button:hover,.zoom-controls .quick-location-button:focus-visible{color:#fff;background:linear-gradient(145deg,#103a48fc,#051822fc);border-color:#d4fcff;box-shadow:0 0 0 4px #4cdaeb33,0 0 22px #33d1e84d}.quick-location-button[aria-busy=true] .location-glyph-wrap{animation:1s ease-in-out infinite alternate location-pulse}@keyframes location-pulse{to{opacity:.35;transform:scale(.78)}}.satellite-panel{z-index:3;pointer-events:auto;scrollbar-color:#83e3ed47 transparent;scrollbar-width:thin;border-radius:11px;width:min(300px,100vw - 40px);max-height:calc(100% - 24px);padding:14px 15px 12px;animation:.32s ease-out panel-in;position:absolute;top:50%;right:clamp(24px,5vw,74px);overflow:auto;transform:translateY(-47%)}@keyframes panel-in{0%{opacity:0;transform:translate(8px,-47%)}to{opacity:1;transform:translateY(-47%)}}.panel-topline{color:var(--cyan);justify-content:space-between;align-items:center;display:flex}.panel-topline button,.credits-panel>button{color:#83929e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:19px;display:grid}.panel-topline button:hover,.credits-panel>button:hover{color:#fff;background:#ffffff12}.satellite-panel h1{overflow-wrap:anywhere;color:#f2f5f6;letter-spacing:-.04em;margin:7px 0 4px;font-size:18px;font-weight:500;line-height:1.18}.panel-idline{color:#8e9ca7;font:var(--app-body-weight,550) 9px var(--mono);letter-spacing:.04em;gap:8px;display:flex}.panel-separator{color:#465560}.panel-actions{flex-wrap:wrap;gap:5px;margin:10px 0 8px;display:flex}.panel-actions button{cursor:pointer;border-radius:6px;min-height:28px;padding:0 8px;font-size:9px;font-weight:600}.action-primary{color:#a8eff4;background:#83e3ed21;border:1px solid #83e3ed4d}.action-primary:hover,.action-primary[aria-pressed=true]{background:#83e3ed3b}.action-secondary{color:#bac5cd;background:#ffffff06;border:1px solid #a0b4c433}.action-secondary:hover,.action-secondary[aria-pressed=true]{color:#d2c9ff;border-color:#b5a3ff66}.path-legend{color:#c3d0d7;font:var(--app-body-weight,550) 8px var(--mono);flex-wrap:wrap;gap:12px;display:flex}.path-legend span{align-items:center;gap:5px;display:inline-flex}.path-legend i{border:1px solid #020811e6;border-radius:3px;width:16px;height:4px;display:inline-block}.past-path-key{background:#a4faff;box-shadow:0 0 9px #4beaf7cc}.future-path-key{background:#ffd36a;box-shadow:0 0 9px #ffbe46b8}.details-toggle{color:#9ecbd0;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #97b3c624;justify-content:space-between;align-items:center;width:100%;margin-top:9px;padding:8px 0 1px;font-size:9px;display:flex}.details-toggle:hover,.details-toggle:focus-visible{color:#e5f8f8;outline:none}.satellite-details{padding-top:8px}.data-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:13px 16px;padding:17px 0;display:grid}.data-grid span,.epoch-line span{color:#778692;font:var(--app-body-weight,550) 8px var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;display:block}.data-grid strong{color:#e0e7eb;font:var(--app-body-weight,550) 11px var(--mono)}.epoch-line{justify-content:space-between;align-items:center;gap:12px;padding:13px 0 4px;display:flex}.epoch-line span{margin:0}.epoch-line time{color:#aab6bf;font:var(--app-body-weight,550) 9px var(--mono)}.prediction-note{color:#788792;margin:10px 0 12px;font-size:9px;line-height:1.6}.text-action{color:#a8dce1;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px}.text-action span{margin-left:4px;transition:transform .2s;display:inline-block}.text-action:hover span{transform:translate(2px,-2px)}.statusbar{min-height:57px;padding:10px 34px max(10px, env(safe-area-inset-bottom));color:#cfdce4d6;font:var(--app-body-weight,550) 9px var(--mono);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#04091091,#040910e0);bottom:0}.statusbar:before{content:"";background:linear-gradient(90deg,#0000,#93b1c229 15% 85%,#0000);height:1px;position:absolute;top:0;left:34px;right:34px}.status-left,.status-right{align-items:center;gap:13px;display:flex}.live-mark{color:#a8d6d4;letter-spacing:.07em;align-items:center;gap:7px;display:flex}.live-mark i{background:#8bddbd;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #8bddbdb3}.status-divider{background:#96afbe2e;width:1px;height:12px}.data-age.stale{color:#dfad78}.credits-button{color:#8797a4;font:var(--app-body-weight,550) 9px var(--mono);cursor:pointer;background:0 0;border:0;padding:5px 0 5px 3px}.credits-button:hover{color:#d8e4e9}.credits-button span{color:var(--cyan)}.credits-panel{z-index:6;border-radius:11px;width:min(390px,100vw - 32px);padding:19px;position:fixed;bottom:66px;right:34px}.credits-panel>button{position:absolute;top:10px;right:10px}.credits-panel .popover-kicker{padding:0 30px 8px 0}.credits-panel p{color:#a0adb7;font-size:10px;line-height:1.7}.credit-links{flex-wrap:wrap;gap:14px;margin:15px 0;display:flex}.credit-links a{color:#b7e2e4;text-underline-offset:3px;font-size:9px;text-decoration-color:#b7e2e44d}.credits-panel .tiny-credit{color:#697783;margin-bottom:0;font-size:9px}[hidden]{display:none!important}@media (max-width:800px){.topbar{min-height:67px;padding:14px 18px}.topbar-center{display:none}.app-shell{inset:67px 0 56px}.statusbar{min-height:50px;padding:9px 18px max(9px, env(safe-area-inset-bottom))}.statusbar:before{left:18px;right:18px}.composition-label{font-size:8px;left:12px}.imagery-attribution{font-size:7px;bottom:8px;left:12px}.imagery-attribution.mapbox-attribution-active{align-items:flex-start;gap:6px}.mapbox-logo,.mapbox-logo img{width:88px;height:23px}.mapbox-attribution-text{gap:2px 6px;max-width:calc(100vw - 112px)}.mapbox-attribution-text a{font-size:7px}.search-wrap{background:#080f17c4;border-color:#97b3c63d;width:37px;padding:0 11px}.search-wrap input,.search-wrap kbd{display:none}.search-wrap:focus-within{z-index:8;background:#070e16f5;border-color:#83e3ed66;width:auto;padding:0 11px;position:fixed;top:14px;left:16px;right:126px}.search-wrap:focus-within input{display:block}.search-wrap:focus-within kbd{display:none}.search-results{min-width:min(340px,100vw - 32px)}.top-actions{gap:2px}.field-console-link{padding:8px 7px;font-size:9px}.icon-button{background:#080f17c4;border-color:#97b3c63d;width:34px;height:34px}.layer-popover{width:min(285px,100vw - 32px);top:47px;right:16px}.observer-panel{width:min(410px,100vw - 20px);max-height:calc(100dvh - 120px);padding:14px;top:57px;left:10px}.observer-guidance{grid-template-columns:48px minmax(0,1fr);gap:9px;width:min(320px,100vw - 84px);padding:8px 10px;top:12px;left:12px}.aim-indicator{width:44px;height:44px}.zoom-controls{bottom:64px;right:14px}.zoom-controls button{width:36px;height:36px}.satellite-panel{width:min(330px,100vw - 24px);max-height:min(54dvh,100dvh - 145px);padding:12px 13px 10px;inset:auto 12px 10px auto;transform:none}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.satellite-panel h1{margin-top:6px;font-size:17px}.panel-actions{gap:4px;margin:8px 0 7px}.data-grid{gap:9px 12px;padding:10px 0}.prediction-note{margin:7px 0}.epoch-line{padding-top:10px}.status-left,.status-right{gap:8px}.status-right{margin-left:auto}.data-age,.status-divider:nth-of-type(2){display:none}.credits-button{font-size:0}.credits-button span{font-size:13px}.credits-panel{bottom:58px;right:16px}}@media (max-width:420px){.wordmark{gap:8px;font-size:13px}.wordmark-mark{width:18px;height:18px}.fullscreen-button{display:none}.observer-panel{width:calc(100vw - 14px);max-height:calc(100dvh - 105px);padding:12px;top:55px;left:7px}.observer-guidance{grid-template-columns:40px minmax(0,1fr);gap:7px;width:calc(100vw - 82px);padding:7px 8px;top:10px;left:10px}.aim-indicator{width:38px;height:38px}.aim-indicator i{width:16px;height:16px}.observer-guidance .popover-kicker{font-size:7px}.observer-guidance strong{font-size:10px}.observer-guidance small{font-size:8px}#sky-chart{width:148px;height:148px}.skyboard{gap:10px;padding:7px}.sky-legend,.statusbar,.live-mark{font-size:8px}.status-left{gap:7px}.status-left .status-divider{display:none}.globe-hint{font-size:8px;bottom:5%}}@media (max-width:350px){.install-app-topbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
