:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--app-bg: #070a12;--app-fg: rgba(231, 237, 255, .92);--link: #9fb0ff;--link-hover: #b9c5ff;--panel-bg: rgba(10, 14, 24, .72);--panel-border: rgba(110, 128, 180, .25);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .14);--focus-ring: rgba(159, 176, 255, .12);--button-bg: rgba(255, 255, 255, .06);--button-border: rgba(255, 255, 255, .14);--button-hover-border: rgba(159, 176, 255, .7);color:var(--app-fg);background-color:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--app-bg: #f5f7ff;--app-fg: rgba(17, 24, 39, .92);--link: #2d4bff;--link-hover: #1b35cc;--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(32, 46, 82, .18);--input-bg: rgba(10, 14, 24, .03);--input-border: rgba(10, 14, 24, .12);--focus-ring: rgba(45, 75, 255, .12);--button-bg: rgba(10, 14, 24, .04);--button-border: rgba(10, 14, 24, .12);--button-hover-border: rgba(45, 75, 255, .5)}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link-hover)}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--button-hover-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;height:100%}.app{position:relative;width:100%;height:100%}.canvas{width:100%!important;height:100%!important}.controlBar{position:absolute;left:calc(12px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));max-width:900px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059}.controlBar.collapsed{max-width:520px;padding:8px 10px}.controlRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.compactMeta{font-size:11px;opacity:.82;font-variant-numeric:tabular-nums}.controlLabel{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.02em;color:var(--app-fg)}.controlInput{appearance:none;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:6px 8px;color:inherit}.controlInput:focus{outline:none;border-color:var(--button-hover-border);box-shadow:0 0 0 4px var(--focus-ring)}.controlRange{width:220px}.scrubRow{padding-top:4px}.scrubRange{width:min(860px,100%)}.controlButton{padding:7px 10px;font-size:12px;border:1px solid var(--button-border);border-radius:10px;color:var(--app-fg)}.controlButton.primary{border-color:var(--button-hover-border);background:color-mix(in srgb,var(--button-bg) 65%,var(--link) 35%)}.controlButton:hover{border-color:var(--button-hover-border)}.controlToggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--app-fg)}.controlSelect{appearance:none;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:6px 8px;color:inherit}.controlSelect:focus{outline:none;border-color:var(--button-hover-border);box-shadow:0 0 0 4px var(--focus-ring)}.selectedBody{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--app-fg);min-width:280px}.selectedGlyph{font-size:16px;line-height:1;color:var(--app-fg)}.selectedLabel{font-weight:600;letter-spacing:.02em}.selectedStats{opacity:.9;white-space:nowrap}.distanceStats{display:inline-flex;align-items:center;gap:8px;opacity:.9;white-space:nowrap}.distanceStatsLabel{opacity:.9}.distanceGauge{width:90px;height:6px;border-radius:999px;background:var(--input-bg);border:1px solid var(--input-border);overflow:hidden}.distanceGaugeFill{display:block;height:100%;border-radius:999px}.distanceStatsRange{opacity:.7;font-variant-numeric:tabular-nums}.synodicDial{display:inline-flex;align-items:center;gap:10px;padding:2px 0}.synodicDialSvg{display:block;flex:0 0 auto}.synodicDialCaption{display:flex;flex-direction:column;gap:2px;min-width:150px}.synodicDialCaptionTitle{font-weight:600;letter-spacing:.02em}.synodicDialCaptionValue{font-variant-numeric:tabular-nums;opacity:.9}.synodicDialCaptionHint{opacity:.7;font-size:11px}.eventRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.eventNavButton{appearance:none;padding:5px 10px;border-radius:999px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--app-fg);font-size:11px;cursor:pointer}.eventNavButton:disabled{opacity:.45;cursor:not-allowed}.eventNavButton:hover:not(:disabled){border-color:var(--button-hover-border)}.eventNavButton:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.eventChips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.eventChip{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--app-fg);font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer}.eventChip:hover{border-color:var(--button-hover-border)}.eventChip:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.eventChip.past{opacity:.65}.eventChip.next{border-color:var(--link);background:color-mix(in srgb,var(--input-bg) 70%,var(--link) 30%)}.eventChipLabel{font-weight:700}.eventChipTime{opacity:.85}.selectedBodyHint{font-size:12px;opacity:.7}.spacer{flex:1}@media(max-width:720px){.controlBar{left:calc(8px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));padding:8px 10px}.controlRange{width:180px}.controlButton{padding:9px 12px}.controlInput,.controlSelect{padding:8px 10px}.controlToggle input[type=checkbox]{width:18px;height:18px}}