.ask-page{color:var(--blue);max-width:1280px;margin:auto;padding:0 28px 90px}.ask-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding:52px 0 64px}.ask-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-family:Arial,sans-serif;margin:0 0 22px}.ask-welcome h1{font-size:clamp(3.8rem,6.8vw,6.7rem);line-height:.95;letter-spacing:-.045em;margin:0 0 26px}.ask-lede{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.5;max-width:440px;margin:0 0 20px}.ask-caption{font-size:1rem;max-width:430px;line-height:1.6}.ask-start{display:inline-flex;gap:42px;border-bottom:2px solid var(--orange);padding:10px 0;text-decoration:none;font-weight:bold}.ask-buddy{position:relative;margin:0;overflow:hidden;border-radius:48% 48% 28px 28px;background:var(--paper)}.ask-buddy img{width:100%;height:auto;display:block;animation:buddy-arrive 1s ease-out both}.ask-buddy figcaption{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:.9rem}.ask-buddy figcaption span{color:var(--orange);margin-right:6px}.ask-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:64px;border-top:1px solid var(--line);padding-top:52px;align-items:start}.ask-sidebar{position:sticky;top:24px}.ask-sidebar h2{font-size:2rem;line-height:1.1;letter-spacing:-.02em;margin:0 0 25px}.ask-examples{display:grid}.ask-examples button{display:grid;grid-template-columns:25px 1fr 15px;align-items:center;gap:10px;padding:20px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--blue);font:inherit;cursor:pointer;transition:padding .2s,color .2s}.ask-examples button span:first-child{font-size:.75rem;font-family:Arial,sans-serif;color:var(--slate)}.ask-examples button strong{font-size:1rem;font-weight:500}.ask-examples button:hover{color:var(--orange);padding-left:6px}.ask-guide-link{display:block;font-size:.9rem;margin-top:25px;text-underline-offset:5px}.ask-panel{border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 10px 35px #070a4007;overflow:hidden}.ask-panel-heading{display:flex;gap:14px;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line);background:#e4e5db55}.ask-panel-heading img{border-radius:50%;object-fit:cover}.ask-panel-heading h2{font-size:1.35rem;margin:0}.ask-panel-heading p{font-size:.85rem;margin:2px 0 0}.ask-form{padding:28px 28px 0}.ask-form label{display:block;font-size:1.15rem;font-weight:bold;margin-bottom:15px}.ask-form textarea{display:block;width:100%;box-sizing:border-box;min-height:130px;padding:18px;font:inherit;font-size:1.05rem;line-height:1.5;color:var(--blue);background:#e4e5db33;border:1px solid var(--line);border-radius:12px;resize:vertical;scroll-margin-top:28px}.ask-form-bottom{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-top:18px}.ask-form-bottom p{font-size:.8rem;max-width:235px;line-height:1.5;margin:0}.ask-form-bottom .button{white-space:nowrap;padding:10px 20px;font-size:1rem;margin:0}.ask-form-bottom .button span{margin-left:15px}#ask-status{font-size:.9rem;min-height:1.5em;margin:16px 0 0}.ask-empty{text-align:center;padding:14px 25px 38px;color:var(--slate)}.ask-empty>span{display:block;font-size:2.4rem;color:var(--orange)}.ask-empty p{margin:8px 0 3px;color:var(--blue);font-size:1.1rem}.ask-empty small{font-size:.85rem}.ask-empty[hidden]{display:none}#ask-output:not(:empty){padding:0 28px 28px}#ask-output:focus{outline:none}#ask-output h2{font-size:1.65rem;margin:5px 0 14px}#ask-output>p{font-size:1rem}.ask-passage{border-top:1px solid var(--line);padding:23px 0 5px;margin-top:22px}.ask-passage h3{font-size:1.25rem;line-height:1.25;margin:0 0 12px}.ask-passage blockquote{font:inherit;font-size:1rem;line-height:1.75;margin:0 0 15px;padding:0;border:0;white-space:pre-wrap}.ask-passage a{font-size:.85rem;text-underline-offset:4px}#ask-output nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}#ask-output nav a{background:var(--paper);border-radius:8px;padding:8px 12px;font-size:.8rem;text-decoration:none}.ask-details{margin-top:25px}.ask-details details{border-bottom:1px solid var(--line);padding:16px 0}.ask-details summary{cursor:pointer;font-size:1rem}.ask-details p{font-size:.95rem;line-height:1.7;max-width:640px}.ask-page :focus-visible{outline:3px solid var(--orange);outline-offset:4px}.ask-form button:disabled{opacity:.6;cursor:wait}.ask-panel:has([aria-busy=true]) .ask-panel-heading img{animation:buddy-breathe 2s ease-in-out infinite}@keyframes buddy-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes buddy-breathe{50%{transform:scale(.91)}}@media(max-width:900px){.ask-hero{gap:30px}.ask-workspace{grid-template-columns:240px minmax(0,1fr);gap:28px}.ask-form-bottom{align-items:flex-start;flex-direction:column}.ask-sidebar h2{font-size:1.7rem}}@media(max-width:650px){.ask-page{padding:0 20px 50px}.ask-hero{grid-template-columns:1fr 110px;gap:12px;padding:35px 0}.ask-welcome h1{font-size:3.1rem}.ask-eyebrow{font-size:.65rem;margin-bottom:17px}.ask-lede{font-size:1.1rem}.ask-caption{font-size:.9rem}.ask-buddy{align-self:start;margin-top:48px;border-radius:50%}.ask-buddy figcaption{display:none}.ask-workspace{display:flex;flex-direction:column;gap:30px;padding-top:30px}.ask-sidebar{position:static;width:100%}.ask-sidebar h2{font-size:1.6rem}.ask-sidebar h2 br{display:none}.ask-examples{grid-template-columns:1fr 1fr;gap:0 15px}.ask-examples button{grid-template-columns:1fr 12px;padding:13px 0;gap:4px}.ask-examples button span:first-child{display:none}.ask-examples button strong{font-size:.9rem}.ask-guide-link{margin-top:18px}.ask-main{width:100%}.ask-panel-heading{padding:18px}.ask-form{padding:20px 18px 0}#ask-output:not(:empty){padding:0 18px 22px}.ask-form-bottom{gap:15px}.ask-form-bottom p{max-width:none}.ask-form-bottom .button{align-self:flex-end}.ask-panel{border-radius:18px}}@media(prefers-reduced-motion:reduce){.ask-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.ask-hero{display:block;position:relative}.ask-welcome h1{max-width:230px}.ask-buddy{position:absolute;right:0;top:90px;width:110px;margin:0}.ask-lede{margin-top:28px;max-width:none}.ask-caption{max-width:none}}
.ask-reset{margin-left:auto;align-self:center;background:transparent;color:var(--blue);border:1px solid var(--line);padding:7px 10px;border-radius:8px;font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap}.ask-panel-heading>div{min-width:0}.ask-panel-heading h2{line-height:1.1}.chat-turn{padding:22px;border-radius:18px;margin:20px 0;overflow-wrap:anywhere}.chat-turn p{white-space:pre-wrap;font-size:1rem;line-height:1.7;margin:12px 0}.chat-turn .chat-speaker{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-family:Arial,sans-serif;margin:0 0 12px;color:var(--slate)}.chat-user{background:var(--paper);margin-left:36px}.chat-hubble{background:#e4e5db33;border:1px solid var(--line);margin-right:15px}.chat-hubble:focus{outline:2px solid var(--orange);outline-offset:4px}.chat-sources{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.chat-sources summary{cursor:pointer;font-size:.85rem}.chat-sources .ask-passage{padding-top:14px;margin-top:12px}.chat-sources blockquote{font-size:.85rem;margin-top:10px}.ask-empty{padding:28px}.ask-panel #ask-output:not(:empty){padding:0 24px}.ask-form{border-top:1px solid var(--line);padding-bottom:12px}.ask-panel-heading{gap:10px}@media(max-width:650px){.ask-panel-heading{padding:15px 12px}.ask-panel-heading img{width:42px;height:42px}.ask-panel-heading h2{font-size:1.15rem}.ask-panel-heading p{font-size:.7rem}.ask-reset{font-size:.7rem;padding:6px}.ask-panel #ask-output:not(:empty){padding:0 12px}.chat-turn{padding:17px}.chat-user{margin-left:20px}.chat-hubble{margin-right:0}}
/* Quiet, lightweight motion keeps Hubble present without distracting from reading. */
.ask-buddy img{transform-origin:50% 60%;animation:hubble-float 7s ease-in-out infinite}
.ask-panel-heading img{animation:hubble-idle 6s ease-in-out infinite;transform-origin:center}
.ask-panel:focus-within:not(:has([aria-busy=true])) .ask-panel-heading img{animation:hubble-attentive 5s ease-in-out infinite}
.ask-panel:has([aria-busy=true]) .ask-panel-heading img{animation:hubble-think 2.4s ease-in-out infinite}
.ask-panel.hubble-replied:not(:has([aria-busy=true])) .ask-panel-heading img{animation:hubble-nod 1.6s ease-in-out 1}
.chat-hubble{animation:hubble-answer-in .3s ease-out both}
@keyframes hubble-float{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.6deg)}}
@keyframes hubble-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes hubble-attentive{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(2deg) translateY(-2px)}}
@keyframes hubble-think{0%,100%{transform:scale(.97) rotate(-4deg)}50%{transform:scale(1.03) rotate(4deg)}}
@keyframes hubble-nod{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(3px) rotate(-5deg)}60%{transform:translateY(-2px) rotate(3deg)}}
@keyframes hubble-answer-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ask-page *{animation:none!important;transition:none!important}}
.chat-points{margin:14px 0;padding-left:1.3rem;list-style:disc}.chat-points li{font-size:1rem;line-height:1.65;margin:0 0 12px;padding-left:5px;white-space:pre-wrap}.chat-points li::marker{color:var(--orange)}
/* One conversation window over the NASA/ESA Hubble Pillars of Creation. */
body:has(.ask-page) #main{background:#070a40 url('/assets/hubble-pillars-background.jpg') center/cover no-repeat}
.ask-page{max-width:none;min-height:calc(100svh - 100px);padding:40px 24px 56px;background:linear-gradient(110deg,#070a4060,#070a4020 50%,#070a4070);color:#f5f5ef}
.ask-page .ask-panel{max-width:880px;margin:0 auto;background:#070a40e8;border:1px solid #e4e5db50;border-radius:26px;box-shadow:0 24px 90px #0007;backdrop-filter:blur(12px);--line:#e4e5db35;--slate:#d1d4e3}
.ask-panel-heading{background:#070a4040;padding:22px 28px;gap:14px}.ask-panel-heading h1{font-size:1.5rem;line-height:1.15;margin:0;color:#fff;letter-spacing:-.02em}.ask-panel-heading p{color:#d1d4e3}.ask-reset{color:#f5f5ef;border-color:#e4e5db60}.ask-reset:hover{background:#ffffff18}
.ask-empty{padding:30px 28px;color:#d1d4e3}.ask-empty p{color:#f5f5ef;font-size:1.35rem}.ask-empty .ask-eyebrow{font-size:.72rem;color:#d1d4e3;margin:0 0 14px}.ask-empty small{display:block;max-width:470px;margin:10px auto 24px;line-height:1.6}
.ask-examples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ask-examples button{display:block;border:1px solid #e4e5db55;border-radius:30px;background:#ffffff0c;color:#f5f5ef;padding:10px 16px;transition:background .2s,border-color .2s}.ask-examples button span{display:none}.ask-examples button strong{font-size:.88rem}.ask-examples button:hover{color:#fff;background:#eb522638;border-color:#eb5226;padding-left:16px}
.ask-form{padding:24px 28px 12px}.ask-form label{font-size:1rem;color:#f5f5ef}.ask-form textarea{min-height:86px;max-height:230px;background:#ffffff0e;border-color:#e4e5db65;color:#fff}.ask-form textarea::placeholder{color:#c5c8d8}.ask-form-bottom{flex-direction:row;align-items:center}.ask-form-bottom p{color:#d1d4e3}.ask-form-bottom .button{background:#eb5226;color:#fff;border-color:#eb5226}#ask-status{color:#d1d4e3}
#ask-output:not(:empty){max-height:52svh;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#797f9f transparent}.chat-user{background:#ffffff16;color:#fff}.chat-hubble{background:#ffffff06;color:#f5f5ef}.chat-turn .chat-speaker{color:#d1d4e3}.chat-sources a,.ask-details a{color:#f5f5ef}#ask-output nav a{background:#ffffff16;color:#fff}.ask-passage blockquote{color:#d1d4e3}.chat-points li::marker{color:#ff996f}
.ask-details{padding:0 28px 22px;margin:0;border-top:1px solid var(--line)}.ask-details details{padding:13px 0}.ask-details summary{font-size:.85rem;color:#d1d4e3}.ask-details p{color:#d1d4e3}.ask-details .space-credit{font-size:.68rem;line-height:1.5;margin:16px 0 0;color:#bdc2d5}
@media(max-width:650px){.ask-page{padding:18px 12px 28px}.ask-page .ask-panel{border-radius:20px}.ask-panel-heading{padding:18px 16px}.ask-panel-heading h1{font-size:1.2rem}.ask-empty{padding:24px 18px}.ask-empty p{font-size:1.15rem}.ask-examples{gap:7px}.ask-examples button{padding:9px 12px}.ask-examples button strong{font-size:.78rem}.ask-examples button:hover{padding-left:12px}.ask-form{padding:20px 18px 10px}.ask-details{padding:0 18px 18px}.ask-form-bottom{gap:12px}.ask-form-bottom p{font-size:.72rem}.ask-form-bottom .button{align-self:center}#ask-output:not(:empty){max-height:48svh}}
/* A bright conversation with a larger, smiling Hubble against the space backdrop. */
.ask-page .ask-panel{background:#fff;color:var(--blue);--line:#070a4020;--slate:#555b70;box-shadow:0 24px 90px #0006}
.ask-panel-heading{background:linear-gradient(120deg,#f5f5f1,#fff);padding:20px 28px;gap:24px}
.ask-panel-heading h1{color:var(--blue);font-size:1.8rem}.ask-panel-heading p{color:#555b70}.ask-reset{color:var(--blue);border-color:#070a4030}.ask-reset:hover{background:#070a4008}
.hubble-presence{position:relative;flex:0 0 140px;width:140px;height:140px;border-radius:50%;background:#e4e5db;box-shadow:0 0 0 6px #e4e5db55,0 12px 25px #070a4010}
.ask-panel-heading .hubble-presence img{display:block;width:140px;height:140px;border-radius:50%;object-fit:cover;animation:hubble-happy-float 5s ease-in-out infinite}
.hubble-spark{position:absolute;pointer-events:none;color:var(--orange);animation:hubble-twinkle 4s ease-in-out infinite;font-size:24px;line-height:1}.hubble-spark-one{right:-9px;top:18px}.hubble-spark-two{left:-12px;bottom:20px;font-size:18px;animation-delay:1.8s}
.ask-empty,.ask-empty small,.ask-empty .ask-eyebrow{color:#555b70}.ask-empty p{color:var(--blue)}.ask-examples button{color:var(--blue);background:#f6f6f3;border-color:#070a4030}.ask-examples button:hover{color:var(--blue);background:#eb522612;border-color:var(--orange)}
.ask-form label{color:var(--blue)}.ask-form textarea{color:var(--blue);background:#fafaf8;border-color:#070a4045}.ask-form textarea::placeholder{color:#62667b}.ask-form-bottom p,#ask-status{color:#555b70}
.chat-user{color:var(--blue);background:#e4e5db80}.chat-hubble{color:var(--blue);background:#fafaf8}.chat-turn .chat-speaker{color:#555b70}.chat-sources a,.ask-details a{color:var(--blue)}#ask-output nav a{color:var(--blue);background:#e4e5db70}.ask-passage blockquote,.ask-details p,.ask-details summary{color:#454b63}.chat-points li::marker{color:var(--orange)}.ask-details .space-credit{color:#62667b}
@keyframes hubble-happy-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes hubble-twinkle{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
.ask-panel:has([aria-busy=true]) .hubble-presence img{animation:hubble-think 2.4s ease-in-out infinite}.ask-panel.hubble-replied:not(:has([aria-busy=true])) .hubble-presence img{animation:hubble-nod 1.6s ease-in-out 1}
@media(max-width:650px){.ask-panel-heading{gap:14px;padding:20px 16px;flex-wrap:wrap}.hubble-presence{flex-basis:100px;width:100px;height:100px}.ask-panel-heading .hubble-presence img{width:100px;height:100px}.ask-panel-heading h1{font-size:1.3rem}.ask-panel-heading p{font-size:.8rem}.ask-reset{margin-left:auto}.hubble-spark-one{right:-5px}.hubble-spark-two{left:-6px}}
@media(prefers-reduced-motion:reduce){.ask-page .hubble-presence img,.ask-page .hubble-spark{animation:none!important}}