:root{--bg:#080b18;--panel:#10162a;--line:rgba(190,205,255,.13);--text:#f4f5ff;--muted:#a4abc3;--purple:#a78bfa;--cyan:#7de7ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}.starfield{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(1px 1px at 10% 20%,#fff 99%,transparent),radial-gradient(1px 1px at 70% 30%,#b9c7ff 99%,transparent),radial-gradient(1px 1px at 40% 80%,#fff 99%,transparent),radial-gradient(2px 2px at 90% 70%,#c8b7ff 99%,transparent);background-size:230px 190px,310px 260px,270px 230px,390px 310px;z-index:-1}.topbar{height:82px;max-width:1200px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 20px "Space Grotesk";letter-spacing:2px;color:white;text-decoration:none}.brand-mark{color:var(--cyan);font-size:25px;vertical-align:-2px;margin-right:7px}.topbar nav{display:flex;gap:36px}.topbar nav a,.nav-cta,.text-link{color:#d4d8e9;text-decoration:none;font-size:13px}.topbar nav a:hover,.text-link:hover{color:var(--cyan)}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:11px 17px}.nav-cta span{color:var(--cyan);margin-left:8px}.hero{max-width:1200px;min-height:590px;margin:auto;padding:75px 30px 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--cyan);font-weight:700}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7de7ed;box-shadow:0 0 12px #7de7ed;margin-right:9px}.hero h1,h2{font:600 clamp(45px,6vw,76px)/1.04 "Space Grotesk";letter-spacing:-3px;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-text{max-width:480px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;border:0;border-radius:30px;padding:14px 21px;font:600 13px "DM Sans";cursor:pointer}.primary{background:linear-gradient(110deg,#9d86f4,#73dce7);color:#090d1b}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.text-link{font-weight:600}.text-link span{color:var(--cyan);margin-left:8px}.hero-note{margin-top:47px;color:#8d96b2;font-size:11px;letter-spacing:.4px}.tiny-orbit{color:var(--purple);font-size:18px;margin-right:9px}.hero-art{height:430px;position:relative;display:grid;place-items:center;isolation:isolate}.glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#6b4bd4 0,#3a2a81 28%,rgba(28,39,91,.4) 54%,transparent 72%);filter:blur(10px);z-index:-1}.planet{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f2d4ff,#9a6bdc 22%,#40316e 55%,#141a3b 75%);box-shadow:inset -25px -18px 35px #050817,0 0 50px #9871ed66}.planet-large{width:235px;height:235px;transform:translate(10px,4px)}.planet-small{width:54px;height:54px;background:radial-gradient(circle at 30% 30%,#d7ffff,#5bbacb 35%,#1a3158 75%);transform:translate(150px,-125px);box-shadow:0 0 35px #5bdce6aa}.orbit{position:absolute;border:1px solid #b7a3ff45;border-radius:50%;width:390px;height:145px;transform:rotate(-28deg)}.orbit-two{width:440px;height:210px;transform:rotate(35deg);border-color:#75dce633}.art-label{position:absolute;font-size:9px;letter-spacing:2px;color:#aab5d4}.label-top{top:38px;right:5px}.label-bottom{bottom:35px;left:15px}.spark{position:absolute;color:#c5b8ff}.s1{top:80px;left:80px}.s2{right:55px;bottom:90px}.s3{top:170px;right:10px;font-size:30px}.stats{max-width:1140px;margin:0 auto;padding:28px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats div{padding:4px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.stats div:last-child{border:0}.stats strong{font:600 27px "Space Grotesk";color:#fff}.stats span{font-size:11px;color:var(--muted)}.section{max-width:1140px;margin:auto;padding:115px 25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.mission h2,.compare h2{font-size:48px;margin:15px 0 0}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.8}.search-panel{background:linear-gradient(120deg,#111a32,#111326);border:1px solid var(--line);border-radius:17px;padding:23px;margin-bottom:22px}.search-panel label{font-size:12px;color:#d8def0;font-weight:600}.search-row{display:flex;align-items:center;margin-top:12px;background:#090f20;border:1px solid var(--line);border-radius:10px;padding:6px 7px 6px 14px}.search-icon{font-size:24px;color:#9b8be5}.search-row input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:white;padding:10px;font:14px "DM Sans"}.search-row input::placeholder{color:#68728f}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.chip{background:transparent;border:1px solid var(--line);border-radius:30px;color:#aeb7d1;padding:8px 13px;font:11px "DM Sans";cursor:pointer}.chip.active,.chip:hover{background:#a78bfa1c;border-color:#a78bfa;color:#d9caff}.object-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.object-card{background:#101629;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}.object-card:hover{transform:translateY(-5px);border-color:#9c8ce6aa}.object-image{height:155px;position:relative;overflow:hidden}.object-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090d1a99,transparent 55%)}.object-image>span{position:absolute;bottom:13px;left:14px;z-index:1;font-size:9px;letter-spacing:1.5px;color:#e5e7ff}.galaxy-image{background:radial-gradient(ellipse at 52% 45%,#f6c7e8 0 2%,#a56bca 7%,#54418d 16%,transparent 44%),radial-gradient(ellipse at 52% 45%,transparent 22%,#7864bd 23%,transparent 26%),linear-gradient(135deg,#111c3a,#301b4a 55%,#10172d)}.nebula-image{background:radial-gradient(ellipse at 65% 45%,#ffb18e 0 4%,#c55b91 15%,transparent 45%),radial-gradient(ellipse at 30% 65%,#5546b5,transparent 48%),#10182e}.star-image{background:radial-gradient(circle at 55% 45%,#fff 0 2%,#ffe9b0 4%,#f4a65f 9%,#6c4f94 18%,transparent 39%),linear-gradient(130deg,#111a32,#241b43)}.universe-image{background:radial-gradient(circle at 30% 40%,#d4c1ff 0 1px,transparent 2px),radial-gradient(circle at 65% 30%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 50% 55%,#354e9c,transparent 50%),#080f24;background-size:28px 28px,35px 35px,auto,auto}.object-info{padding:15px;display:flex;justify-content:space-between;align-items:center}.object-info h3{font:600 16px "Space Grotesk";margin:0 0 5px}.object-info p{font-size:10px;color:var(--muted);margin:0}.card-arrow{color:var(--cyan)}.data-note,.empty-state{font-size:11px;color:#8993ae;margin-top:19px}.data-note span{color:var(--cyan);margin-right:5px}.mission{max-width:1140px;margin:0 auto 100px;padding:65px 55px;background:linear-gradient(115deg,#121a33,#17152c);border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.mission-visual{height:280px;display:grid;place-items:center;position:relative}.scan-ring{width:230px;height:230px;border-radius:50%;border:1px solid #8c82d477;box-shadow:0 0 0 18px #9d8cf00b,0 0 0 48px #9d8cf008,0 0 65px #8b79df33;position:absolute}.scan-ring:before,.scan-ring:after{content:"";position:absolute;inset:22px;border:1px dashed #8b9bc866;border-radius:50%}.scan-ring:after{inset:55px;border-style:solid;border-color:#70dce655}.scan-core{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#a4f3f0,#6d63c7 42%,#1c224d 75%);font:700 14px "Space Grotesk";letter-spacing:1px;box-shadow:0 0 55px #8e80e777}.scan-caption{position:absolute;bottom:3px;font-size:9px;letter-spacing:2px;color:#9da8c7}.mission h2{font-size:43px}.mission-copy p,.compare p{color:var(--muted);font-size:13px;line-height:1.9;margin:22px 0}.compare{max-width:1090px;margin:0 auto;padding:0 25px 105px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.compare h2{font-size:44px}.outline{border:1px solid #a78bfa88;color:#e6dcff;background:transparent}.outline:hover{background:#a78bfa18}footer{max-width:1140px;margin:auto;border-top:1px solid var(--line);padding:28px 25px 35px;display:flex;align-items:center;justify-content:space-between}footer span,footer>a:last-child{font-size:11px;color:#8f98b1;text-decoration:none}@media(max-width:760px){.topbar{height:68px;padding:0 19px}.topbar nav{display:none}.brand{font-size:17px}.nav-cta{font-size:11px;padding:9px 12px}.hero{padding:65px 22px 30px;grid-template-columns:1fr;gap:0}.hero h1{font-size:57px}.hero-text{font-size:14px}.hero-art{height:310px;transform:scale(.85);margin-top:-5px}.stats{grid-template-columns:repeat(2,1fr);padding:20px 12px}.stats div{padding:13px 15px;border-bottom:1px solid var(--line)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(3),.stats div:nth-child(4){border-bottom:0}.section{padding:80px 19px}.section-heading{display:block}.section-heading h2,.mission h2,.compare h2{font-size:39px}.section-heading>p{margin-top:15px}.search-panel{padding:16px}.search-row .button{padding:12px;font-size:11px;gap:8px}.object-grid{grid-template-columns:repeat(2,1fr);gap:10px}.object-image{height:125px}.object-info{padding:12px}.object-info h3{font-size:14px}.object-info p{font-size:9px;line-height:1.5}.mission{margin:0 15px 75px;padding:30px 22px;grid-template-columns:1fr;gap:25px}.mission-visual{height:230px}.scan-ring{width:190px;height:190px}.compare{padding:0 22px 75px;grid-template-columns:1fr;gap:0}footer{padding:25px 20px;gap:15px;flex-wrap:wrap}footer span{order:3;width:100%}}@media(max-width:380px){.hero h1{font-size:48px}.object-grid{grid-template-columns:1fr}.object-image{height:160px}}
/* Live SPHEREx archive search */
.live-search-panel{margin:28px 0 24px;padding:26px;background:linear-gradient(125deg,#121d37,#111426);border:1px solid #8c83c044;border-radius:17px}.live-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.live-heading h3{font:600 25px "Space Grotesk";margin:10px 0 7px}.live-heading p{font-size:12px;line-height:1.7;color:var(--muted);max-width:560px;margin:0}.live-tag{white-space:nowrap;border:1px solid #70dce644;border-radius:30px;padding:8px 11px;color:#9be9e9;font-size:9px;letter-spacing:1.2px}.live-tag i{display:inline-block;width:6px;height:6px;background:#75e5c2;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #75e5c2}.coordinate-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:23px}.coordinate-form label{font-size:11px;color:#dbe1f4;font-weight:600}.coordinate-form input,.coordinate-form select{display:block;width:100%;margin-top:8px;background:#080e20;color:#f4f5ff;border:1px solid var(--line);border-radius:8px;padding:12px;font:13px "DM Sans";outline:none}.coordinate-form input:focus,.coordinate-form select:focus{border-color:#9e8df2}.coordinate-form small{display:block;margin-top:5px;color:#8994b2;font-size:9px;font-weight:400}.archive-submit{white-space:nowrap;height:43px}.coordinate-example{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}.coordinate-example span{font-size:9px;letter-spacing:1.2px;color:#8290b1}.coordinate-example button{background:#a78bfa18;border:1px solid #a78bfa55;color:#d7caff;border-radius:20px;padding:7px 11px;font:10px "DM Sans";cursor:pointer}.archive-status{margin-top:19px;padding:12px 14px;border-radius:8px;background:#080e20;color:#aab5d0;font-size:11px;line-height:1.6}.archive-status.error{color:#ffc1c1}.archive-status.success{color:#9be9cf}.archive-results{display:grid;gap:9px;margin-top:12px}.archive-result{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;background:#0a1022;border:1px solid var(--line);border-radius:9px}.archive-result strong{display:block;font:600 12px "Space Grotesk";overflow-wrap:anywhere}.archive-result span{display:block;color:#8994b2;font-size:10px;margin-top:5px}.archive-result a{color:var(--cyan);font-size:11px;text-decoration:none;white-space:nowrap}.archive-result a:hover{text-decoration:underline}.archive-fallback{display:inline-block;margin-top:13px;color:#bbaaff;font-size:11px;text-decoration:none}.archive-fallback:hover{text-decoration:underline}
@media(max-width:760px){.live-search-panel{padding:18px;margin-top:20px}.live-heading h3{font-size:21px}.coordinate-form{grid-template-columns:1fr 1fr}.coordinate-form label:nth-child(3){grid-column:1/-1}.archive-submit{grid-column:1/-1;width:100%}.archive-result{align-items:flex-start}.archive-result a{white-space:normal;text-align:right}}

/* Clickable topic cards and their detail dialog */
.object-card{appearance:none;-webkit-appearance:none;width:100%;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer;display:block}
.object-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.topic-dialog{width:min(540px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:34px;border:1px solid #a78bfa66;border-radius:20px;background:linear-gradient(145deg,#151d38,#0c1021);color:var(--text);box-shadow:0 24px 90px #000a}
.topic-dialog::backdrop{background:#030611c9;backdrop-filter:blur(5px)}
.topic-dialog h2{font:600 clamp(32px,6vw,46px)/1.1 "Space Grotesk";letter-spacing:-1.5px;margin:14px 0}
.topic-dialog>p{font-size:14px;line-height:1.85;color:#b2bad1}
.dialog-close{float:right;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#ffffff0b;color:#fff;font-size:24px;cursor:pointer}
.dialog-fact{margin:22px 0;padding:17px;background:#080e20;border:1px solid var(--line);border-radius:12px}
.dialog-fact strong{font:600 14px "Space Grotesk";color:#bbaaff}
.dialog-fact p{font-size:12px;line-height:1.8;color:#aab4ce;margin:9px 0 0}
.topic-dialog .button{margin-top:3px}
@media(max-width:480px){.topic-dialog{padding:25px 21px}}

/* Time comparison interface */
.time-machine-panel{margin-top:22px;padding:26px;background:linear-gradient(125deg,#15172f,#10182d);border:1px solid #8c83c055;border-radius:17px}.time-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:22px}.time-side{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;background:#080e20;border:1px solid var(--line);border-radius:11px}.time-side-title{grid-column:1/-1;color:#bdaeff;font-size:9px;letter-spacing:1.5px;font-weight:700}.time-side label{font-size:10px;color:#dbe1f4}.time-side input{display:block;width:100%;margin-top:7px;padding:10px 8px;background:#111a30;border:1px solid var(--line);border-radius:7px;color:#fff;font:11px "DM Sans";color-scheme:dark}.time-submit{white-space:nowrap;min-height:44px}.time-hint,.time-disclaimer{color:#8f9ab7;font-size:10px;line-height:1.7}.time-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.time-results-grid h4{font:600 11px "Space Grotesk";letter-spacing:1px;color:#dcd5ff}.time-results-grid h4 span{display:block;margin-top:5px;color:#8e9ab8;font:10px "DM Sans";letter-spacing:0}.time-empty{color:#9ba6c2;font-size:11px;padding:10px}.time-disclaimer{margin:17px 0 0}
@media(max-width:760px){.time-machine-panel{padding:18px}.time-form{grid-template-columns:1fr}.time-side{grid-template-columns:1fr 1fr}.time-submit{width:100%}.time-results-grid{grid-template-columns:1fr}}

.position-test-button{margin-top:12px;width:100%;min-height:42px;border:1px solid #a78bfa66;border-radius:10px;background:#171d35;color:#d9d3ff;font:600 12px "DM Sans";cursor:pointer}.position-test-button:disabled{opacity:.6;cursor:wait}#position-only-results{margin-top:10px}

/* Keep the primary comparison prominent; troubleshooting stays tucked away. */
.diagnostics-panel{margin-top:22px;padding:15px 17px;border:1px solid #8c83c044;border-radius:12px;background:#0b1124}
.diagnostics-panel summary{cursor:pointer;color:#bdb3f5;font:600 12px "DM Sans";list-style:none}
.diagnostics-panel summary::-webkit-details-marker{display:none}
.diagnostics-panel summary::after{content:"＋";float:right;color:#9c8cff}
.diagnostics-panel[open] summary::after{content:"−"}
.diagnostics-panel .archive-status{margin-top:12px}
.results-toggle{margin-top:9px;padding:10px 13px;border:1px solid #8c83c055;border-radius:9px;background:#171d35;color:#c9c0ff;font:600 11px "DM Sans";cursor:pointer}
.archive-result[hidden]{display:none}

/* Side-by-side real SPHEREx FITS previews */
.image-comparison{margin:24px 0;padding:20px;background:#0c1328;border:1px solid #8b83c044;border-radius:15px}
.image-comparison-heading h4{margin:6px 0;color:#f1f3ff;font:600 19px "Space Grotesk"}
.image-comparison-heading p{margin:0;color:#9da8c2;font-size:12px;line-height:1.6}
.image-panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.image-pane{min-width:0;padding:12px;background:#080e20;border:1px solid #ffffff16;border-radius:11px}
.image-pane h5{margin:0 0 9px;color:#c6b9ff;font:700 10px "DM Sans";letter-spacing:1.4px}
.fits-image-wrap{position:relative;display:block;width:100%;min-width:0;min-height:145px;overflow:hidden;background:#050914;border-radius:8px}
.fits-image-wrap canvas{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:260px;object-fit:contain}
.fits-image-wrap span{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:18px;color:#8d98b5;font-size:12px;text-align:center;line-height:1.55;overflow-wrap:anywhere}
.fits-image-wrap span[hidden]{display:none}

.image-status{min-height:28px;margin:9px 0 0;color:#9ba6c2;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.preview-image-button{display:inline-flex;margin-top:8px;padding:7px 10px;border:1px solid #8f83e966;border-radius:8px;background:#171d35;color:#cfc5ff;font:600 10px "DM Sans";cursor:pointer}
.archive-result{flex-wrap:wrap}
@media(max-width:600px){.image-comparison{padding:14px}.image-panes{grid-template-columns:1fr}.fits-image-wrap{min-height:180px}.fits-image-wrap canvas{max-height:300px}}

.fits-image-wrap{width:100%;min-width:0;min-height:180px;display:flex;align-items:center;justify-content:center}
.fits-image-wrap span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;padding:20px;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.fits-image-wrap span[hidden]{display:none}
.image-fallback-link{display:inline-block;margin-top:8px;color:#8fe4ee;font-size:11px;overflow-wrap:anywhere}
@media(max-width:600px){.image-panes{grid-template-columns:minmax(0,1fr)}.image-pane{min-width:0}.fits-image-wrap span{padding:18px}}

/* Animated Three.js galaxy background */
#galaxy-scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}
.topbar,main,footer{position:relative;z-index:1}

/* Contrast and background visibility tune */
:root{--muted:#c0c9df;--line:rgba(190,205,255,.2)}
.hero-text,.section-heading>p,.mission-copy p,.compare p{color:#c0c9df}
.hero-note,.stats span,.data-note,.empty-state{color:#aebbd6}
.live-search-panel,.time-machine-panel,.search-panel,.mission{
  background:linear-gradient(125deg,rgba(19,29,55,.78),rgba(13,17,38,.72));
  backdrop-filter:blur(7px);
}
.image-comparison{background:rgba(12,19,40,.78)}
.archive-status,.time-side,.image-pane,.diagnostics-panel{background:rgba(7,13,30,.76)}
.coordinate-form small,.time-hint,.time-disclaimer,.archive-result span{color:#aebbd2}
#galaxy-scene{opacity:1}
@media(max-width:760px){
  .live-search-panel,.time-machine-panel,.search-panel{backdrop-filter:blur(5px)}
}


/* Warm stellar palette — tuned to the gold/amber galaxy field */
:root{
  --text:#fff8e9;
  --muted:#d4c8b5;
  --purple:#ffc15a;
  --cyan:#ffd27a;
  --line:rgba(255,204,120,.19);
}
.brand-mark,.card-arrow,.text-link span,.data-note span{color:#ffd27a}
.topbar nav a:hover,.text-link:hover{color:#ffd27a}
.eyebrow{color:#ffd27a}
.pulse{background:#ffd27a;box-shadow:0 0 12px #ffb52a}
.hero h1 em,h2 em{color:#ffc15a}
.primary{background:linear-gradient(110deg,#ffb52a,#ffe09a);color:#211407}
.primary:hover{filter:brightness(1.08)}
.nav-cta span{color:#ffd27a}
.nav-cta:hover{border-color:#ffd27a88}
.chip.active,.chip:hover{background:#ffbf3a18;border-color:#ffc15a;color:#ffe2ad}
.coordinate-form input:focus,.coordinate-form select:focus{border-color:#ffc15a}
.live-tag{border-color:#ffd27a55;color:#ffe0a0}
.live-tag i{background:#ffd27a;box-shadow:0 0 8px #ffd27a}
.coordinate-example button{background:#ffbf3a12;border-color:#ffc15a55;color:#ffe0a0}
.archive-result a,.image-fallback-link{color:#ffd27a}
.time-side-title,.time-results-grid h4{color:#ffcf80}
.preview-image-button,.results-toggle{border-color:#ffc15a55;background:#241b16;color:#ffe0ad}
.position-test-button{border-color:#ffc15a55;background:#241b16;color:#ffe0ad}
.diagnostics-panel summary{color:#ffcf80}
.dialog-fact strong{color:#ffd27a}
.outline{border-color:#ffc15a88;color:#ffe3b4}
.scan-core{background:radial-gradient(circle at 35% 30%,#fff0c4,#d49a43 42%,#3b281d 75%);box-shadow:0 0 55px #d49a4377}
@media(max-width:760px){
  .hero-note,.stats span,.data-note,.empty-state,.coordinate-form small,.time-hint,.time-disclaimer,.archive-result span{color:#c9bba5}
}

/* Warm translucent glass panels to harmonize with the galaxy */
.live-search-panel,
.time-machine-panel,
.search-panel,
.mission{
  background:linear-gradient(135deg,rgba(35,27,29,.76),rgba(17,18,31,.78));
  border-color:rgba(255,196,112,.22);
  box-shadow:0 18px 55px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,225,175,.045);
  backdrop-filter:blur(10px);
}
.archive-status,
.coordinate-form input,
.coordinate-form select,
.time-side,
.image-pane,
.diagnostics-panel,
.dialog-fact{
  background:rgba(13,13,23,.78);
  border-color:rgba(255,202,130,.16);
}
.coordinate-form input,.coordinate-form select,.time-side input{
  background:rgba(9,10,18,.82);
}


/* Golden elliptical galaxy hero artwork */
.galaxy-hero-art{isolation:isolate}
.galaxy-hero-art .orbit{border-color:rgba(255,205,125,.28);box-shadow:0 0 18px rgba(255,176,67,.06)}
.galaxy-hero-art .orbit-two{border-color:rgba(255,132,65,.2)}
.galaxy-aura{position:absolute;width:390px;height:300px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,177,67,.19) 0%,rgba(165,75,30,.12) 34%,transparent 72%);filter:blur(20px);z-index:-2}
.galaxy-disc{
  position:relative;width:min(390px,88vw);height:205px;border-radius:50%;
  transform:rotate(-19deg);overflow:visible;
  background:
    radial-gradient(ellipse at 50% 50%,#fff4c4 0%,#ffd36c 5%,#ffad35 13%,rgba(205,91,25,.88) 27%,rgba(105,43,17,.72) 43%,rgba(34,17,13,.3) 61%,transparent 73%),
    radial-gradient(ellipse at 50% 50%,rgba(255,184,77,.45),transparent 68%);
  filter:drop-shadow(0 0 15px rgba(255,172,63,.45)) drop-shadow(0 0 42px rgba(183,72,25,.25));
  z-index:1;
}
.galaxy-disc:before{
  content:"";position:absolute;inset:13% -9%;border-radius:50%;
  background:repeating-linear-gradient(174deg,transparent 0 8px,rgba(255,212,137,.10) 9px,transparent 11px 17px);
  filter:blur(5px);opacity:.8;
}
.galaxy-disc:after{
  content:"";position:absolute;left:5%;right:5%;top:48%;height:2px;border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,220,156,.55),#fff2c0,rgba(255,199,111,.55),transparent);
  filter:blur(2px);box-shadow:0 0 12px rgba(255,190,95,.8);
}
.galaxy-dust{position:absolute;inset:0;border-radius:50%;background:
  radial-gradient(ellipse at 50% 47%,rgba(255,246,201,.9),transparent 8%),
  radial-gradient(ellipse at 30% 50%,rgba(255,195,104,.28),transparent 26%),
  radial-gradient(ellipse at 70% 50%,rgba(255,150,61,.24),transparent 30%);
  filter:blur(7px)}
.galaxy-bulge{position:absolute;left:39%;top:25%;width:22%;height:50%;border-radius:50%;
  background:radial-gradient(ellipse,#fff8d9 0%,#ffe59a 24%,#ffbd51 52%,rgba(255,145,45,.1) 100%);
  filter:blur(8px);box-shadow:0 0 30px rgba(255,216,137,.8)}
.galaxy-nucleus{position:absolute;left:48%;top:44%;width:4%;height:12%;border-radius:50%;
  background:#fff9dd;box-shadow:0 0 12px 5px rgba(255,238,184,.9),0 0 35px 14px rgba(255,174,67,.65)}
.galaxy-satellite{position:absolute;width:34px;height:34px;right:18%;top:18%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff1c4,#e9a94e 35%,#552817 78%);
  box-shadow:0 0 25px rgba(255,178,77,.5)}
.galaxy-hero-art .spark{color:#ffd88f;text-shadow:0 0 12px rgba(255,187,92,.8)}
.galaxy-hero-art .art-label{color:#d7bd91}
@media(max-width:760px){
  .galaxy-hero-art{height:310px;transform:scale(.85);margin-top:-5px}
  .galaxy-disc{width:min(370px,88vw);height:185px}
  .galaxy-satellite{right:13%;top:13%}
}

/* Auto-discovered observation date selectors */
.time-discovery{display:flex;flex-direction:column;gap:8px;margin:20px 0}
.time-discovery .button{align-self:flex-start}
.time-side select{width:100%;min-height:54px;padding:0 14px;border:1px solid rgba(255,202,130,.16);border-radius:13px;background:rgba(9,10,18,.82);color:#fff0d5;font:inherit}
.time-side select:disabled{opacity:.6;cursor:not-allowed}
.time-submit:disabled,.time-discovery .button:disabled{opacity:.6;cursor:wait}

/* Clear next-step instructions for first-time visitors */
.image-howto{
  display:flex;flex-direction:column;gap:7px;margin:16px 0 20px;padding:15px 17px;
  border:1px solid rgba(255,202,130,.25);border-radius:14px;
  background:linear-gradient(120deg,rgba(92,57,25,.24),rgba(18,18,29,.72));
  color:#e9ddc8;font-size:.94rem;line-height:1.65
}
.image-howto strong{color:#ffd27a;letter-spacing:.02em}
.image-howto b{color:#ffe2a8}
.preview-image-button{min-width:132px}

/* COSMOS Discovery Lab */
.cosmos-lab{margin:28px 0 0;padding:25px;border:1px solid rgba(255,196,112,.23);border-radius:18px;background:linear-gradient(135deg,rgba(34,27,29,.82),rgba(13,15,25,.84));backdrop-filter:blur(10px)}
.lab-heading h3{margin:8px 0;font:600 26px "Space Grotesk";color:var(--text)}.lab-heading p,.lab-tool p{color:var(--muted);font-size:11px;line-height:1.7}
.lab-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}
.lab-tool{min-width:0;padding:17px;border:1px solid rgba(255,202,130,.16);border-radius:13px;background:rgba(9,11,19,.68)}
.lab-kicker{color:#ffd27a;font-size:9px;font-weight:700;letter-spacing:1.4px}.lab-tool h4{margin:8px 0;font:600 17px "Space Grotesk";color:var(--text)}
.lab-tool p{margin:7px 0 12px}.lab-actions{display:flex;gap:8px;flex-wrap:wrap}.lab-actions .button,.lab-tool>.button{font-size:10px;padding:10px 13px}
.lab-note,.timeline-readout{margin-top:10px;color:#c9bba5;font-size:10px;line-height:1.6}
.wipe-frame{position:relative;min-height:160px;background:#05070c;border-radius:9px;overflow:hidden;display:grid;place-items:center}
#wipe-canvas{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}
#wipe-empty{position:absolute;padding:15px;color:#b7a98e;font-size:11px;text-align:center}
.lab-range-label,.target-tool label,.discovery-tool label{display:block;margin-top:12px;color:#e9ddc8;font-size:10px}
.lab-tool input[type=range]{width:100%;accent-color:#ffc15a;margin:10px 0}
.spectrum-wrap{width:100%;height:145px;background:#080b13;border:1px solid rgba(255,202,130,.12);border-radius:9px;overflow:hidden}
#spectrum-canvas{width:100%;height:100%;display:block}
.spectrum-scale{display:flex;justify-content:space-between;color:#c9bba5;font-size:9px;margin-top:6px}
.target-tool input,.discovery-tool textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid rgba(255,202,130,.2);border-radius:8px;background:#090a12;color:#fff0d5;font:12px "DM Sans"}
.target-coordinates{display:flex;flex-wrap:wrap;gap:15px;margin:14px 0;color:#bba98d;font-size:10px}.target-coordinates strong{display:block;color:#ffe0a0;margin-top:4px}
.discovery-list{display:grid;gap:7px;margin-top:10px}.discovery-entry{padding:9px;border:1px solid rgba(255,202,130,.13);border-radius:8px;color:#e9ddc8;font-size:10px;line-height:1.5}.discovery-entry small{display:block;color:#a99b83;margin-top:5px}
.lab-disclaimer{margin:17px 0 0;color:#b6a78e;font-size:10px;line-height:1.7}
@media(max-width:650px){.cosmos-lab{padding:16px}.lab-tool-grid{grid-template-columns:1fr}.lab-tool{padding:14px}.wipe-frame{min-height:180px}}

.image-panes.blink-show-a .image-pane:nth-child(2),.image-panes.blink-show-b .image-pane:nth-child(1){display:none}.image-panes.blink-show-a,.image-panes.blink-show-b{grid-template-columns:minmax(0,1fr)}


/* Expanded Explore catalogue */
.popular-searches{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0 12px}
.popular-searches>span{font-size:9px;letter-spacing:1.3px;color:#bda98b;margin-right:3px}
.popular-searches button,.topic-target-chip{border:1px solid rgba(255,202,130,.22);border-radius:30px;padding:8px 12px;background:rgba(255,191,58,.07);color:#f2d9ad;font:10px "DM Sans";cursor:pointer}
.popular-searches button:hover,.topic-target-chip:hover{background:rgba(255,191,58,.16);border-color:#ffc15a}
.chips{gap:9px;flex-wrap:wrap}
.object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.object-card{min-width:0}
.object-image{background-size:cover;background-position:center}
.nasa-galaxy-image{background-image:linear-gradient(0deg,#080d1acc,transparent 70%),url("https://images-assets.nasa.gov/image/PIA04921/PIA04921~medium.jpg")}
.nasa-nebula-image,.star-forming-image{background-image:linear-gradient(0deg,#080d1acc,transparent 70%),url("https://science.nasa.gov/wp-content/uploads/2023/09/web-first-images-release.png")}
.brown-dwarf-image{background:radial-gradient(ellipse at 55% 50%,#f7c58b 0 2%,#bd704c 8%,#5a3b56 20%,transparent 52%),linear-gradient(135deg,#11172d,#281b2b)}
.dust-image{background:radial-gradient(ellipse at 35% 55%,#b66b43aa,transparent 48%),radial-gradient(ellipse at 70% 30%,#e4b16b66,transparent 40%),linear-gradient(135deg,#10182c,#30201d)}
.topic-dialog-image{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:12px;margin:18px 0 7px;background:#080b18}
.topic-dialog-image[hidden]{display:none}
.topic-dialog-credit{font-size:9px;color:#b9a88e;margin:5px 0 12px}
.topic-examples{margin:20px 0 14px}
.topic-examples>strong{display:block;font:600 12px "Space Grotesk";color:#ffcf80;margin-bottom:10px}
#topic-dialog-examples{display:flex;gap:8px;flex-wrap:wrap}
.topic-dialog-explore{width:100%}
.topic-nasa-link{display:inline-block;margin-top:13px;color:#ffd27a;font-size:11px;text-decoration:none}
.topic-nasa-link:hover{text-decoration:underline}
@media(max-width:760px){.object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.object-grid{grid-template-columns:1fr}.object-image{height:165px}}


/* Cloudflare Pages Functions now power the archive comparison tools. */
.archive-release-note { grid-column: 1 / -1; margin: 0; color: var(--muted, #a9a5b9); font-size: .9rem; }