@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.detail{z-index:100;color:#e8e8f0;position:fixed;inset:0;overflow:hidden}html:active-view-transition-type(detail-open)::view-transition-new(root){animation:.4s both vt-clip-in}html:active-view-transition-type(detail-open)::view-transition-old(root){opacity:1;animation:none}html:active-view-transition-type(detail-close)::view-transition-old(root){z-index:1;animation:.35s both vt-clip-out}html:active-view-transition-type(detail-close)::view-transition-new(root){opacity:1;z-index:0;animation:none}@keyframes vt-clip-in{0%{clip-path:inset(var(--clip-top) var(--clip-right) var(--clip-bottom) var(--clip-left) round var(--clip-radius));opacity:.8}to{clip-path:inset(0);opacity:1}}@keyframes vt-clip-out{0%{clip-path:inset(0);opacity:1}to{clip-path:inset(var(--clip-top) var(--clip-right) var(--clip-bottom) var(--clip-left) round var(--clip-radius));opacity:0}}.detail__content{animation:.35s cubic-bezier(.2,0,.2,1) .15s both content-appear}.detail__col-left .detail__content:nth-child(2){animation-delay:.2s}.detail__col-left .detail__content:nth-child(3){animation-delay:.25s}.detail__col-left .detail__content:nth-child(4){animation-delay:.3s}.detail__col-right .detail__content:first-child{animation-delay:.18s}.detail__col-right .detail__content:nth-child(2){animation-delay:.24s}.detail__col-right .detail__content:nth-child(3){animation-delay:.3s}@keyframes content-appear{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.detail__bg{z-index:0;background:radial-gradient(ellipse at 30% 30%, color-mix(in srgb, var(--cat-color) 18%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--cat-color) 10%, transparent) 0%, transparent 50%), linear-gradient(180deg, #101318eb 0%, #0a0c0ff2 100%);-webkit-backdrop-filter:blur(20px);pointer-events:none;position:absolute;inset:0}.detail__close{z-index:110;-webkit-backdrop-filter:blur(10px);color:#ffffffb3;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex;position:fixed;top:20px;right:20px}.detail__close:hover{color:#fff;background:#ffffff26}.detail__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.detail__layout{z-index:1;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-wrap:wrap;place-content:flex-start center;width:100%;height:100%;padding:40px 0 48px;display:flex;position:relative;overflow:hidden auto}.detail__layout>.detail__mini-scene{flex:0 0 100%;margin-bottom:24px}.detail__col-left,.detail__col-right{flex-direction:column;gap:16px;width:100%;max-width:600px;padding:0 20px;display:flex}@media (width>=900px){.detail__layout{gap:40px;padding-top:40px}.detail__layout>.detail__mini-scene{margin-bottom:16px}.detail__col-left,.detail__col-right{flex:0 500px;padding:0}}.detail__mini-scene{background:#0000004d;border-bottom:1px solid #ffffff0f;width:100%;height:45vh;min-height:280px;max-height:500px;animation:.35s cubic-bezier(.2,0,.2,1) .1s both content-appear;position:relative;overflow:hidden}.detail__mini-scene canvas{cursor:grab}.detail__mini-scene canvas:active{cursor:grabbing}.detail__mini-hint{text-align:center;color:#ffffff4d;pointer-events:none;letter-spacing:.05em;font-size:.65rem;position:absolute;bottom:10px;left:0;right:0}.detail__identity{flex-direction:column;gap:4px;display:flex}.detail__order{color:#ffffff59;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:500}.detail__name{color:var(--cat-color);text-shadow:0 0 30px color-mix(in srgb, var(--cat-color) 35%, transparent);font-family:Space Grotesk,sans-serif;font-size:2.8rem;font-weight:700;line-height:1}.detail__category{text-transform:uppercase;letter-spacing:.1em;color:var(--cat-color);opacity:.8;font-size:.7rem}.detail__summary{color:#c8c8d8;font-size:.9rem;line-height:1.6}.detail__properties{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail__prop-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.detail__prop-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-size:.6rem}.detail__prop-value{color:#e8e8f0;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:600}.detail__section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:8px;font-size:.7rem;display:block}.detail__atmosphere{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px}.detail__atmosphere-text{color:#b8b8c8;font-size:.8rem;line-height:1.5}.detail__facts{flex-direction:column;gap:8px;display:flex}.detail__fact-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.detail__fact-icon{flex-shrink:0;margin-top:1px;font-size:.9rem}.detail__fact-text{color:#c8c8d8;font-size:.8rem;line-height:1.5}.detail__moons{flex-direction:column;display:flex}.detail__moon-list{flex-direction:column;gap:4px;display:flex}.detail__moon-item{appearance:none;cursor:pointer;color:inherit;font:inherit;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.detail__moon-item:hover{border-color:color-mix(in srgb, var(--cat-color) 30%, transparent);background:#ffffff12}.detail__moon-item:focus-visible{outline:2px solid var(--cat-color);outline-offset:2px}.detail__moon-name{color:#e8e8f0;font-size:.85rem;font-weight:600}.detail__moon-feature{color:#fff6;text-align:right;flex-shrink:1;font-size:.7rem}.detail__meta{color:#ffffff40;font-size:.7rem;font-style:italic;line-height:1.5}@media (width<=560px){.detail__close{width:40px;height:40px;top:12px;right:12px}.detail__name{font-size:2rem}.detail__properties{grid-template-columns:1fr 1fr;gap:6px}}@media (prefers-reduced-motion:reduce){html:active-view-transition-type(detail-open) ::view-transition-new(root){animation:none}html:active-view-transition-type(detail-close) ::view-transition-old(root){animation:none}.detail__content{opacity:1;animation:none;transform:none}}.moon-detail{z-index:100;color:#e8e8f0;flex-direction:column;display:flex;position:fixed;inset:0}.moon-detail__bg{z-index:0;-webkit-backdrop-filter:blur(20px);pointer-events:none;background:radial-gradient(at 30% 30%,#26375933 0%,#0000 55%),linear-gradient(#101318f0 0%,#0a0c0ff7 100%);position:absolute;inset:0}.moon-detail__header{z-index:110;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:fixed;top:0;left:0;right:0}.moon-detail__back{appearance:none;color:#ffffffb3;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:.8rem;transition:background .15s,color .15s;display:flex}.moon-detail__back:hover{color:#fff;background:#ffffff1f}.moon-detail__back:focus-visible{outline-offset:2px;outline:2px solid #fff}.moon-detail__layout{z-index:1;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-wrap:wrap;place-content:flex-start center;width:100%;height:100%;padding:52px 0 48px;display:flex;position:relative;overflow:hidden auto}.moon-detail__layout>.moon-detail__mini-scene{flex:0 0 100%;margin-bottom:24px}.moon-detail__mini-scene{background:#0000004d;border-bottom:1px solid #ffffff0f;width:100%;height:45vh;min-height:280px;max-height:500px;animation:.35s cubic-bezier(.2,0,.2,1) 50ms both content-appear;position:relative;overflow:hidden}.moon-detail__mini-scene canvas{cursor:grab}.moon-detail__mini-scene canvas:active{cursor:grabbing}.moon-detail__col-left,.moon-detail__col-right{flex-direction:column;gap:16px;width:100%;max-width:600px;padding:0 20px;display:flex}@media (width>=900px){.moon-detail__layout{gap:40px}.moon-detail__layout>.moon-detail__mini-scene{margin-bottom:16px}.moon-detail__col-left,.moon-detail__col-right{flex:0 500px;padding:0}}.moon-detail__identity{flex-direction:column;gap:4px;animation:.35s cubic-bezier(.2,0,.2,1) .1s both content-appear;display:flex}.moon-detail__name{color:#a0b4d0;font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700;line-height:1}.moon-detail__notable{color:#ffffff73;font-size:.8rem;font-style:italic}.moon-detail__summary{color:#c8c8d8;font-size:.9rem;line-height:1.6;animation:.35s cubic-bezier(.2,0,.2,1) .15s both content-appear}.moon-detail__properties{grid-template-columns:1fr 1fr;gap:8px;animation:.35s cubic-bezier(.2,0,.2,1) .2s both content-appear;display:grid}.moon-detail__prop{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.moon-detail__prop-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-size:.6rem}.moon-detail__prop-value{font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:600}.moon-detail__section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:8px;font-size:.7rem;display:block}.moon-detail__facts{flex-direction:column;gap:8px;animation:.35s cubic-bezier(.2,0,.2,1) .25s both content-appear;display:flex}.moon-detail__fact{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.moon-detail__fact-icon{flex-shrink:0;font-size:.9rem}.moon-detail__fact-text{color:#c8c8d8;font-size:.8rem;line-height:1.5}.moon-detail__meta{color:#ffffff40;font-size:.7rem;font-style:italic;animation:.35s cubic-bezier(.2,0,.2,1) .3s both content-appear}@media (prefers-reduced-motion:reduce){.moon-detail__identity,.moon-detail__summary,.moon-detail__properties,.moon-detail__facts,.moon-detail__meta,.moon-detail__mini-scene{opacity:1;animation:none;transform:none}}.sun-detail{z-index:100;color:#e8e8f0;position:fixed;inset:0;overflow:hidden}.sun-detail__bg{z-index:0;-webkit-backdrop-filter:blur(20px);pointer-events:none;background:radial-gradient(at 30% 40%,#8a610f33 0%,#0000 55%),radial-gradient(at 70% 60%,#6c311326 0%,#0000 50%),linear-gradient(#101318eb 0%,#0a0c0ff2 100%);position:absolute;inset:0}.sun-detail__layout{z-index:1;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;align-items:center;width:100%;height:100%;padding:60px 20px 48px;display:flex;position:relative;overflow-y:auto}.sun-detail__col-left,.sun-detail__col-right{flex-direction:column;gap:16px;width:100%;max-width:600px;display:flex}@media (width>=900px){.sun-detail__layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;padding:40px}.sun-detail__col-left,.sun-detail__col-right{flex:0 500px}}.sun-detail__content{animation:.35s cubic-bezier(.2,0,.2,1) .15s both content-appear}.sun-detail__col-left .sun-detail__content:nth-child(2){animation-delay:.2s}.sun-detail__col-left .sun-detail__content:nth-child(3){animation-delay:.25s}.sun-detail__col-left .sun-detail__content:nth-child(4){animation-delay:.3s}.sun-detail__col-right .sun-detail__content:first-child{animation-delay:.22s}.sun-detail__identity{flex-direction:column;gap:4px;display:flex}.sun-detail__name{color:gold;text-shadow:0 0 40px #ffd70066;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;line-height:1}.sun-detail__type{text-transform:uppercase;letter-spacing:.1em;color:#ffc850b3;font-size:.75rem}.sun-detail__summary{color:#c8c8d8;font-size:.9rem;line-height:1.6}.sun-detail__layers{flex-direction:column;gap:12px;display:flex}.sun-detail__section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;font-size:.7rem}.sun-detail__layer-viz{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex;position:relative}.sun-detail__layer-ring{cursor:pointer;border:none;border-radius:50%;padding:0;transition:opacity .3s,transform .2s,box-shadow .3s;position:absolute}.sun-detail__layer-ring:hover{transform:scale(1.03)}.sun-detail__layer-ring--active{box-shadow:0 0 20px #ffc85066}.sun-detail__layer-ring:focus-visible{outline-offset:2px;outline:2px solid #fff}.sun-detail__layer-info{text-align:center;flex-direction:column;gap:4px;display:flex}.sun-detail__layer-name{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.sun-detail__layer-temp{color:#ffffff80;font-family:Space Grotesk,monospace;font-size:.8rem}.sun-detail__layer-desc{color:#b8b8c8;font-size:.8rem;line-height:1.5}.sun-detail__properties{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sun-detail__prop{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.sun-detail__prop-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-size:.6rem}.sun-detail__prop-value{font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:600}.sun-detail__facts{flex-direction:column;gap:8px;display:flex}.sun-detail__fact{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.sun-detail__fact-icon{flex-shrink:0;font-size:.9rem}.sun-detail__fact-text{color:#c8c8d8;font-size:.8rem;line-height:1.5}@media (width<=560px){.sun-detail__name{font-size:2rem}.sun-detail__layer-viz{width:160px;height:160px}}@media (prefers-reduced-motion:reduce){.sun-detail__content{opacity:1;animation:none;transform:none}.sun-detail__layer-ring{transition:none}}.voice-agent{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.voice-agent__orb-container{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.voice-agent__orb{appearance:none;font:inherit;cursor:pointer;z-index:1;background:radial-gradient(circle at 35% 35%,#f6b355 0%,#ec6d13 50%,#a13612 100%);border:none;border-radius:50%;outline:2px solid #0000;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:transform .2s;display:flex;position:relative;box-shadow:0 0 20px #ec6d134d,0 0 40px #ec6d1326}.voice-agent__orb:hover{transform:scale(1.05)}.voice-agent__orb:focus-visible{outline-offset:3px;outline:2px solid #fff}.voice-agent__orb--connecting{animation:1.5s ease-in-out infinite orb-pulse}.voice-agent__orb--listening{animation:3s ease-in-out infinite orb-breathe}.voice-agent__orb--speaking{animation:.6s ease-in-out infinite orb-speak}.voice-agent__wave{opacity:0;pointer-events:none;border:2px solid #ec6d13;border-radius:50%;position:absolute;inset:-8px}.voice-agent__orb-container--speaking .voice-agent__wave:nth-child(2){animation:1.5s ease-out infinite wave-expand}.voice-agent__orb-container--speaking .voice-agent__wave:nth-child(3){animation:1.5s ease-out .5s infinite wave-expand}.voice-agent__orb-container--speaking .voice-agent__wave:nth-child(4){animation:1.5s ease-out 1s infinite wave-expand}.voice-agent__status{color:#ffffff80;letter-spacing:.05em;text-align:center;font-size:.75rem}.voice-agent__mic-icon{fill:#ffffffe6;width:24px;height:24px}.voice-agent__error{appearance:none;font:inherit;cursor:pointer;color:#f5a623;text-align:center;background:0 0;border:none;max-width:300px;padding:0;font-size:.75rem;line-height:1.4}.voice-agent__error:hover{color:#ffc059}@keyframes orb-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes orb-speak{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wave-expand{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media (width<=560px){.voice-agent__orb{width:56px;height:56px}.voice-agent__orb-container{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.voice-agent__orb{transition:none}.voice-agent__orb--connecting,.voice-agent__orb--listening,.voice-agent__orb--speaking,.voice-agent__orb-container--speaking .voice-agent__wave{animation:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e8e8f0;-webkit-font-smoothing:antialiased;background:#050510;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app-header{text-align:center;z-index:10;pointer-events:none;padding:16px 20px 6px;position:fixed;top:0;left:0;right:0}.app-title{background:linear-gradient(135deg,#ffd080 0%,#ffaa40 50%,#ff8020 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700}.app-subtitle{color:#ffffff59;margin-top:6px;font-size:.85rem}.app__toolbar{z-index:130;flex-direction:row-reverse;align-items:center;gap:8px;display:flex;position:fixed;top:20px;right:20px}.app__toolbar-btn{appearance:none;color:#ffffff80;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s,opacity .3s;display:flex}.app__toolbar-btn:hover{color:#fff;background:#ffffff26}.app__toolbar-btn--active{opacity:.3}.app__toolbar-btn--active:hover{opacity:1}.app__cinema-nav{z-index:130;position:fixed;top:20px;left:20px}.app__cinema-nav-btn{appearance:none;color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:4px;padding:6px 16px 6px 8px;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;transition:background .2s,color .2s;display:flex}.app__cinema-nav-btn:hover{color:#fff;background:#ffffff26}.app__voice-float{z-index:120;position:fixed;bottom:28px;right:28px}@media (width<=560px){.app-header{padding:8px 12px 2px}.app-subtitle{display:none}.app__toolbar{top:12px;right:12px}.app__voice-float{bottom:16px;right:16px}}@media (height<=500px){.app-header{padding:4px 12px 2px}.app-title{font-size:1rem}.app-subtitle{display:none}}