.hero{position: relative;z-index: 1;min-height: 100vh;min-height: 100svh;overflow: hidden;isolation: isolate;background: radial-gradient(900px 600px at 78% -8%,var(--page-glow-1),transparent 62%),radial-gradient(800px 520px at 8% 108%,var(--page-glow-2),transparent 60%),var(--bg);color: var(--text)}.hero #stars{position: absolute;z-index: 0}.stage{position: absolute;inset: 0;z-index: 1}#orrery{position: absolute;inset: 0;width: 100%;height: 100%;display: block;cursor: grab;touch-action: pan-y;outline: none;-webkit-tap-highlight-color: transparent}#orrery.grabbing{cursor: grabbing}#orrery:focus-visible{outline: 2px solid var(--focus-color);outline-offset: -4px}.hero-copy{position: absolute;z-index: 2;inset-inline-start: clamp(20px,4vw,56px);top: clamp(28px,7vh,72px);max-width: min(560px,46vw);pointer-events: none}.hero-copy h1{font-size: var(--fs-6);line-height: 1.04;font-weight: 500;letter-spacing: -0.025em;text-wrap: balance}:lang(hi) .hero-copy h1{line-height: 1.25;letter-spacing: 0;font-size: clamp(2rem,1.1rem + 2.6vw,3.1rem)}.hero-copy .sub{margin: 18px 0 0;color: var(--muted);font-size: var(--fs-1);max-width: 30rem}.hero-copy .no-js-note:empty,.hero-copy .no-js-note{margin-top: 8px}.zoom{position: absolute;z-index: 3;inset-inline-start: clamp(20px,4vw,56px);top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 8px}.zoom button{width: var(--tap);height: var(--tap);border-radius: 50%;border: 1px solid var(--line-strong);background: var(--surface);backdrop-filter: blur(12px);cursor: pointer;font: 400 20px/1 var(--font-sans);color: var(--text)}.zoom button:hover{border-color: var(--accent);color: var(--accent-hi)}.telemetry{position: absolute;z-index: 3;inset-inline-end: 24px;top: 24px;bottom: 196px;width: 340px;padding: 18px 18px 8px;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--line-strong) transparent}.telemetry h2{font: 600 11px/1 var(--font-mono);letter-spacing: .2em;text-transform: uppercase;color: var(--muted);margin: 0 0 12px}:lang(hi) .telemetry h2{letter-spacing: 0.04em;text-transform: none;font-size: 0.85rem}.telemetry section{padding-bottom: 14px;margin-bottom: 12px;border-bottom: 1px solid var(--line)}.telemetry section:last-child{border-bottom: 0;margin-bottom: 0}.moon-block{display: flex;align-items: center;gap: 16px}.moon-block canvas{width: 64px;height: 64px;flex: 0 0 64px}.moon-block strong{display: block;font-weight: 500;font-size: 1.15rem}.moon-block span{color: var(--muted);font: 400 13px var(--font-mono)}.moon-wrap h2{margin-bottom: 10px}dl.pan{margin: 0;display: grid;grid-template-columns: auto 1fr;gap: 7px 14px;font-size: 14px}dl.pan dt{color: var(--muted)}dl.pan dd{margin: 0;text-align: end;font-variant-numeric: tabular-nums}.pan-place{margin: 12px 0 0;color: var(--muted);font-size: 12px}.detail{background: var(--accent-soft);border: 1px solid var(--accent-line) !important;border-radius: 12px;padding: 14px 14px 12px !important;position: relative}.detail .d-name{font-size: 1.4rem;font-weight: 500}.detail .d-sign{margin-top: 2px;font-family: var(--font-mono);font-size: 14px;color: var(--accent-hi)}.detail .d-nak{margin-top: 6px;font-size: 14px}.detail .d-flags{margin-top: 6px;color: var(--accent);font: 500 12px var(--font-mono);letter-spacing: .06em;text-transform: uppercase;min-height: 1em}.detail .d-lon{margin-top: 6px;color: var(--muted);font: 400 12px var(--font-mono)}.detail-close{position: absolute;inset-inline-end: 4px;top: 4px;width: var(--tap);height: var(--tap);border-radius: 50%;border: 0;background: transparent;cursor: pointer;line-height: 1;font-size: 1.3rem}.detail-close:hover{color: var(--accent-hi)}ul.grahas{list-style: none;margin: 0;padding: 0}.graha-row{display: grid;grid-template-columns: 1.15fr 1.1fr auto 14px;gap: 8px;width: calc(100% + 16px);min-height: 40px;padding: 6px 8px;margin: 0 -8px;text-align: start;align-items: center;background: transparent;border: 0;border-radius: 8px;cursor: pointer;font-size: 14px}.graha-row:hover{background: var(--surface-2)}.graha-row.on{background: var(--accent-soft)}.graha-row .g-name{font-weight: 500}.graha-row .g-sign{color: var(--muted)}.graha-row .g-deg{font: 400 13px var(--font-mono)}.graha-row .g-flag{font: 700 11px var(--font-mono);color: var(--accent);text-align: center}.panel.stale .pan,.panel.stale .grahas{opacity: .45;transition: opacity .2s}.timebar{position: absolute;z-index: 4;inset-inline: clamp(20px,4vw,56px);bottom: 24px;padding: 12px 16px 14px;display: grid;gap: 10px;transition: border-color .2s}.timebar.busy{border-color: var(--accent-line)}.tb-row{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px}.t-pill{display: inline-flex;align-items: center;gap: 8px;font: 600 13px var(--font-mono);letter-spacing: .06em;min-width: 7.5em}.t-pill .dotl{width: 8px;height: 8px;border-radius: 50%;background: var(--muted)}.t-pill.on .dotl{background: var(--ok);box-shadow: 0 0 10px var(--ok)}.t-local{font: 400 13px var(--font-mono);color: var(--muted)}.seg{display: inline-flex;gap: 4px}.seg button,.tb-btn{background: var(--surface-2);border: 1px solid var(--line);border-radius: 8px;padding: 6px 10px;cursor: pointer;font: 500 12px var(--font-mono);color: var(--text);letter-spacing: .04em}.seg button:hover,.tb-btn:hover{border-color: var(--accent);color: var(--accent-hi)}.tb-btn.on,.tb-btn[aria-pressed="true"]{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.tb-btn.go{background: var(--accent);border-color: var(--accent);color: var(--on-accent);font-weight: 700}input[type="text"]{min-width: 12em}.scrub-wrap{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 12px;font: 400 11px var(--font-mono);color: var(--muted)}input[type="range"]{width: 100%;accent-color: var(--accent);height: 28px;background: transparent}.place-box{position: relative}.place-list{position: absolute;z-index: 10;bottom: calc(100% + 6px);inset-inline-start: 0;min-width: 100%;max-width: 360px;margin: 0;padding: 6px;list-style: none;background: var(--surface-solid);border: 1px solid var(--line-strong);border-radius: 10px;max-height: 240px;overflow: auto}.place-list li{display: flex;align-items: center;padding: 0 10px;min-height: var(--tap);border-radius: 6px;cursor: pointer;font-size: 14px}.place-list li:hover,.place-list li.on{background: var(--accent-soft)}.status-line{margin: 0;min-height: 1.2em;font: 400 12px var(--font-mono);color: var(--muted)}.status-line.error{color: var(--danger)}.sky-error{position: absolute;z-index: 5;left: 50%;top: 45%;transform: translateX(-50%);text-align: center;color: var(--danger);background: var(--surface-solid);padding: 14px 20px;border-radius: 12px}@media (pointer: coarse){.seg button,.tb-btn,select,input[type="text"],input[type="datetime-local"]{min-height: var(--tap)}.seg button,.tb-btn{min-width: var(--tap)}.graha-row{min-height: var(--tap)}}.hero.is-table{min-height: 0;display: block}.hero.is-table .stage,.hero.is-table .zoom,.hero.is-table #stars{display: none}.hero.is-table .hero-copy,.hero.is-table .telemetry,.hero.is-table .timebar{position: relative;inset: auto;max-width: none;width: auto;margin: 14px clamp(20px,4vw,56px)}.hero.is-table .hero-copy{margin-top: 0;padding-top: 28px;pointer-events: auto}.hero.is-table .telemetry{overflow: visible}.below-sections .apiband{display: grid;grid-template-columns: 1.1fr 1fr;gap: 28px;align-items: center;padding: clamp(24px,4vw,44px)}.apiband h2{margin-bottom: 12px}.apiband p{max-width: 30rem}pre.code .k{color: var(--code-key)}pre.code .s{color: var(--code-str)}.home .page{padding-top: clamp(2rem,5vw,4rem)}@media (max-width: 1100px){.telemetry{width: 300px}.hero-copy{max-width: 40vw}}@media (max-width: 760px){.hero{min-height: 0;display: flex;flex-direction: column;padding-bottom: 12px}.hero-copy{position: relative;inset: auto;max-width: none;padding: 26px 20px 0;z-index: 2;order: 0;pointer-events: auto}.hero-copy h1{font-size: 2rem}.hero-copy .sub{font-size: .95rem;margin-top: 10px}.stage{position: relative;inset: auto;height: 44vh;min-height: 330px;order: 1}.zoom{inset-inline-start: auto;inset-inline-end: 14px;top: auto;bottom: 12px;transform: none;flex-direction: row}.timebar{position: relative;order: 2;inset: auto;margin: 0 14px}.telemetry{position: relative;order: 3;inset: auto;width: auto;margin: 14px;max-height: none;overflow: visible}.scrub-wrap{grid-template-columns: 1fr}.scrub-wrap span{display: none}.below-sections .apiband{grid-template-columns: 1fr}input[type="text"]{min-width: 0;width: 100%}.place-box{flex: 1 1 100%}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 520px){.stage{height: 92vh;min-height: 260px}.hero-copy h1{font-size: 1.5rem}}