:root{color-scheme:dark;--bg-ink: #04070d;--panel: rgba(11, 17, 28, .72);--panel-stroke: rgba(139, 159, 191, .24);--panel-soft: rgba(19, 28, 43, .58);--text-main: #eef4ff;--text-soft: #b8c7df;--accent: #ffb56d;--accent-strong: #ffd37d;--button: rgba(255, 255, 255, .08);--button-hover: rgba(255, 255, 255, .14);--button-active: rgba(255, 196, 131, .22);font-family:Trebuchet MS,Avenir Next,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{background:radial-gradient(circle at top,rgba(121,69,40,.22),transparent 38%),linear-gradient(180deg,#05070b,#0e131d);color:var(--text-main);overflow:hidden}button,input{font:inherit}.loading-state,.mars-viewer{position:relative;width:100vw;height:100vh}.loading-state{display:grid;place-content:center;gap:.4rem;padding:2rem;text-align:center;background:radial-gradient(circle at center,rgba(191,121,66,.15),transparent 36%),linear-gradient(180deg,#05070b,#0f1520)}.loading-state--error{background:radial-gradient(circle at center,rgba(180,70,55,.18),transparent 36%),linear-gradient(180deg,#07070b,#17121a)}.eyebrow{margin:0;color:var(--accent);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase}.loading-state h1,.hud-copy h1{margin:0;font-size:clamp(1.8rem,2vw + 1rem,3rem);letter-spacing:.02em}.loading-state p,.hud-copy p{margin:0;color:var(--text-soft)}.mars-viewer{cursor:grab;-webkit-user-select:none;user-select:none}.mars-viewer.is-dragging{cursor:grabbing}.viewer-canvas{width:100%;height:100%;display:block}.hud-panel{position:absolute;z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#0f1725c2,#0a0f1999);border:1px solid var(--panel-stroke);border-radius:22px;transition:opacity .18s ease,transform .18s ease;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0a}.hud-toggle{position:absolute;top:24px;right:24px;z-index:3;min-height:40px;padding:0 .9rem;border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud-toggle[aria-pressed=false]{background:#ffc4832e;border-color:#ffc7806b;color:var(--accent-strong)}.hud-panel--top{top:80px;left:24px;width:min(760px,calc(100vw - 128px));display:grid;gap:1rem;padding:1rem 1.1rem}.project-about{position:fixed;top:24px;left:24px;z-index:4;max-width:min(480px,calc(100vw - 48px));border:1px solid var(--panel-stroke);border-radius:14px;background:#0b111c;color:var(--text-main)}.project-about summary{cursor:pointer;padding:.65rem .9rem;min-height:44px}.project-about-content{padding:0 1rem .5rem;max-height:calc(100dvh - 120px);overflow-y:auto;line-height:1.6}.project-about h2{font-size:1.25rem}.project-about p{color:var(--text-soft)}.project-about a{color:var(--accent);text-underline-offset:3px}.project-about a:focus-visible,.project-about summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hud-panel--bottom{left:50%;bottom:24px;transform:translate(-50%);width:min(680px,calc(100vw - 48px));padding:.9rem .95rem}.hud-panel--moon{right:24px;bottom:24px;width:244px;padding:.9rem;display:grid;gap:.7rem}.hud-copy{display:grid;gap:.35rem;max-width:480px}.subtle{font-size:.95rem}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}.field{display:grid;gap:.38rem}.field span{color:var(--text-soft);font-size:.8rem;letter-spacing:.03em}.field--readonly strong{display:inline-flex;align-items:center;min-height:44px;padding:0 .95rem;border-radius:14px;background:#ffffff0d}.utc-input,.ghost-button,.primary-button,.speed-chip{min-height:44px;padding:0 .95rem;border-radius:14px;border:1px solid transparent;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,opacity .14s ease}.utc-input{background:#ffffff0d;border-color:#ffffff14;color:var(--text-main)}.ghost-button,.speed-chip{background:var(--button);border-color:#ffffff0f;color:var(--text-main)}.ghost-button:hover,.primary-button:hover,.speed-chip:hover,.utc-input:hover,.utc-input:focus{transform:translateY(-1px);background:var(--button-hover);border-color:#ffffff29;outline:none}.primary-button{background:linear-gradient(135deg,#ffac57f2,#ffd280d9);color:#271707;border-color:#ffd6a080;font-weight:700}.speed-chip.is-active{background:var(--button-active);border-color:#ffc7806b;color:var(--accent-strong)}.controls-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.controls-row--projection{align-items:center}.controls-label{color:var(--text-soft);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.controls-row+.controls-row{margin-top:.7rem}.moon-card{display:grid;grid-template-columns:72px 1fr;gap:.85rem;align-items:center;padding:.8rem;border-radius:18px;background:var(--panel-soft);border:1px solid rgba(255,255,255,.06);transition:opacity .16s ease}.moon-card.is-hidden{opacity:.7}.moon-canvas{width:72px;height:72px;display:block}.moon-meta{display:grid;gap:.18rem}.moon-meta strong{font-size:1rem}.moon-meta span{color:var(--text-soft);font-size:.86rem}.mars-viewer.is-hud-hidden .hud-panel{opacity:0;pointer-events:none}.mars-viewer.is-hud-hidden .hud-panel--top{transform:translateY(-18px)}.mars-viewer.is-hud-hidden .hud-panel--bottom{transform:translate(-50%,18px)}.mars-viewer.is-hud-hidden .hud-panel--moon{transform:translate(18px)}@media (max-width: 980px){.project-about{top:16px;left:16px;max-width:calc(100vw - 32px)}.hud-toggle{top:16px;right:16px}.hud-panel--top{top:68px;left:16px;width:calc(100vw - 32px)}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-panel--bottom{bottom:16px;width:min(680px,calc(100vw - 32px))}.hud-panel--moon{right:16px;bottom:180px}}@media (max-width: 720px){.meta-grid{grid-template-columns:minmax(0,1fr)}.hud-panel--moon{left:16px;right:16px;width:auto;bottom:192px}}