/* Inventor AI — observatory theme */
.brand-custom{justify-content:center;flex-shrink:0}.brand-logo{display:block;width:150px;height:150px;object-fit:contain;border-radius:12px;border:1px solid #645fd044;box-shadow:0 8px 30px #3429bb25}.brand-custom+.nav-caption{margin-top:25px}.sidebar{overflow-y:auto}@media(max-width:760px){.brand-custom{justify-content:flex-start}.brand-logo{width:88px;height:88px}}@media(min-width:761px) and (max-height:850px){.brand-logo{width:115px;height:115px}.mentor{display:none}.profile{margin-top:auto}}
:root{--bg:#050914;--border:#263755;--orange:#ffb12a;--muted:#a7b5cf}
body{background:radial-gradient(ellipse at 85% 5%,#15306066,transparent 42%),radial-gradient(ellipse at 40% 85%,#25134844,transparent 50%),#050914}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 20px 30px,#c4dcffaa 99%,transparent),radial-gradient(1px 1px at 120px 160px,#a9c9ff88 99%,transparent),radial-gradient(1.5px 1.5px at 260px 80px,#f3dfb988 99%,transparent);background-size:311px 237px,397px 341px,509px 419px}
.sidebar{background:linear-gradient(165deg,#0c1728f5,#070d1bf5);backdrop-filter:blur(24px);border-right-color:#293b5655;z-index:3}
.brand{letter-spacing:-.7px}.brand-icon{filter:drop-shadow(0 0 12px #ffad2c);transform:rotate(-8deg)}
nav a{transition:background .2s,transform .2s,box-shadow .2s}nav a:hover{transform:translateX(3px)}nav a.active{background:linear-gradient(100deg,#ffd25c,#ff9c24);box-shadow:0 0 24px #ffab2525,inset 0 1px #ffefb9}
header{border-bottom-color:#40517044}.breadcrumb{font-size:14px}.science-label{color:#a9bddc}.icon-button:hover{border-color:#58baff;box-shadow:0 0 18px #38acff33}
.heading{margin-bottom:26px}.heading h1{font-size:clamp(28px,2.8vw,42px);letter-spacing:-1.5px}.heading p{font-size:15px}.eyebrow{color:#ffc55f;letter-spacing:2.7px}.pill{background:#1b2b443d;border-color:#344c6c;color:#b9cee9}
.hero{height:390px;border-radius:20px;border-color:#7c664954;box-shadow:0 20px 70px #0006,inset 0 0 70px #ff9f1710;background:radial-gradient(ellipse at 75% 45%,#542f06,#050a15 69%)}
.hero-image{height:148%;width:67%;right:-5%;top:-23%;object-fit:contain;mix-blend-mode:screen;filter:sepia(.25) saturate(1.7) drop-shadow(0 0 26px #ff810078);animation:solar-breathe 10s ease-in-out infinite}
.hero:after{background:linear-gradient(90deg,#091426 0%,#0a1424e8 28%,#0a142448 50%,transparent 73%)}
.hero-content{padding:38px;width:61%}.hero h2{font-size:clamp(64px,6vw,92px);letter-spacing:-4px;margin:22px 0 16px}.hero h2 em{background:linear-gradient(#ffe4a2,#ffac27 65%,#ff6b19);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #ff910050)}
.hero p{font-size:16px;max-width:310px;line-height:1.6}.hero-tag{font-size:11px}.hero-tag:before{box-shadow:0 0 12px #ffc35a}
.primary{background:linear-gradient(115deg,#ffd16a,#ff9d21);box-shadow:0 5px 25px #ff9b1729,inset 0 1px #fff7bd88;padding:14px 21px;font-size:14px;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff9b1755}.hero-credit{padding:8px 12px;border:1px solid #ffcd6140;background:#1a130d88;border-radius:5px;color:#ffe0a4;bottom:20px;right:23px}
.facts{gap:14px;margin-top:18px}.fact{background:linear-gradient(125deg,#152239bb,#0c1524bb);border-color:#2f456855;box-shadow:inset 0 1px #96baff08;padding:19px;transition:border-color .2s}.fact:hover{border-color:#526e94}.fact small{font-size:12px}.fact b{font-size:17px}.fact-icon{box-shadow:inset 0 0 15px #ffaa1612;color:#ffd065}.section-title h3{font-size:19px}.section-title span{color:#98aaca}
.planets{gap:8px;background:transparent;border:0;padding:0}.planet{position:relative;background:linear-gradient(155deg,#17243ac9,#0a1425cc);border:1px solid #2e436450;overflow:hidden;padding:18px 2px 16px;transition:transform .25s,border-color .25s,box-shadow .25s}.planet:hover{background:linear-gradient(155deg,#253957,#0b172a);border-color:#78b6eb99;box-shadow:0 10px 32px #2992ff18;transform:translateY(-6px)}.planet img{width:100%;height:72px;object-fit:cover;mix-blend-mode:screen;transition:transform .4s;pointer-events:none}.planet:hover img{transform:scale(1.12)}.planet:nth-child(3) img{object-fit:contain}.planet span{font-size:13px;color:#e2eaff}.planet small{font-size:9px;color:#8298b7;letter-spacing:2px}.planet:nth-child(6) img{object-fit:contain}
.activities{gap:17px}.activity{min-height:185px;padding:24px;border-color:#9f6ef344;background:radial-gradient(ellipse at 100% 0,#753c953d,transparent 70%),linear-gradient(125deg,#211835e0,#111526e0);overflow:hidden;box-shadow:inset 0 1px #ffffff08;transition:transform .25s,box-shadow .25s,border-color .25s}.activity:before{content:'';height:120px;width:120px;position:absolute;border:1px solid #bd8cff22;border-radius:50%;right:-45px;top:-42px;box-shadow:0 0 0 20px #bd8cff06,0 0 0 40px #bd8cff04;pointer-events:none}.activity.blue{background:radial-gradient(ellipse at 100% 0,#267dd43d,transparent 70%),linear-gradient(125deg,#102b43,#101827);border-color:#3fa7f650}.activity.green{background:radial-gradient(ellipse at 100% 0,#1a9f6138,transparent 70%),linear-gradient(125deg,#10382c,#0c1a22);border-color:#39b78050}.activity:hover{border-color:#ae84e6;box-shadow:0 12px 35px #7f46d91c;transform:translateY(-5px)}.activity.blue:hover{border-color:#60baff;box-shadow:0 12px 35px #309dff1c}.activity.green:hover{border-color:#60d2a3;box-shadow:0 12px 35px #30ff9815}.activity h3{font-size:20px;margin-top:18px}.activity p{font-size:14px;color:#bbcade}.activity .tag{font-size:9px;letter-spacing:1.7px;right:22px}.activity .symbol{filter:drop-shadow(0 0 10px currentColor)}.arrow{height:30px;width:30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px}
.mentor{padding-top:18px}.mentor-icon{filter:drop-shadow(0 0 15px #ffc04a88)}.panel{background:linear-gradient(135deg,#152138dc,#0b1527ee);border-color:#3c577655;box-shadow:0 16px 50px #0002}.panel h2{font-size:26px}.panel p{font-size:16px}.sim-output{text-shadow:0 0 28px #ffa62930}.secondary:hover{border-color:#77ade3;background:#233b59}input:focus,textarea:focus{outline:2px solid #ffb848;outline-offset:2px}.saved-card{background:#0a1427aa}.detail-image{width:220px;height:170px;mix-blend-mode:screen}dialog{background:radial-gradient(ellipse at top right,#263b59,#0c1729 65%);box-shadow:0 0 0 1px #90bbff18,0 30px 120px #000d}dialog[open]{animation:dialog-in .22s ease-out}dialog p{font-size:16px}#content{animation:arrive .5s ease-out}.icon-svg{width:23px;height:23px;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.symbol .icon-svg{width:29px;height:29px}
@keyframes solar-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{height:430px}.hero-content{padding:44px}.hero h2{font-size:98px}}
@media(max-width:1100px){.hero-content{padding:30px}.hero h2{font-size:70px}.hero p{max-width:270px}.fact{padding:14px}.fact b{font-size:14px}.planet img{height:58px}.activity{padding:19px}.activity h3{font-size:18px}.activity p{font-size:13px}}
@media(max-width:760px){.sidebar{backdrop-filter:none}.heading h1{font-size:29px}.heading p{font-size:14px}.hero{height:395px}.hero-content{width:100%;padding:28px}.hero-image{width:125%;height:130%;right:-53%;top:-8%;opacity:.7}.hero:after{background:linear-gradient(90deg,#091426f7,#091426aa 45%,transparent)}.hero h2{font-size:72px;margin-top:30px}.hero p{max-width:245px}.hero-credit{font-size:8px;bottom:15px}.facts{gap:8px}.fact{padding:12px 9px}.fact small{font-size:10px}.fact b{font-size:12px}.section-title{gap:12px}.section-title h3{font-size:17px}.section-title span{font-size:9px;text-align:right;max-width:90px}.planets{gap:10px}.planet img{height:65px}.activity{min-height:165px;padding:23px}.activity p{font-size:14px}.activity h3{font-size:20px}.activity .tag{top:28px}.panel h2{font-size:23px}}
@media(max-width:360px){.hero h2{font-size:58px;letter-spacing:-3px}.hero-content{padding:22px}.hero p{font-size:14px}.hero-tag{font-size:9px}.hero-credit{font-size:7px}.fact b{font-size:11px}.planet span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}