:root{--bg:#03050b;--panel:#0a0e1ad9;--panel-border:#ffffff14;--text:#e8ecf5;--muted:#8a93a8;--faint:#787e90;--accent:#e8f4ff;--approach-accent:#5ad1ff;--approach-trail:#ffb347;--cme-accent:#ff8a4c;--status-live:#4be3a0;--status-warn:#ffc46b;--status-error:#ff7ab8;--radius-panel:14px;--font-ui:-apple-system, "SF Pro Text", "Inter", "Helvetica Neue", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--shell-gutter:24px;--shell-left-width:300px;--shell-right-width:340px}html,body,#root{background:var(--bg);height:100%;margin:0}body{overscroll-behavior:none;color:var(--text);font:var(--text-md) / 1.4 var(--font-ui);-webkit-font-smoothing:antialiased}p{margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:0 10px 40px #00000059}.app-shell button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px}.app-shell button:hover,.app-shell button[aria-pressed=true]{color:var(--text);background:#ffffff17}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell-scene{position:fixed;inset:0}.app-shell{grid-template:"top top top" auto "left . right" 1fr "bottom bottom bottom" auto / var(--shell-left-width) 1fr var(--shell-right-width);padding:20px var(--shell-gutter);pointer-events:none;gap:20px;display:grid;position:fixed;inset:0}.app-shell .panel{pointer-events:auto}.shell-top{grid-area:top;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.shell-left{flex-direction:column;grid-area:left;min-height:0;display:flex}.shell-right{grid-area:right;min-height:0}.shell-bottom{grid-area:bottom}.shell-column>summary{width:fit-content;color:var(--muted);cursor:pointer;padding:8px 14px}.shell-column-body{flex-direction:column;flex:0 auto;gap:12px;min-height:0;display:flex}.shell-column{flex-direction:column;max-height:100%;display:flex}.shell-column::details-content{flex-direction:column;flex:0 auto;min-height:0;display:flex}.shell-column-right .shell-column-body{overflow-y:auto}.shell-column-body,.approach-list,.focus-picker{scrollbar-width:thin;scrollbar-color:var(--faint) transparent}.shell-column-right .shell-column-body,.approach-list{scrollbar-gutter:stable}@media (width>=1100px){.shell-column>summary{display:none}}@media (width<=1099.98px){.app-shell{grid-template:"top top""left right"1fr"bottom bottom"/1fr 1fr;gap:12px;padding:12px}.shell-top{grid-template-columns:1fr auto}.shell-top .focus-picker{grid-area:2/1/auto/-1;justify-self:start}.shell-right .shell-column{justify-self:end}.shell-column-body{width:min(var(--shell-left-width), calc(100vw - 24px));margin-top:8px}}@media (width<=599.98px),(height<=500px) and (width<=1099.98px){.app-shell{grid-template:"top""sheet"1fr"bottom"/1fr;gap:8px;padding:8px}.shell-left,.shell-right{flex-direction:column;grid-area:sheet;justify-content:flex-end;display:flex}.shell-column{flex-direction:column-reverse}.shell-right .shell-column>summary{align-self:flex-end}.shell-column-body{width:auto;margin:0 0 8px}.shell-top .focus-picker{flex-wrap:nowrap;justify-content:flex-start;justify-self:stretch;overflow-x:auto}.focus-picker button{flex-shrink:0}}@media (pointer:coarse){.app-shell button,.app-shell select,.shell-column>summary,.pill>summary,.display-control,.timeline input[type=range]{box-sizing:border-box;min-height:44px}.shell-column>summary{padding-block:12px}}.brand{justify-self:start;align-items:center;gap:12px;display:flex}.brand-word{font-size:var(--text-lg);letter-spacing:.34em;font-weight:600}.brand-tagline{color:var(--muted);letter-spacing:.02em;margin-top:2px;font-size:11.5px}.focus-picker{border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;display:flex}.pill{color:var(--muted);font-size:var(--text-sm);border-radius:999px}.pill[open]{border-radius:var(--radius-panel)}.pill>summary{cursor:pointer;align-items:center;gap:8px;padding:8px 14px;list-style:none;display:flex}.pill>summary::-webkit-details-marker{display:none}.pill b{color:var(--text);font-weight:500}.pill ul{color:var(--faint);margin:0;padding:0 14px 10px 29px}.pill-dot{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.pill[data-tone=live] .pill-dot{background:var(--status-live);box-shadow:0 0 10px var(--status-live)}.pill:is([data-tone=stale],[data-tone=snapshot]) .pill-dot{background:var(--status-warn)}.pill[data-tone=unavailable] .pill-dot{background:var(--status-error)}.snapshot-banner{color:var(--muted);font-size:var(--text-sm);border-color:#ffc46b59;border-radius:999px;grid-column:1/-1;justify-self:center;padding:6px 14px}.display-panel{flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 14px;display:flex}.display-control{color:var(--muted);align-items:center;gap:.5rem;display:flex}.display-control select{color:var(--text);font:inherit;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:4px 6px}.approach-list{flex:0 auto;min-height:0;padding:16px 12px 10px;overflow-y:auto}.approach-list-heading,.approach-group-heading{color:var(--muted);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;margin:0 0 10px;padding:0 4px;font-weight:400;display:flex}.approach-list-heading span:last-child{color:var(--faint);letter-spacing:0;text-transform:none}.approach-group-heading{color:var(--faint);margin:8px 0 6px}.approach-group ul{margin:0;padding:0;list-style:none}.approach-note{color:var(--muted);font-size:var(--text-sm);padding:4px}.app-shell .approach-row{width:100%;color:var(--text);text-align:left;border-radius:10px;grid-template-columns:1fr auto;gap:4px 10px;margin-bottom:4px;padding:10px;display:grid}.app-shell .approach-row[aria-pressed=true]{background:#5ad1ff17;box-shadow:inset 0 0 0 1px #5ad1ff47}.approach-name{font-size:13.5px;font-weight:500}.approach-when{color:var(--muted);text-align:right;font-size:11.5px}.approach-bar{background:#ffffff0f;border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.approach-bar i{background:linear-gradient(90deg, var(--approach-accent), #5ad1ff4d);border-radius:2px;height:100%;display:block}.approach-meta{color:var(--muted);grid-column:1/-1;justify-content:space-between;font-size:11.5px;display:flex}.approach-ld{color:var(--text)}.approach-class{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:50%;width:8px;height:8px}.timeline{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px 20px;display:grid}.transport{align-items:center;gap:10px;display:flex}.app-shell .play{min-width:64px;height:44px;color:var(--text);background:#ffffff1a;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff1f}.clock{flex-direction:column;margin-left:8px;display:flex}.clock output{min-width:21ch;font-size:var(--text-lg)}.clock-note{color:var(--muted);margin-top:3px;font-size:11.5px}.timeline input[type=range]{width:100%;accent-color:var(--accent)}.rate-slider{color:var(--muted);align-items:center;gap:.5rem;display:flex}.rate-slider input[type=range]{width:140px}@media (width<=1099.98px){.timeline{grid-template-columns:1fr;gap:10px;padding:10px 14px}}@media (width<=599.98px),(height<=500px) and (width<=1099.98px){.timeline{grid-template-columns:1fr auto;gap:8px 12px;padding:8px 12px}.timeline .transport{grid-column:1/-1}.rate-slider input[type=range]{width:96px}}@media (height<=500px) and (width<=1099.98px){.timeline{grid-template-columns:auto 1fr auto}.timeline .transport{grid-column:auto}}.fps-meter{right:var(--shell-gutter);bottom:104px;top:auto!important;left:auto!important}@media (width<=1099.98px){.fps-meter{bottom:200px;right:12px;top:auto!important;left:auto!important}}.caption{left:calc(var(--shell-gutter) + var(--shell-left-width) + 32px);max-width:min(560px, calc(100vw - 2 * var(--shell-gutter)));pointer-events:none;position:fixed;bottom:132px}.caption-kicker{color:var(--accent);font-size:var(--text-xs);letter-spacing:.32em;margin-bottom:8px}.caption-text{letter-spacing:-.01em;font-size:20px;font-weight:300;line-height:1.3}@media (width<=1099.98px){.caption{left:var(--shell-gutter);bottom:180px}}.opening-caption{opacity:0;transition:opacity 1.5s}.opening-caption[data-phase=playing]{opacity:1}.opening-caption[data-phase=done]{animation:1.5s 3s both opening-caption-fade}@keyframes opening-caption-fade{0%{opacity:1}to{opacity:0}}.focus{padding:18px}.focus-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.focus-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.badge{color:var(--approach-accent);font-size:var(--text-xs);background:#5ad1ff1a;border-radius:999px;flex:none;padding:4px 9px;box-shadow:inset 0 0 0 1px #5ad1ff4d}.countdown{color:var(--muted);font-size:var(--text-sm);margin:0 0 14px}.countdown b{color:var(--text);font-weight:500}.close-up{margin:0 0 14px}.close-up-head{color:var(--faint);letter-spacing:.08em;margin:0 0 6px;font-size:10px}.close-up-view{background:radial-gradient(circle,#0a1224,#02040a 75%);border-radius:10px;width:100%;height:auto;display:block;box-shadow:inset 0 0 0 1px #ffffff0f}.close-up-ring{fill:none;stroke:#c8d2eb59;stroke-dasharray:2 4}.close-up-earth{fill:#2f74c9}.close-up-closest{stroke:#c8d2eb80;stroke-dasharray:2 3}.close-up-label{fill:var(--muted);font:9.5px var(--font-mono)}.close-up-path{fill:none;stroke:var(--approach-trail);stroke-width:1.25px;stroke-linejoin:round}.close-up-path.faint{opacity:.2}.close-up-path.bright{opacity:.85}.close-up-marker{fill:var(--approach-trail)}.close-up-scale{color:var(--faint);font-size:var(--text-xs);margin:6px 0 0}.stats{gap:12px;margin:16px 0 14px;display:grid}.stat .k{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px}.stat .v{margin:0;font-size:17px;font-weight:500}.stat .v small{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:400;display:block}.focus-actions{gap:8px;display:flex}.focus-actions .btn{font-size:var(--text-md);background:#ffffff12;border-radius:10px;flex:1;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff12}.focus-actions .btn.primary{color:#03121c;background:linear-gradient(#6ad7ff,#3bb4ea);font-weight:600;box-shadow:0 6px 20px #5ad1ff40}.src{color:var(--faint);margin:12px 0 0;font-size:10.5px}.approach-list.cme-list{flex-shrink:0;max-height:min(28vh,300px)}.cme-rows{margin:0;padding:0;list-style:none}.app-shell .cme-row[aria-pressed=true]{background:#ff8a4c17;box-shadow:inset 0 0 0 1px #ff8a4c4d}.cme-tag-arrival{color:var(--cme-accent)}.cme-badge{color:var(--cme-accent);background:#ff8a4c1f;box-shadow:inset 0 0 0 1px #ff8a4c59}.cme-arrival{color:var(--muted);font-size:var(--text-sm);background:#ff8a4c12;border-radius:10px;margin:0 0 12px;padding:10px 12px}.src a{color:var(--muted)}.focus-actions .btn.cme-watch{color:var(--cme-accent)}.no-webgl{flex-direction:column;gap:16px;max-width:880px;margin:0 auto;padding:40px 16px 64px;display:flex}.no-webgl h1{margin:24px 0 0;font-size:28px;font-weight:500}.no-webgl p{max-width:65ch;color:var(--muted);font-size:var(--text-lg)}.no-webgl-stills{gap:24px;margin-top:16px;display:grid}.no-webgl figure{margin:0}.no-webgl img{border:1px solid var(--panel-border);border-radius:var(--radius-panel);width:100%;height:auto;display:block}.no-webgl figcaption{color:var(--faint);font-size:var(--text-sm);margin-top:8px}.no-webgl h2{font-size:var(--text-lg);margin:16px 0 8px;font-weight:500}.no-webgl ul{color:var(--muted);margin:0;padding-left:20px}.no-webgl a{color:var(--approach-accent)}.no-webgl :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell-top-end{justify-self:end;align-items:flex-start;gap:10px;display:flex}.app-shell .help-button{width:36px;height:36px;color:var(--text);font-size:var(--text-lg);border-radius:50%;padding:0}.help-dialog{width:min(680px, calc(100vw - 2 * var(--shell-gutter)));max-height:min(80vh,720px);color:var(--text);font-family:var(--font-ui);font-size:var(--text-md);padding:20px 24px 24px;line-height:1.5}.help-dialog::backdrop{background:#03050b99}.help-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.help-header h2{font-size:var(--text-lg);margin:0;font-weight:500}.app-shell .help-close{font-size:20px;line-height:1}.help-tabs [role=tablist]{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding-bottom:8px;display:flex}.app-shell .help-tabs [role=tab][aria-selected=true]{color:var(--text);background:#ffffff17}.help-panel p{color:var(--muted);margin:0 0 12px}.help-entries{gap:12px;margin:0;display:grid}.help-entry dt{color:var(--text);font-weight:500}.help-entry dd{color:var(--muted);margin:2px 0 0}.help-entry a{color:var(--approach-accent)}.help-entry img{border-radius:8px;width:100%;height:auto;margin-top:8px;display:block}@media (width<=599.98px){.help-dialog{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}}.legend{flex-shrink:0;padding:16px 12px 10px}.legend-rows{margin:0;padding:0 4px;list-style:none}.legend-row{font-size:var(--text-sm);grid-template-columns:16px 1fr auto;align-items:center;padding:4px 0;display:grid}.legend-count{color:var(--muted)}.first-visit-hint{pointer-events:auto;align-items:center;gap:12px;animation:.6s 4.5s both hint-fade-in;display:flex}.first-visit-hint .caption-text{font-size:var(--text-lg);margin:0}.first-visit-hint kbd{font-family:var(--font-mono);border:1px solid var(--panel-border);border-radius:4px;padding:1px 6px}.hint-dismiss{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:2px 8px;font-size:18px}.hint-dismiss:hover{color:var(--text);background:#ffffff17}.hint-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes hint-fade-in{0%{opacity:0}to{opacity:1}}