html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(126,204,255,.08),transparent 30%),radial-gradient(circle at 78% 28%,rgba(255,190,130,.06),transparent 28%),linear-gradient(180deg,#f7fbff,#eef6ff 52%,#f8f9fb);color:#17202d;font-family:Inter,Segoe UI,system-ui,sans-serif}#app{position:relative;width:100vw;height:100dvh;min-height:100vh}#scene{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.library-toggle{position:absolute;top:18px;left:18px;z-index:4;display:none;padding:10px 14px;border-radius:999px;border:1px solid rgba(23,32,45,.12);background:#ffffffdb;color:#17202d;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:none;backdrop-filter:none}#app.is-exploring .library-toggle{display:inline-flex}.home-screen{position:absolute;inset:0;z-index:3;display:none;align-items:flex-start;justify-content:center;padding:calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:#f7fbffd6;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto;overscroll-behavior:contain}.home-screen.is-open{display:flex}.home-screen__panel{width:min(1180px,100%);padding:24px;border:1px solid rgba(23,32,45,.08);border-radius:28px;background:#ffffffe6}.home-screen__eyebrow{color:#395373d1;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase}.home-screen__title{margin:12px 0 8px;font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:.96;letter-spacing:-.05em}.home-screen__copy{max-width:60ch;margin:0 0 18px;color:#17202dcc;line-height:1.5}.home-screen__grid{display:grid;gap:18px}.home-screen__section{display:grid;gap:14px}.home-screen__system{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center}.home-screen__system-media{width:120px;aspect-ratio:1;border-radius:24px;overflow:hidden;border:1px solid rgba(23,32,45,.08);background:#f3f8fcf0}.home-screen__system-image{display:block;width:100%;height:100%;object-fit:cover}.home-screen__system-copy{display:grid;gap:6px}.home-screen__section-title{margin:0;color:#17202d;font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.home-screen__section-summary{margin:0;color:#17202dc2;font-size:.88rem;line-height:1.45}.home-screen__section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.home-screen__card{appearance:none;display:grid;gap:6px;min-height:140px;padding:16px;border-radius:20px;border:1px solid rgba(23,32,45,.08);background:#ffffffeb;color:#17202d;text-align:left;cursor:pointer}.home-screen__title-chip{font-size:1rem;font-weight:800;letter-spacing:-.02em}.home-screen__subtitle{color:#395373db;font-size:.78rem;line-height:1.35}.home-screen__summary{color:#17202dd1;font-size:.78rem;line-height:1.45}.home-screen__meta{align-self:end;color:#395373b8;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.poi-panel{position:absolute;top:24px;right:24px;width:min(470px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:18px 18px 16px;border:1px solid rgba(23,32,45,.08);border-radius:22px;background:#ffffffeb;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#17202d;opacity:0;transform:translate(18px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;overflow:auto}.poi-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.poi-panel__library{appearance:none;padding:8px 10px;border:1px solid rgba(23,32,45,.08);border-radius:999px;background:#f3f8fcf0;color:#17202dcc;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.poi-panel__rail{display:grid;gap:8px;margin:2px 0 16px}.poi-panel__rail-button{appearance:none;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:14px;border:1px solid rgba(23,32,45,.08);background:#ffffffe0;color:#17202d;text-align:left;cursor:pointer}.poi-panel__rail-button.is-active{border-color:#2d79d63d;background:#e8f2fff5;box-shadow:none}.poi-panel__rail-dot{flex:0 0 auto;width:9px;height:9px;border-radius:999px;background:#68b7ff;box-shadow:none}.poi-panel__rail-copy{display:grid;gap:2px;min-width:0}.poi-panel__rail-title{font-size:.8rem;font-weight:700;line-height:1.2}.poi-panel__rail-kind{color:#395373bd;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.poi-panel__hero{margin:0 0 16px;border-radius:20px;overflow:hidden;border:1px solid rgba(23,32,45,.08);background:#fffffff0}.poi-panel__image{display:block;width:100%;height:210px;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.08) brightness(1.02)}.poi-panel__caption{padding:10px 12px 11px;color:#395373c7;font-size:.74rem;line-height:1.45}.poi-panel--open{opacity:1;transform:translate(0);pointer-events:auto}.poi-panel__eyebrow{margin-bottom:10px;color:#395373d1;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase}.poi-panel h2{margin:0 0 10px;font-size:clamp(1.3rem,2vw,1.95rem);line-height:1;letter-spacing:-.04em}.poi-panel p{margin:0 0 16px;color:#17202dd6;line-height:1.58;font-size:.9rem}.poi-panel__body{margin:0 0 16px;padding:14px 14px 13px;border-radius:16px;background:#ffffffe0;border:1px solid rgba(23,32,45,.08);color:#17202d;line-height:1.45;font-size:.84rem}.moon-facts{margin:0 0 16px}.moon-facts__eyebrow{margin-bottom:10px;color:#395373c7;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.moon-facts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.moon-facts__card{padding:12px 13px;border:1px solid rgba(23,32,45,.08);border-radius:16px;background:#f8fbfff5}.moon-facts__label{margin-bottom:6px;color:#395373b8;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.moon-facts__copy{margin:0;color:#17202ddb;font-size:.78rem;line-height:1.45}.moon-facts__source{display:inline-flex;margin-top:12px;color:#24527a;font-size:.74rem;font-weight:700;text-decoration:none}.moon-facts__source:hover{text-decoration:underline}.poi-panel__meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#395373c7;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){.home-screen{padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));align-items:flex-start;justify-content:center}.home-screen__panel{padding:18px;border-radius:22px}.home-screen__grid{gap:14px}.home-screen__section-grid{grid-template-columns:1fr}.home-screen__card{min-height:132px;padding:14px}.poi-panel{inset:auto 16px 16px;width:auto;max-height:34vh;padding:12px 12px 10px;overflow-y:auto}.poi-panel__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.moon-facts__grid{grid-template-columns:1fr;gap:8px}.home-screen__system{grid-template-columns:88px minmax(0,1fr);gap:12px}.home-screen__system-media{width:88px;border-radius:20px}.poi-panel__rail-button{padding:7px 8px;gap:8px}.poi-panel__rail-title{font-size:.76rem}.poi-panel__rail-kind{font-size:.58rem}.poi-panel__image{height:96px}.poi-panel h2{font-size:1.18rem}.poi-panel p{font-size:.84rem;margin-bottom:10px}.poi-panel__body{font-size:.78rem;padding:11px 12px;margin-bottom:10px}.poi-panel__meta{margin-top:10px;font-size:.68rem}}