:root{--bg:#070d1c;--bg2:#0d1730;--card:#111e3b;--line:#22345f;--tx:#e8eefc;--mut:#94a3c4;--acc:#ffb454;--acc2:#6ea8ff;--ok:#5fd4a0;
--mercury:#ff7a7a;--gemini:#ffb454;--apollo:#6ea8ff;--skylab:#c58bff;--shuttle:#5fd4a0;--asp:#ff8bd1;--comm:#f3e26b;--unc:#aab6d6;--soyuz:#ff9f6e}
@media (prefers-color-scheme:light){:root{--bg:#f4f6fb;--bg2:#e9eef9;--card:#fff;--line:#cdd6ea;--tx:#101a33;--mut:#55627f;--acc:#c46a00;--acc2:#1f5fd1;--ok:#0f8a5f;
--mercury:#d33;--gemini:#c46a00;--apollo:#1f5fd1;--skylab:#8a3fd6;--shuttle:#0f8a5f;--asp:#c2278f;--comm:#9a8700;--unc:#66769a;--soyuz:#d4602a}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--acc2)}h1,h2,h3{line-height:1.2;margin:.2em 0 .5em}h1{font-size:1.8rem}h2{font-size:1.25rem}h3{font-size:1rem}
.muted{color:var(--mut)}.small{font-size:.85rem}.pad{padding:24px}
.ai-bar{background:#3a2a05;color:#ffe2a8;font-size:.85rem;padding:6px 16px;text-align:center}
@media (prefers-color-scheme:light){.ai-bar{background:#fff1cf;color:#5b3d00}}
.ai-bar a,.ai-bar .linklike{color:inherit}
.linklike{background:none;border:0;padding:0;font:inherit;color:var(--acc2);text-decoration:underline;cursor:pointer}
.top{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg2);position:sticky;top:0;z-index:20}
.brand{font-weight:700;color:var(--tx);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--acc) 40%,#b25c00)}
nav{display:flex;gap:4px;flex-wrap:wrap}nav a{color:var(--mut);text-decoration:none;padding:6px 10px;border-radius:8px}nav a.on,nav a:hover{background:var(--card);color:var(--tx)}
#gsearch{margin-left:auto;position:relative;flex:1 1 220px;max-width:340px}
input,select,textarea{width:100%;background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}
.gres{position:absolute;top:44px;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:10px;max-height:60vh;overflow:auto;box-shadow:0 12px 30px #0006}
.gres a{display:block;padding:8px 12px;color:var(--tx);text-decoration:none}.gres a:hover{background:var(--bg2)}.gres small{color:var(--mut)}
main{max-width:1180px;margin:0 auto;padding:20px 16px 60px;outline:none}
.foot{border-top:1px solid var(--line);padding:18px 16px;color:var(--mut);font-size:.85rem;text-align:center}.foot p{max-width:900px;margin:0 auto}
.btn{background:var(--acc);color:#1a1100;border:0;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line)}
.btn.sm{padding:4px 10px;font-size:.85rem}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
a.card{display:block;color:var(--tx);text-decoration:none}a.card:hover{border-color:var(--acc2)}
.card h3{margin:0 0 4px}.tag{display:inline-block;font-size:.72rem;padding:1px 8px;border-radius:99px;border:1px solid var(--line);color:var(--mut);margin-right:4px}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);font-size:.85rem;color:var(--tx);text-decoration:none;margin:2px}
a.pill:hover{border-color:var(--acc2)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.filters>*{width:auto;min-width:140px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mut);font-weight:600;font-size:.85rem}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px}.kv dt{color:var(--mut)}.kv dd{margin:0}
.sec{margin:26px 0}.sec>h2{border-bottom:1px solid var(--line);padding-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.nodata{color:var(--mut);font-style:italic}
sup.ref a{text-decoration:none;font-size:.7rem;margin-left:1px}
.hero{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:6px}
.badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:6px;background:#5a3b00;color:#ffd699;margin-left:6px;vertical-align:middle}
@media (prefers-color-scheme:light){.badge{background:#ffe8bf;color:#6a4200}}
/* timeline */
.tl{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 12px 8px;margin-bottom:16px}
.tlhead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.bigyear{font-size:3rem;font-weight:800;color:var(--acc);font-variant-numeric:tabular-nums;line-height:1}
.chartwrap{position:relative;height:240px;margin-top:8px;touch-action:pan-y}
.chartwrap svg{position:absolute;inset:0;width:100%;height:100%}
.chartwrap input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}
.chartwrap:focus-within{outline:2px solid var(--acc2);border-radius:8px}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--mut);margin-top:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}
.two{display:grid;gap:18px;grid-template-columns:1.3fr 1fr}@media(max-width:820px){.two{grid-template-columns:1fr}}
.glist h3{margin:12px 0 4px;font-size:.9rem;color:var(--mut)}
.ev{padding:8px 10px;border-left:3px solid var(--acc2);background:var(--card);border-radius:0 8px 8px 0;margin:6px 0}
.ev.cls{border-color:var(--acc)}
dialog{background:var(--bg2);color:var(--tx);border:1px solid var(--line);border-radius:14px;max-width:520px;width:calc(100% - 24px)}
dialog::backdrop{background:#000a}dialog label{display:block;margin:10px 0;font-size:.9rem;color:var(--mut)}dialog label>*{margin-top:4px;color:var(--tx)}
.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.src li{margin:4px 0}.src li:target{background:var(--card);outline:1px solid var(--acc)}
.cols{columns:2 280px;column-gap:24px}.cols li{break-inside:avoid}

.card.media{display:flex;gap:12px;align-items:center}.card.media>div{min-width:0}
.face,.patch{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;background:var(--bg2);border:1px solid var(--line)}
.patch{border-radius:10px;object-fit:contain;object-position:center;padding:2px}.ph{display:inline-block}
.photo{margin:0;max-width:230px}.photo img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.photo figcaption{font-size:.72rem;color:var(--mut);margin-top:4px;line-height:1.3}
.patchfig{max-width:140px}.photo.wide{max-width:320px;margin-left:auto}
@media(max-width:600px){.photo,.photo.wide{max-width:150px;margin-left:0}}

.ck{font-size:.75rem;font-weight:700;cursor:help;margin-left:2px}.ck.ok{color:var(--ok)}.ck.warn{color:var(--acc)}

.bio{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px}.bio dt{color:var(--mut);font-weight:600}.bio dd{margin:0;line-height:1.55}@media(max-width:700px){.bio{grid-template-columns:1fr;gap:2px}.bio dd{margin-bottom:10px}}

.tlopts{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--mut);margin-top:6px}.tlopts input{width:auto;margin-right:4px}

.classimg img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 30%;border-radius:8px;margin-bottom:8px;background:var(--bg2)}

.tip{position:absolute;z-index:5;pointer-events:none;background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:.78rem;line-height:1.35;max-width:260px;box-shadow:0 6px 20px #0005}
.tip span{color:var(--mut)}

.explore{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:.9rem;color:var(--mut)}
.explore select{width:auto;min-width:0;margin-left:6px;color:var(--tx)}
.xnote{margin:6px 0 0}
.xlegend{align-items:center;gap:6px}
.xchip{display:inline-flex;gap:6px;align-items:center;background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font:inherit;font-size:.8rem;cursor:pointer}
.xchip i{width:10px;height:10px;border-radius:50%;display:inline-block}
.xchip.off{opacity:.4;text-decoration:line-through}
.pill.dim{opacity:.28}
.patch.ph{display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;text-align:center;line-height:1.1;color:var(--pc,var(--mut));border:2px solid var(--pc,var(--line));background:var(--bg2);padding:2px;overflow:hidden;border-radius:50%}

/* timeline layers */
.tlopts{align-items:center;gap:8px}
.lchip{background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font:inherit;font-size:.82rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.lchip:hover{color:var(--tx);border-color:var(--mut)}
.lchip[aria-pressed=true]{background:var(--acc);color:#1a1100;border-color:var(--acc);font-weight:600}
.lyr{opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.lyr.show{opacity:1}
.cur{transition:transform .22s ease-out}
.playing .cur{transition:transform .45s linear}
#pastr{transition:width .22s ease-out}
.playing #pastr{transition:width .45s linear}
.chartwrap{transition:height .4s ease}
.legend span[hidden]{display:none}
.explore{animation:fadein .3s ease}
.explore[hidden]{display:none}
@keyframes fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.gres .gh{padding:6px 12px 2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.gres a.on{background:var(--card)}
.gres mark{background:transparent;color:var(--acc);font-weight:700}

.tag.chief{background:rgba(110,168,255,.16);color:var(--apollo);border:1px solid rgba(110,168,255,.4)}

.heatwrap{overflow-x:auto;margin:8px 0}
.heat{border-collapse:separate;border-spacing:2px;font-size:.72rem}
.heat th{font-weight:500;color:var(--mut);text-align:center;padding:0 2px;white-space:nowrap}
.heat th.kw{text-align:left;padding-right:10px;cursor:pointer;position:sticky;left:0;background:var(--bg)}
.heat th.kw.on{color:var(--acc);font-weight:700}
.heat td{width:22px;height:20px;text-align:center;border-radius:3px;color:#1a1100;cursor:pointer;background:rgba(255,180,84,var(--v));transition:opacity .2s}
.heat td.dimc{opacity:.18}
.heat td:empty{background:rgba(255,255,255,.04)}

.mlist{list-style:none;padding:0}.mlist li{padding:8px 0;border-bottom:1px solid var(--line)}

.heat th.corner{text-align:left;font-size:.68rem;line-height:1.2;vertical-align:bottom;padding-bottom:4px}.heat th .yr{font-size:.62rem;color:var(--mut)}.heat th a{font-weight:700}.heat td{width:30px}.heatwrap{text-align:left}

.cardsec{margin:12px 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--acc)}

.thumb{flex:none;width:88px;height:64px;border-radius:8px;object-fit:cover;background:var(--bg2);border:1px solid var(--line)}
.mctl{display:flex;flex-direction:column;gap:10px;margin:10px 0}.mrow2{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mrow2 input{flex:1 1 220px;min-width:0}.mrow2 select{width:auto;max-width:100%}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.wcard{display:flex;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px}.wcard h3{margin:0 0 4px;font-size:1rem}.wcard p{margin:6px 0}.wbody{min-width:0}
.wcov{flex:none;width:84px;height:124px;border-radius:6px;overflow:hidden;display:block;background:var(--bg)}.wcov img{width:100%;height:100%;object-fit:cover;display:block}
.wcov.ph{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);font-size:.66rem;color:var(--mut)}.wcov.ph i{font-style:normal;padding:4px}
.wcov.gf{background:linear-gradient(160deg,#3a2230,#1b1424)}.wcov.gb{background:linear-gradient(160deg,#1f3a30,#14201c)}.wcov.ga{background:linear-gradient(160deg,#2b2540,#17142a)}
.wcov.sm{width:44px;height:64px}.mrow{display:flex;gap:10px;align-items:flex-start}
.mdot{cursor:pointer}.mdot:hover{r:6}

.vchk{margin-top:4px;color:var(--mut)}.vchk.ok{color:#5fd4a0}.vchk.no{color:#ff9a6a}

@media(max-width:600px){.hero{flex-direction:column}.hero .photo.wide{width:100%;max-width:340px}.hero .photo.wide img{width:100%;height:auto}.card.media{align-items:flex-start}.thumb{width:76px;height:56px}}

.navbtn,.aishow{display:none}
@media(max-width:700px){
  .ai-bar{font-size:.72rem;padding:5px 12px;line-height:1.35}.aihide{display:none}.aishow{display:inline}
  .top{padding:8px 12px;gap:8px}.brand{flex:1 1 auto;min-width:0}
  .navbtn{display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font:inherit;font-size:.88rem;cursor:pointer}
  .navbtn[aria-expanded=true]{background:var(--acc);color:#1a1100;border-color:var(--acc)}
  nav#nav{display:none;order:3;flex:1 1 100%;display:none;grid-template-columns:1fr 1fr;gap:4px}
  nav#nav.open{display:grid}
  nav#nav a{border:1px solid var(--line);text-align:center}
  #gsearch{order:4;flex:1 1 100%;max-width:none;margin-left:0}
}

.applynote{margin:14px 0;padding:12px 16px;border:1px solid var(--acc);background:rgba(255,180,84,.08);border-radius:12px;font-size:.9rem;line-height:1.55}

/* ISS expeditions */
.xstats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.xs{flex:1 1 130px;background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.xs b{display:block;font-size:1.7rem;line-height:1.1;color:var(--acc)}.xs span{color:var(--mut);font-size:.85rem}
.xchartwrap{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 12px 8px;margin:10px 0 6px}.xchart{width:100%;height:auto;display:block}.xchart a rect{transition:opacity .15s}.xchart a:hover rect{opacity:1;stroke:var(--tx);stroke-width:1}
.xleg{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;margin-top:4px}.xleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}
.xgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.xc{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--xa);border-radius:12px;padding:12px}
.xn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;font-size:1.9rem;font-weight:700;line-height:1;color:var(--xa);text-decoration:none}.xn span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);font-weight:600;margin-bottom:3px}
.xb{min-width:0;flex:1}.xcm{margin:4px 0 8px}.xfs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.xf{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:var(--bg2);font-size:.7rem;font-weight:700;color:var(--tx);overflow:hidden}.xf img{width:100%;height:100%;object-fit:cover;display:block}
.xf.cmd{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--acc)}.xf.part{opacity:.6}.xl{text-decoration:none}.xl:hover .xf{filter:brightness(1.2)}

.xcols{display:grid;gap:22px;grid-template-columns:1fr}@media(min-width:960px){.xcols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.xres .sec{margin-top:26px}.xrl{list-style:none;padding:0;margin:0;display:grid;gap:10px}.xrl li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}

.xvf{margin-top:4px;font-size:.75rem;color:var(--ok)}