:root{color-scheme:dark;--foreground:#eef3fc;--border:#53617a;--yellow:#fff1bb;--viz-series-1:#91c3ef;--viz-series-2:#aebed5;--viz-series-3:#d7dde5;--viz-series-4:#c0b29b;--viz-series-5:#a0937f;--viz-series-6:#bea181;font-family:Inter,Segoe UI,Arial,sans-serif;background:#000;color:var(--foreground);font-size:16px}*{box-sizing:border-box}body{margin:0;background:#000}button,select,input{font:inherit}button,select{color:#e6edf8;background:#10151d;border:1px solid #293343;border-radius:6px;min-height:42px}button{cursor:pointer;padding:8px 14px}button:hover,select:hover{border-color:#7b94b4;background:#18202b}button:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a0cef5;outline-offset:4px}button[aria-pressed=true]{color:#c3e6ff;border-color:#6e9bbd;background:#102032}select{padding:8px 34px 8px 11px;width:100%}a{color:#a6d5ff;text-underline-offset:3px}[hidden]{display:none!important}.ss-heading{padding:24px 30px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1b2330}.brand,.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.16em;color:#8e9cb2}.brand{display:block;margin-bottom:8px}h1{font-size:clamp(1.6rem,3vw,2rem);font-weight:500;letter-spacing:-.04em;margin:0}h1 span{color:#78899d}.time-block{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.viz-badge{font-size:.75rem;letter-spacing:.13em;color:#e5c899}.time-block time{font-variant-numeric:tabular-nums;font-size:.875rem}.time-caption{color:#8e9caf;font-size:.75rem}.viz-controls{display:flex;align-items:flex-end;gap:14px;padding:16px 30px}.viz-controls>label{display:flex;flex-direction:column;gap:6px;color:#a5b1c3;font-size:.875rem;min-width:155px}.inspect{margin-left:1px}.scale-toggles{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto;padding-bottom:10px}.form-check{display:flex;align-items:center;gap:7px;font-size:.875rem;color:#b6c2d3;white-space:nowrap}.form-check input{accent-color:#91c3ef;width:16px;height:16px;margin:0}.ss-stage{position:relative;width:100%;height:calc(100dvh - 300px);min-height:410px;overflow:hidden;touch-action:none;background:#000}canvas{display:block;width:100%;height:100%}.ss-labels{position:absolute;inset:0;pointer-events:none}.ss-body-label{position:absolute;pointer-events:auto;background:rgba(0,0,0,.6);border:1px solid transparent;border-radius:4px;font-size:.875rem;min-height:30px;padding:4px 8px;white-space:nowrap;color:#bfcbdc}.ss-body-label:hover{background:#111a25}.stage-help{position:absolute;left:30px;bottom:20px;pointer-events:none;color:#8391a5;font-size:.75rem;line-height:1.7}.stage-help span{display:block;color:#5f6c7e}.camera-controls{position:absolute;right:30px;bottom:24px;display:flex;gap:6px}.camera-controls button{min-width:44px;background:rgba(15,21,30,.88);font-size:.875rem}.camera-controls button:first-child,.camera-controls button:nth-child(2){font-size:1.25rem;padding:4px 12px}.selection-strip{display:flex;align-items:center;gap:28px;padding:21px 30px;border-top:1px solid #1b2330;background:#080b10}.selection-strip h2{font-size:1.4rem;margin:7px 0 0;font-weight:500;letter-spacing:-.025em}.selection-detail{flex:1;min-width:0}.selection-detail p{font-size:.875rem;margin:0;line-height:1.6;font-variant-numeric:tabular-nums}.selection-detail #ss-appearance{font-size:.75rem;color:#8492a5;margin-top:5px}#ss-scale-note{font-size:.75rem;color:#a5b3c6;max-width:180px;line-height:1.6}footer{padding:0 30px 18px;background:#080b10;font-size:.875rem}summary{color:#9babc1;cursor:pointer;padding:13px 0;min-height:44px}details[open] summary{margin-bottom:8px}.data-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;padding-bottom:18px}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{padding:10px 0;border-bottom:1px solid #1b2330;vertical-align:top;line-height:1.55;text-align:left}th{font-weight:500;color:#b0bed0;width:160px;padding-right:20px}td{color:#8595ab;overflow-wrap:anywhere}.credits h3{font-weight:500;margin:10px 0;font-size:1rem}.credits p{color:#8595ab;font-size:.875rem;line-height:1.65}#ss-render-note{display:block;color:#baa888;font-size:.75rem}#ss-error{position:absolute;top:20px;left:30px;right:30px;color:#f3c5ae;border:1px solid #745346;background:#241714;padding:14px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.viz-controls{flex-wrap:wrap}.scale-toggles{margin-left:0}.ss-stage{height:calc(100dvh - 345px)}.selection-strip{gap:18px}.data-grid{grid-template-columns:1fr}}@media(max-width:600px){.ss-heading{padding:18px 16px;align-items:flex-start;gap:12px}.time-block time{font-size:.75rem;max-width:150px;text-align:right}.time-caption{display:none}.brand{font-size:.75rem;letter-spacing:.09em}h1{font-size:1.5rem}.viz-controls{padding:13px 16px;gap:10px}.viz-controls>label{min-width:0;flex:1 1 calc(50% - 10px)}.inspect{flex:1 1 calc(50% - 10px)}.scale-toggles{width:100%;padding:3px 0;gap:18px}.ss-stage{min-height:360px;height:55dvh}.stage-help{left:16px;bottom:14px}.stage-help span{display:none}.camera-controls{right:16px;bottom:50px;gap:5px}.camera-controls button{padding:7px 10px;min-width:40px}.ss-body-label{font-size:.875rem}.selection-strip{padding:18px 16px;flex-wrap:wrap;gap:14px}.selection-detail{flex-basis:calc(100% - 110px)}#ss-scale-note{max-width:none;width:100%}footer{padding:0 16px 16px}th{width:115px;padding-right:12px}.data-grid{gap:12px}}
.home-link{width:max-content;text-decoration:none;padding:3px 0}.home-link:hover{text-decoration:underline}.project-header{max-width:1100px;margin:auto;padding:34px 30px;border-bottom:1px solid #222c3a}.projects{max-width:1100px;padding:64px 30px;margin:auto}.projects>h1{font-size:2.1rem;margin-bottom:35px}.project-link{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #283342;background:#090d13;padding:32px;color:#eef3fc;text-decoration:none;border-radius:8px;min-height:210px}.project-link:hover{border-color:#91c3ef;background:#101823}.project-link h2{font-size:1.7rem;font-weight:500;letter-spacing:-.03em;margin:13px 0}.project-link p{font-size:1rem;color:#afbdd0;line-height:1.6;margin:8px 0}.project-link .project-description{font-size:.875rem;color:#7f90a7;max-width:560px}.project-open{white-space:nowrap;padding:12px 16px;border:1px solid #4b617d;border-radius:5px;color:#a9d5fa;font-size:.875rem}@media(max-width:600px){.project-header{padding:24px 20px}.projects{padding:42px 20px}.project-link{flex-direction:column;align-items:flex-start;padding:24px;gap:16px}}

.stage-help strong{display:block;font-weight:500;color:#b9c9dc;font-size:.875rem}.camera-controls{max-width:calc(100% - 60px);flex-wrap:wrap;justify-content:flex-end}.camera-controls button[aria-pressed=true]{background:#143047;border-color:#83b5de}.ss-stage:has(#ss-pan[aria-pressed=true]) canvas{cursor:grab}@media(max-width:1000px){.stage-help{bottom:14px}.camera-controls{bottom:100px}}@media(max-width:600px){.camera-controls{max-width:calc(100% - 32px);bottom:94px}.stage-help{right:16px;font-size:.75rem;max-width:calc(100% - 32px)}.stage-help span:first-of-type{display:block;max-width:300px;font-size:.75rem}.camera-controls button{font-size:.875rem}}

.viz-controls{flex-wrap:wrap}.viz-controls>label{min-width:135px;flex:1 1 145px}.viz-controls input[type=search]{color:#e6edf8;background:#10151d;border:1px solid #293343;border-radius:6px;width:100%;min-width:0;min-height:42px;padding:8px 11px}.enlargement-control input{width:100%;min-height:42px;accent-color:#91c3ef}.catalogue-status{margin:0;padding:10px 30px;font-size:.75rem;line-height:1.55;color:#8e9cb2;background:#080b10}.selection-detail #ss-radius-detail,.selection-detail #ss-cache-detail{font-size:.75rem;color:#8e9cb2;overflow-wrap:anywhere}.ss-body-label[aria-pressed=true]{border-color:transparent;background:rgba(0,0,0,.65);color:#c3e6ff}@media(max-width:600px){.viz-controls>label{min-width:0;flex-basis:calc(50% - 10px)}.catalogue-status{padding:10px 16px}.scale-toggles{gap:10px;flex-wrap:wrap}}

@media(min-width:601px){.ss-stage{min-height:530px}}

.ss-search-panel{padding:0 30px 14px;background:#080b10;font-size:.875rem}.ss-search-panel p{margin:0 0 8px;color:#aebed5}.ss-search-panel [role=listbox]{display:flex;flex-wrap:wrap;gap:6px}.ss-search-panel button{font-size:.875rem;min-height:44px;text-align:left}.ss-search-panel button[aria-selected=true]{border-color:#a0cef5;background:#143047}.ss-body-label{overflow:hidden;text-overflow:ellipsis;line-height:20px;transition:opacity .1s linear}@media(max-width:600px){.ss-search-panel{padding:0 16px 12px}.ss-search-panel [role=listbox]{max-height:176px;overflow-y:auto}.ss-search-panel button{flex:1 1 100%}.ss-body-label{min-height:44px}}@media(prefers-reduced-motion:reduce){.ss-body-label{transition:none}}

.enlargement-control output{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted,#abb9c9)}

.time-controls,.ss-family{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:12px 24px;background:#080b10;border-bottom:1px solid #263246}.time-controls label{display:flex;flex-direction:column;gap:6px;font-size:.875rem}.time-controls input{font:inherit;color:#edf4ff;background:#101722;border:1px solid #3b4b62;border-radius:6px;padding:10px;min-height:44px;color-scheme:dark;max-width:100%}.time-controls button,.ss-family button{min-height:44px}.time-controls p{flex-basis:100%;margin:0;font-size:.875rem;color:#b6c6dc}.ss-family{align-items:center;font-size:.875rem}.ss-family[hidden]{display:none}@media(max-width:600px){.time-controls,.ss-family{padding:12px 16px}.time-controls label{width:100%}.time-controls input{width:100%;box-sizing:border-box}}

.timeline-controls{position:sticky;top:0;z-index:20;padding:12px 24px 16px;background:#080b10;border-bottom:1px solid #263246}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.timeline-heading label{display:flex;align-items:center;gap:12px;font-size:.875rem}.timeline-heading select{font:inherit;color:#edf4ff;background:#101722;border:1px solid #3b4b62;border-radius:6px;min-height:44px;padding:8px 10px}.timeline-heading output{font-size:.875rem;font-variant-numeric:tabular-nums;color:#c5dbed}.timeline-slider{display:flex;flex-direction:column;gap:2px;font-size:.875rem;margin-top:8px}.timeline-slider input{width:100%;min-height:44px;accent-color:#91c3ef;margin:0;cursor:ew-resize}.timeline-slider input:disabled{cursor:progress}.timeline-ticks{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:.75rem;color:#8e9cb2}.timeline-ticks span:nth-child(2){text-align:center}.timeline-ticks span:last-child{text-align:right}.timeline-controls p{font-size:.75rem;line-height:1.5;color:#aebed5;margin:10px 0 0}.timeline-controls button[hidden]{display:none}@media(max-width:600px){.timeline-controls{padding:12px 16px}.timeline-heading{gap:8px}.timeline-heading output{flex-basis:100%}.timeline-ticks{font-size:.6875rem;gap:6px}.timeline-heading label{width:100%;justify-content:space-between}}
.timeline-heading label{white-space:nowrap}.timeline-heading select{width:auto}@media(max-width:600px){.timeline-controls .timeline-heading output{flex:1 1 140px;}}

/* Wider moon position coverage */
.position-coverage { border-top: 1px solid #273441; margin-top: .75rem; color: #c4d1df; }
.position-coverage > summary { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding: .75rem .25rem; min-height: 44px; box-sizing: border-box; cursor: pointer; }
.position-coverage > summary::before { content: '▸'; color: #91c3ef; }
.position-coverage[open] > summary::before { content: '▾'; }
.position-coverage > summary > span { margin-left: auto; font-size: .85rem; color: #a9ccec; }
.position-coverage[data-position-state="out-of-coverage"] > summary > span,
.position-coverage[data-position-state="error"] > summary > span,
.position-coverage[data-position-state="metadata-error"] > summary > span { color: #f3ce98; }
.position-coverage-content { max-width: 80ch; padding: 0 .25rem .75rem; overflow-wrap: anywhere; }
.position-coverage-content > p { margin: .5rem 0; line-height: 1.55; }
.position-coverage-content > p:empty { display: none; }
.position-coverage-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: .75rem 0; }
.position-coverage-actions > button { min-height: 44px; max-width: 100%; padding: .6rem .9rem; white-space: normal; line-height: 1.35; }
.position-coverage-note { font-size: .85rem; color: #9cabba; }
@media (max-width: 600px) {
  .position-coverage > summary { align-items: flex-start; }
  .position-coverage > summary > span { flex-basis: 100%; margin-left: 1.2rem; }
  .position-coverage-actions > button { width: 100%; }
}
.ss-moon-data-status{font-size:.8rem;line-height:1.5;color:var(--muted);margin:.5rem 0;overflow-wrap:anywhere}

/* Keyboard flight and model-clock status. */
.navigation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin:.6rem 0 1rem;padding:.8rem 1rem;border:1px solid var(--border,#293341);border-radius:10px;background:var(--surface,#10161d)}
.navigation-controls label{display:flex;align-items:center;gap:.6rem;font-size:.875rem;min-width:0}
.navigation-controls select{max-width:100%;font-size:.875rem}
.navigation-controls button{min-height:44px;font-size:.875rem;white-space:nowrap}
.navigation-controls button[aria-pressed="true"]{border-color:#8fbde8;background:#223c51;color:#eef8ff}
.navigation-controls p{flex:1 1 100%;font-size:.875rem;line-height:1.55;margin:0;color:var(--muted,#b4c4d5)}
.ss-live-status{position:absolute;top:1rem;left:1rem;z-index:4;display:flex;align-items:center;gap:.55rem;max-width:calc(100% - 2rem);padding:.45rem .7rem;border:1px solid #66839b66;border-radius:999px;background:#07111ce6;color:#daeaff;font-size:.875rem;line-height:1.4;pointer-events:none}
.ss-live-dot{width:.45rem;height:.45rem;flex:none;border-radius:50%;background:#99a8b7}
.ss-live-status[data-state="live"] .ss-live-dot{background:#83d5bd}
.ss-live-status[data-state="live"][data-beat="a"] .ss-live-dot{animation:ss-live-beat-a .75s ease-out 1}
.ss-live-status[data-state="live"][data-beat="b"] .ss-live-dot{animation:ss-live-beat-b .75s ease-out 1}
@keyframes ss-live-beat-a{from{box-shadow:0 0 0 0 #83d5bd77}to{box-shadow:0 0 0 5px #83d5bd00}}
@keyframes ss-live-beat-b{from{box-shadow:0 0 0 0 #83d5bd77}to{box-shadow:0 0 0 5px #83d5bd00}}
@media(max-width:600px){.navigation-controls{padding:.7rem;gap:.5rem}.navigation-controls label{flex:1 1 180px}.ss-live-status{top:.65rem;left:.65rem;max-width:calc(100% - 1.3rem)}}
@media(prefers-reduced-motion:reduce){.ss-live-status .ss-live-dot{animation:none!important}}

/* Assisted freeflight and optional display-space direction cue. */
.ss-freeflight-controls{margin:.6rem 24px 1rem}
.ss-freeflight-controls .ss-flight-keys-help{flex:0 1 auto;min-width:0}
.ss-flight-keys-help summary{padding:8px 10px;margin:0;min-height:44px;border:1px solid #293343;border-radius:6px;font-size:.875rem;list-style-position:inside}
.ss-flight-keys-help[open]{flex-basis:100%}
.ss-flight-keys-help[open] summary{width:max-content;margin-bottom:12px}
.ss-keymap{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 16px;margin:0}
.ss-keymap div{min-width:0}
.ss-keymap dt{font-size:.875rem;font-weight:500;color:#e4f1ff}
.ss-keymap dd{font-size:.8125rem;color:#aebfd3;margin:3px 0 0}
.ss-keymap-note{font-size:.8125rem!important;margin-top:12px!important}
.ss-direction-control{margin-left:auto;cursor:pointer;min-height:44px}
.ss-direction-control input{accent-color:#91c3ef;width:17px;height:17px;margin:0}
.ss-direction-cue{position:absolute;inset:0;z-index:3;pointer-events:none;color:#c7e3f8;contain:layout style}
.ss-direction-caption{position:absolute;top:50px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:4px 8px;border-radius:5px;background:#07111ce6;border:1px solid #63829b66;font-size:.75rem;line-height:1.4;overflow-wrap:anywhere;text-align:center}
.ss-aim-center{position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);opacity:.5}
.ss-aim-center::before,.ss-aim-center::after{content:"";position:absolute;background:#d2e8f8}
.ss-aim-center::before{width:13px;height:1px;left:0;top:6px}.ss-aim-center::after{height:13px;width:1px;left:6px;top:0}
.ss-direction-target{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;filter:drop-shadow(0 1px 3px #000)}
.ss-direction-target[data-kind="onscreen"]{width:16px;height:16px;border:1px solid #d2e8f8;border-radius:3px;opacity:.85}
.ss-direction-arrow{width:22px;height:22px;display:block;transform-origin:center;color:#d2e8f8}
.ss-direction-cue[data-kind="unavailable"] .ss-aim-center,.ss-direction-cue[data-kind="invalid"] .ss-aim-center,.ss-direction-cue[data-kind="coincident"] .ss-aim-center{display:none}
@media(max-width:600px){.ss-freeflight-controls{margin:.6rem 16px 1rem}.ss-freeflight-controls label.ss-direction-control{flex:0 1 auto;margin-left:0}.ss-keymap{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-direction-caption{top:47px;font-size:.75rem}}