/* ═══════════════════════════════════════════════════════════════════
   ISS TRACKER V4 — ENHANCEMENT STYLES
   Items 1,3,4,5,6,7,8,9,10,11,12,13,14,16,17,18,19
   Append to iss-tracker.css
   ═══════════════════════════════════════════════════════════════════ */

/* ── Item 5: Multi-Camera Feed Switcher ───────────────────────── */
.iss-feed-switcher{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.iss-feed-cam-btn{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.45);font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;transition:all .2s;letter-spacing:.3px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.iss-feed-cam-btn:hover{border-color:rgba(96,234,254,.25);color:#60eafe;background:rgba(96,234,254,.06)}
.iss-feed-cam-btn.active{border-color:rgba(96,234,254,.4);color:#60eafe;background:rgba(96,234,254,.1)}
.iss-feed-cam-btn .iss-feed-cam-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}
.iss-feed-cam-btn.active .iss-feed-cam-dot{background:#4cff8e;box-shadow:0 0 8px rgba(76,255,142,.5);animation:iss-pulse 1.8s ease-in-out infinite}
.iss-feed-cam-badge{font-size:7px;padding:2px 5px;border-radius:3px;background:rgba(255,224,96,.1);color:rgba(255,224,96,.7);letter-spacing:.5px;text-transform:uppercase;font-family:'Orbitron',monospace}

/* ── Item 4: Deorbit Countdown Section ────────────────────────── */
.iss-deorbit-section{position:relative;background:linear-gradient(135deg,rgba(255,100,100,.03),rgba(255,224,96,.02));border:1px solid rgba(255,100,100,.1);border-radius:14px;padding:28px 28px 24px;margin:20px 0;overflow:hidden}
.iss-deorbit-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,100,100,.3),rgba(255,224,96,.3),transparent)}
.iss-deorbit-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.iss-deorbit-icon{font-size:28px;flex-shrink:0}
.iss-deorbit-title{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;color:rgba(255,224,96,.85);letter-spacing:.5px}
.iss-deorbit-sub{font-size:12px;color:rgba(255,255,255,.4);margin-top:2px}
.iss-deorbit-countdown{display:flex;gap:16px;justify-content:center;margin:20px 0;flex-wrap:wrap}
.iss-deorbit-unit{text-align:center;min-width:64px}
.iss-deorbit-val{font-family:'JetBrains Mono',monospace;font-size:clamp(22px,3.5vw,32px);font-weight:700;color:rgba(255,224,96,.9);line-height:1;font-variant-numeric:tabular-nums}
.iss-deorbit-lbl{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,.3);letter-spacing:.8px;text-transform:uppercase;margin-top:4px}
.iss-deorbit-body{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;max-width:680px;margin:0 auto}
.iss-deorbit-body a{color:rgba(96,234,254,.7);text-decoration:none}
.iss-deorbit-body a:hover{color:#60eafe}
.iss-deorbit-timeline{display:flex;gap:0;margin:20px 0 0;overflow-x:auto;padding-bottom:4px}
.iss-deorbit-event{flex:1;min-width:100px;padding:10px 12px;border-left:2px solid rgba(255,224,96,.15);position:relative}
.iss-deorbit-event:first-child{border-left-color:rgba(76,255,142,.3)}
.iss-deorbit-event.current{border-left-color:rgba(96,234,254,.4);background:rgba(96,234,254,.03);border-radius:0 6px 6px 0}
.iss-deorbit-eyear{font-family:'Orbitron',monospace;font-size:10px;color:rgba(255,224,96,.6);letter-spacing:.5px;margin-bottom:3px}
.iss-deorbit-edesc{font-size:10px;color:rgba(255,255,255,.4);line-height:1.4}

/* ── Item 17: Cities in ISS Footprint ─────────────────────────── */
.iss-footprint-cities{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-height:28px}
.iss-fp-city{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:rgba(96,234,254,.04);border:1px solid rgba(96,234,254,.1);font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(96,234,254,.6);transition:all .3s;animation:iss-fp-fadein .5s ease}
.iss-fp-city:first-child{background:rgba(76,255,142,.06);border-color:rgba(76,255,142,.2);color:rgba(76,255,142,.7)}
.iss-fp-city-flag{font-size:11px}
.iss-fp-city-dist{font-size:8px;color:rgba(255,255,255,.25)}
.iss-fp-count{font-size:10px;color:rgba(255,255,255,.3);font-family:'JetBrains Mono',monospace;align-self:center;padding:4px 8px}
@keyframes iss-fp-fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.iss-footprint-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.iss-footprint-header-text{font-family:'Orbitron',monospace;font-size:10px;color:rgba(255,224,96,.5);letter-spacing:1px;text-transform:uppercase}
.iss-footprint-header-count{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(96,234,254,.5)}

/* ── Item 11: Historical Altitude Chart ───────────────────────── */
.iss-alt-chart-wrap{position:relative;margin:16px 0;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 20px 12px;overflow:hidden}
.iss-alt-chart-title{font-family:'Orbitron',monospace;font-size:11px;color:rgba(255,224,96,.6);letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}
.iss-alt-chart-svg{width:100%;height:auto;display:block}
.iss-alt-chart-label{font-family:'JetBrains Mono',monospace;font-size:8px;fill:rgba(255,255,255,.3)}
.iss-alt-reboost{fill:rgba(255,224,96,.6)}
.iss-alt-area{fill:rgba(96,234,254,.06)}
.iss-alt-line{fill:none;stroke:#60eafe;stroke-width:1.5;stroke-linecap:round}
.iss-alt-grid-line{stroke:rgba(255,255,255,.04);stroke-width:.5}

/* ── Item 7: Crew Social Feed ─────────────────────────────────── */
.iss-crew-social{margin:16px 0}
.iss-crew-social-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.iss-crew-social-card{min-width:260px;max-width:300px;flex-shrink:0;padding:14px 16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;scroll-snap-align:start;transition:border-color .2s}
.iss-crew-social-card:hover{border-color:rgba(96,234,254,.15)}
.iss-crew-social-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.iss-crew-social-name{font-size:12px;color:rgba(255,255,255,.7);font-weight:600}
.iss-crew-social-agency{font-size:10px;color:rgba(96,234,254,.5)}
.iss-crew-social-text{font-size:12px;color:rgba(255,255,255,.5);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.iss-crew-social-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:9px;color:rgba(255,255,255,.25)}
.iss-crew-social-meta a{color:rgba(96,234,254,.4);text-decoration:none}

/* ── Item 8: 360° Tour CTA ───────────────────────────────────── */
.iss-tour-cta{display:flex;align-items:center;gap:16px;padding:18px 22px;background:linear-gradient(135deg,rgba(96,234,254,.03),rgba(180,130,255,.02));border:1px solid rgba(96,234,254,.12);border-radius:12px;margin:16px 0;cursor:pointer;transition:all .25s;text-decoration:none}
.iss-tour-cta:hover{border-color:rgba(96,234,254,.3);transform:translateY(-1px);box-shadow:0 4px 20px rgba(96,234,254,.08)}
.iss-tour-icon{font-size:32px;flex-shrink:0}
.iss-tour-body{flex:1}
.iss-tour-title{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px;margin-bottom:3px}
.iss-tour-desc{font-size:11px;color:rgba(255,255,255,.4);line-height:1.5}
.iss-tour-arrow{font-size:18px;color:rgba(96,234,254,.4);transition:transform .2s}
.iss-tour-cta:hover .iss-tour-arrow{transform:translateX(4px);color:#60eafe}

/* ── Item 18: RSS/Subscribe Feed CTA ──────────────────────────── */
.iss-feed-subscribe{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.iss-feed-sub-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,224,96,.15);background:rgba(255,224,96,.04);color:rgba(255,224,96,.6);font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;transition:all .2s;text-decoration:none;letter-spacing:.3px}
.iss-feed-sub-btn:hover{background:rgba(255,224,96,.1);border-color:rgba(255,224,96,.35);color:#ffe060}
.iss-feed-sub-btn svg{width:12px;height:12px;flex-shrink:0;opacity:.6}

/* ── Item 19: Lazy-load placeholder ───────────────────────────── */
.iss-lazy-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.iss-lazy-section.iss-lazy-visible{opacity:1;transform:translateY(0)}

/* ── Narrate modal (Item 10) ──────────────────────────────────── */
.iss-narrate-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.iss-narrate-modal.active{display:flex}
.iss-narrate-content{max-width:520px;width:90%;background:linear-gradient(160deg,rgba(14,18,40,.98),rgba(10,14,34,.98));border:1px solid rgba(96,234,254,.15);border-radius:16px;padding:28px 28px 24px;position:relative;max-height:80vh;overflow-y:auto}
.iss-narrate-close{position:absolute;top:14px;right:14px;background:none;border:none;color:rgba(255,255,255,.4);font-size:18px;cursor:pointer;padding:4px 8px}
.iss-narrate-close:hover{color:#fff}
.iss-narrate-title{font-family:'Orbitron',monospace;font-size:14px;font-weight:700;color:rgba(255,224,96,.85);letter-spacing:.5px;margin-bottom:14px}
.iss-narrate-text{font-size:13px;color:rgba(255,255,255,.65);line-height:1.8;letter-spacing:.2px}
.iss-narrate-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.iss-narrate-action{padding:8px 16px;border-radius:8px;border:1px solid rgba(96,234,254,.2);background:rgba(96,234,254,.06);color:rgba(96,234,254,.7);font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.iss-narrate-action:hover{background:rgba(96,234,254,.12);border-color:rgba(96,234,254,.4);color:#60eafe}
.iss-narrate-loading{text-align:center;padding:20px;color:rgba(255,255,255,.3);font-family:'JetBrains Mono',monospace;font-size:12px}

/* ── Light mode overrides for V4 features ─────────────────────── */
html.or-light-mode .iss-deorbit-section{background:linear-gradient(135deg,rgba(200,60,60,.03),rgba(200,160,0,.02))!important;border-color:rgba(200,60,60,.12)!important}
html.or-light-mode .iss-deorbit-title{color:#8b4513!important}
html.or-light-mode .iss-deorbit-val{color:#8b6914!important}
html.or-light-mode .iss-deorbit-body{color:var(--iss-sub)!important}
html.or-light-mode .iss-fp-city{background:rgba(0,128,200,.04)!important;border-color:rgba(0,128,200,.12)!important;color:#005f8a!important}
html.or-light-mode .iss-alt-chart-wrap{background:rgba(255,255,255,.5)!important;border-color:var(--iss-border)!important}
html.or-light-mode .iss-crew-social-card{background:var(--iss-card)!important;border-color:var(--iss-border)!important}
html.or-light-mode .iss-crew-social-text{color:var(--iss-sub)!important}
html.or-light-mode .iss-tour-cta{background:rgba(0,128,200,.03)!important;border-color:rgba(0,128,200,.12)!important}
html.or-light-mode .iss-tour-title{color:var(--iss-text)!important}
html.or-light-mode .iss-narrate-content{background:var(--iss-card)!important;border-color:var(--iss-border)!important}
html.or-light-mode .iss-narrate-title{color:var(--iss-text)!important}
html.or-light-mode .iss-narrate-text{color:var(--iss-sub)!important}
html.or-light-mode .iss-feed-cam-btn{background:rgba(0,0,0,.03)!important;border-color:rgba(0,0,0,.1)!important;color:var(--iss-sub)!important}
html.or-light-mode .iss-feed-cam-btn.active{background:rgba(0,128,200,.08)!important;border-color:rgba(0,128,200,.3)!important;color:#005f8a!important}
html.or-light-mode .iss-deorbit-event{border-left-color:rgba(0,0,0,.1)!important}
html.or-light-mode .iss-deorbit-eyear{color:#8b6914!important}
html.or-light-mode .iss-deorbit-edesc{color:var(--iss-sub)!important}

/* ── Responsive for V4 features ───────────────────────────────── */
@media(max-width:700px){
  .iss-deorbit-countdown{gap:10px}
  .iss-deorbit-unit{min-width:52px}
  .iss-deorbit-val{font-size:22px}
  .iss-deorbit-timeline{flex-direction:column;gap:0}
  .iss-deorbit-event{border-left:2px solid rgba(255,224,96,.15);min-width:auto}
  .iss-feed-switcher{gap:4px}
  .iss-feed-cam-btn{padding:6px 10px;font-size:9px}
  .iss-tour-cta{flex-direction:column;text-align:center;gap:10px}
  .iss-narrate-content{padding:20px 18px}
}

/* ── Click-to-play thumbnail (YouTube bot-detection fix) ──────── */
.iss-feed-thumb-wrap{position:absolute;inset:0;width:100%;height:100%;background:#000;overflow:hidden;cursor:pointer}
.iss-feed-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s}
.iss-feed-thumb-wrap:hover .iss-feed-thumb-img{opacity:.9}
.iss-feed-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;z-index:2;transition:transform .2s;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.iss-feed-play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}
.iss-feed-play-btn svg{display:block}
.iss-feed-thumb-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(10,14,34,.95),rgba(14,18,40,.95));color:rgba(255,255,255,.35);font-family:'JetBrains Mono',monospace;font-size:12px}
.iss-feed-live-badge{position:absolute;top:12px;left:12px;background:rgba(255,0,0,.85);color:#fff;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:1px;z-index:2;animation:iss-pulse 1.8s ease-in-out infinite}
/* YouTube watch overlay — links out instead of embedding */
a.iss-feed-thumb-wrap{cursor:pointer;display:block}
a.iss-feed-thumb-wrap:hover .iss-feed-thumb-img{opacity:.85}
.iss-feed-yt-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:2}
.iss-feed-yt-overlay svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s}
a.iss-feed-thumb-wrap:hover .iss-feed-yt-overlay svg{transform:scale(1.08)}
.iss-feed-yt-label{color:#fff;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 6px rgba(0,0,0,.7);background:rgba(0,0,0,.45);padding:5px 14px;border-radius:6px;backdrop-filter:blur(4px)}

/* ── Fallback UI when YouTube blocks embed ─────────────────────── */
.iss-feed-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px}
.iss-feed-fallback-icon{font-size:36px;margin-bottom:12px;opacity:.6}
.iss-feed-fallback-title{font-family:'Orbitron',monospace;font-size:14px;font-weight:700;color:rgba(255,224,96,.85);margin-bottom:8px}
.iss-feed-fallback-desc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;max-width:420px;margin-bottom:20px}
.iss-feed-fallback-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.iss-feed-fallback-btn{padding:10px 20px;border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:11px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.iss-feed-fallback-btn.primary{background:rgba(255,0,0,.15);border:1px solid rgba(255,0,0,.3);color:rgba(255,100,100,.9)}
.iss-feed-fallback-btn.primary:hover{background:rgba(255,0,0,.25);border-color:rgba(255,0,0,.5)}
.iss-feed-fallback-btn.secondary{background:rgba(96,234,254,.06);border:1px solid rgba(96,234,254,.15);color:rgba(96,234,254,.7)}
.iss-feed-fallback-btn.secondary:hover{background:rgba(96,234,254,.12);border-color:rgba(96,234,254,.3)}

/* Light mode overrides for feed fix */
html.or-light-mode .iss-feed-fallback{background:rgba(0,0,0,.02)!important;border-color:rgba(0,0,0,.08)!important}
html.or-light-mode .iss-feed-fallback-title{color:#8b4513!important}
html.or-light-mode .iss-feed-fallback-desc{color:var(--iss-sub)!important}
html.or-light-mode .iss-feed-thumb-wrap{border:1px solid rgba(0,0,0,.08)}
html.or-light-mode .iss-feed-live-badge{box-shadow:0 1px 4px rgba(0,0,0,.15)}

/* Responsive for feed fix */
@media(max-width:700px){
  .iss-feed-fallback{padding:28px 16px}
  .iss-feed-fallback-title{font-size:12px}
  .iss-feed-fallback-btn{padding:8px 14px;font-size:10px}
}

/* ═══ NEW V4+ STYLES ══════════════════════════════════════════════ */

/* ── Contextual Related Strips ─────────────────────────────────── */
.iss-context-links{margin:18px 0 4px;padding:10px 0;border-top:1px solid rgba(255,255,255,.04);font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.25);letter-spacing:.3px}
.iss-context-links a{color:rgba(96,234,254,.4);text-decoration:none;transition:color .2s}
.iss-context-links a:hover{color:#60eafe}
html.or-light-mode .iss-context-links{border-top-color:rgba(0,0,0,.06)!important;color:rgba(0,0,0,.3)!important}
html.or-light-mode .iss-context-links a{color:rgba(0,128,200,.5)!important}

/* ── ISS Spec live indicator ───────────────────────────────────── */
.iss-spec-live{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(76,255,142,.5);letter-spacing:.5px;margin-top:2px;display:flex;align-items:center;gap:4px}
.iss-spec-live-dot{width:5px;height:5px;border-radius:50%;background:rgba(76,255,142,.5);animation:iss-pulse 1.8s ease-in-out infinite}
.iss-spec-sub{font-size:9px;color:rgba(255,255,255,.3);font-weight:400}

/* ── Crew Activity Indicator ───────────────────────────────────── */
.iss-crew-activity{margin:16px 0 12px;background:linear-gradient(135deg,rgba(96,234,254,.03),rgba(180,130,255,.02));border:1px solid rgba(96,234,254,.1);border-radius:12px;padding:14px 18px;overflow:hidden}
.iss-crew-activity-inner{display:flex;align-items:center;gap:14px}
.iss-crew-activity-clock{flex-shrink:0;width:48px;height:48px}
.iss-crew-clock-svg{width:48px;height:48px}
.iss-crew-activity-text{flex:1;min-width:0}
.iss-crew-activity-label{font-family:'Orbitron',monospace;font-size:8px;color:rgba(96,234,254,.5);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:3px}
.iss-crew-activity-status{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(255,255,255,.6);letter-spacing:.2px}
.iss-crew-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:iss-pulse 2s ease-in-out infinite}
html.or-light-mode .iss-crew-activity{background:rgba(0,128,200,.03)!important;border-color:rgba(0,128,200,.1)!important}
html.or-light-mode .iss-crew-activity-status{color:var(--iss-sub)!important}

/* ── ISS Module Explorer ───────────────────────────────────────── */
.iss-modules-explorer{max-width:840px;margin:0 auto}
.iss-modules-visual{position:relative;background:radial-gradient(ellipse at center,rgba(96,234,254,.02) 0%,transparent 70%);border:1px solid rgba(96,234,254,.08);border-radius:14px;padding:20px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.iss-modules-svg{width:100%;min-width:600px;height:auto;display:block}
.iss-mod-clickable{cursor:pointer;transition:opacity .2s}
.iss-mod-clickable:hover rect,.iss-mod-clickable:hover circle{filter:brightness(1.6)!important}
.iss-mod-clickable.iss-mod-active rect{stroke-width:2!important;filter:brightness(1.8)!important}
.iss-mod-clickable.iss-mod-active text{fill-opacity:1!important}
.iss-modules-info{min-height:0;transition:min-height .4s ease;overflow:hidden}
.iss-modules-info .iss-modules-hint{text-align:center;padding:12px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.25);letter-spacing:.3px}
.iss-mod-info-card{padding:16px 20px;margin-top:12px;background:rgba(255,255,255,.02);border:1px solid rgba(96,234,254,.12);border-radius:10px;animation:iss-fp-fadein .3s ease}
.iss-mod-info-header{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.iss-mod-info-name{font-family:'Orbitron',monospace;font-size:15px;color:#fff;letter-spacing:.5px}
.iss-mod-info-full{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.35)}
.iss-mod-info-meta{display:flex;gap:16px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(96,234,254,.5);margin-bottom:10px}
.iss-mod-info-desc{font-size:12px;color:rgba(255,255,255,.55);line-height:1.7}
.iss-mod-info-link{display:inline-block;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(96,234,254,.6);text-decoration:none;transition:color .2s}
.iss-mod-info-link:hover{color:#60eafe}
.iss-modules-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;justify-content:center}
.iss-mod-legend-item{display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,.35)}
.iss-mod-dot{width:6px;height:6px;border-radius:50%}
.iss-modules-deep-link{display:block;text-align:center;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(96,234,254,.5);text-decoration:none;transition:color .2s;padding:8px}
.iss-modules-deep-link:hover{color:#60eafe}
html.or-light-mode .iss-modules-visual{background:rgba(0,128,200,.02)!important;border-color:rgba(0,128,200,.08)!important}
html.or-light-mode .iss-mod-info-card{background:var(--iss-card)!important;border-color:var(--iss-border)!important}
html.or-light-mode .iss-mod-info-name{color:var(--iss-text)!important}
html.or-light-mode .iss-mod-info-desc{color:var(--iss-sub)!important}

/* ── ISS History Timeline ──────────────────────────────────────── */
.iss-timeline{max-width:680px;margin:0 auto;padding:0 8px}
.iss-tl-track{position:relative;padding-left:32px}
.iss-tl-track::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(96,234,254,.3),rgba(96,234,254,.15),rgba(255,100,100,.2))}
.iss-tl-item{position:relative;padding:0 0 24px}
.iss-tl-dot{position:absolute;left:-28px;top:6px;width:10px;height:10px;border-radius:50%;background:rgba(96,234,254,.15);border:2px solid rgba(96,234,254,.4);transition:all .3s}
.iss-tl-dot.iss-tl-major{background:rgba(96,234,254,.3);border-color:#60eafe;width:12px;height:12px;left:-29px;top:5px}
.iss-tl-dot.iss-tl-now{background:#4cff8e;border-color:#4cff8e;box-shadow:0 0 12px rgba(76,255,142,.4);animation:iss-pulse 2s ease-in-out infinite;width:14px;height:14px;left:-30px;top:4px}
.iss-tl-dot.iss-tl-end{background:rgba(255,100,100,.3);border-color:rgba(255,100,100,.6)}
.iss-tl-card{padding:8px 16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .3s}
.iss-tl-item:hover .iss-tl-card{border-color:rgba(96,234,254,.15);background:rgba(96,234,254,.02)}
.iss-tl-current .iss-tl-card{border-color:rgba(76,255,142,.2);background:rgba(76,255,142,.03)}
.iss-tl-future .iss-tl-card{border-color:rgba(255,100,100,.1);border-style:dashed}
.iss-tl-year{font-family:'Orbitron',monospace;font-size:11px;color:rgba(255,224,96,.6);letter-spacing:1px;margin-bottom:2px}
.iss-tl-current .iss-tl-year{color:#4cff8e}
.iss-tl-title{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:.3px;margin-bottom:4px}
.iss-tl-desc{font-size:11px;color:rgba(255,255,255,.4);line-height:1.6}
.iss-tl-desc a{color:rgba(96,234,254,.6);text-decoration:none}
.iss-tl-desc a:hover{color:#60eafe}
html.or-light-mode .iss-tl-track::before{background:linear-gradient(180deg,rgba(0,128,200,.2),rgba(0,128,200,.1),rgba(200,60,60,.15))!important}
html.or-light-mode .iss-tl-card{background:var(--iss-card)!important;border-color:var(--iss-border)!important}
html.or-light-mode .iss-tl-title{color:var(--iss-text)!important}
html.or-light-mode .iss-tl-desc{color:var(--iss-sub)!important}
@media(max-width:600px){.iss-tl-track{padding-left:24px}.iss-tl-dot{left:-20px}.iss-tl-dot.iss-tl-major{left:-21px}.iss-tl-dot.iss-tl-now{left:-22px}.iss-tl-card{padding:6px 12px}}

/* ── ISS vs Tiangong CTA ──────────────────────────────────────── */
.iss-tiangong-cta{margin:16px 0 8px}
.iss-tiangong-link{display:flex;align-items:center;gap:14px;padding:14px 20px;background:linear-gradient(135deg,rgba(255,100,100,.03),rgba(255,224,96,.02));border:1px solid rgba(255,100,100,.12);border-radius:10px;text-decoration:none;transition:all .25s}
.iss-tiangong-link:hover{border-color:rgba(255,100,100,.25);transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,100,100,.06)}
.iss-tiangong-icon{font-size:24px;flex-shrink:0}
.iss-tiangong-text{flex:1;display:flex;flex-direction:column;gap:2px}
.iss-tiangong-text strong{font-family:'Orbitron',monospace;font-size:12px;color:rgba(255,255,255,.75);letter-spacing:.3px}
.iss-tiangong-sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.35)}
.iss-tiangong-arrow{font-size:16px;color:rgba(255,100,100,.4);transition:transform .2s}
.iss-tiangong-link:hover .iss-tiangong-arrow{transform:translateX(4px);color:rgba(255,100,100,.7)}

/* ── Night Mode Auto-Detect Hint ───────────────────────────────── */
.iss-night-hint{max-width:780px;margin:8px auto;padding:10px 16px;background:linear-gradient(135deg,rgba(180,130,255,.04),rgba(96,234,254,.03));border:1px solid rgba(180,130,255,.15);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(180,130,255,.6);text-align:center;animation:iss-fp-fadein .5s ease}
.iss-night-hint a{color:#ffe060;text-decoration:none}
.iss-night-hint a:hover{text-decoration:underline}

/* ── Detect Location Loading State ─────────────────────────────── */
.iss-loc-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(96,234,254,.2);border-top-color:#60eafe;border-radius:50%;animation:iss-spin .6s linear infinite}
@keyframes iss-spin{to{transform:rotate(360deg)}}
.iss-loc-detecting{opacity:.7;pointer-events:none}

/* ── Pass Card CTA hierarchy ───────────────────────────────────── */
.iss-pass-card .iss-cal-btn{font-size:8px!important;padding:3px 7px!important;opacity:.5;transition:opacity .2s}
.iss-pass-card:hover .iss-cal-btn{opacity:.8}
.iss-pass-card .iss-cal-btn:first-of-type{opacity:.9;border-color:rgba(96,234,254,.3)!important;background:rgba(96,234,254,.08)!important}

/* ═══ FIX 2: TEXT BRIGHTNESS — Increase readability ═══════════════ */

/* Body text and written content */
.or-lib-section p,
.iss-quickstart p,
.iss-deorbit-body,
.iss-faq-a,
.iss-about-body p,
.iss-embed-section p,
.iss-altitude-section p,
#iss-altitude-text {
  color: rgba(255,255,255,.72) !important;
}

/* Section descriptions and labels */
.iss-spec-label,
.iss-num-lbl,
.iss-compare-cell,
.iss-deorbit-edesc,
.iss-deorbit-sub,
.iss-footprint-header-text {
  color: rgba(255,255,255,.55) !important;
}

/* Module explorer labels */
.iss-modules-hint,
.iss-mod-legend-item,
.iss-mod-info-full,
.iss-mod-info-desc {
  color: rgba(255,255,255,.6) !important;
}

/* Timeline text */
.iss-tl-desc {
  color: rgba(255,255,255,.55) !important;
}
.iss-tl-title {
  color: rgba(255,255,255,.85) !important;
}

/* Crew activity text */
.iss-crew-activity-status {
  color: rgba(255,255,255,.72) !important;
}

/* Context link strips */
.iss-context-links {
  color: rgba(255,255,255,.35) !important;
}
.iss-context-links a {
  color: rgba(96,234,254,.55) !important;
}

/* SVG text inside module explorer — can't use !important on SVG attrs, use CSS fill */
.iss-modules-svg text {
  opacity: 1;
}

/* Expedition section improvements */
.iss-exp-avatar {
  position: relative;
}
.iss-exp-flag {
  position: absolute;
  bottom: -2px;
  right: -4px;
  font-size: 14px;
  line-height: 1;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.6));
  z-index: 2;
}
.iss-exp-crew-name {
  color: rgba(255,255,255,.85) !important;
  font-weight: 600 !important;
}
.iss-exp-crew-agency {
  color: rgba(96,234,254,.55) !important;
  font-size: 10px !important;
}
.iss-exp-crew-chip {
  padding: 10px 14px !important;
  border: 1px solid rgba(96,234,254,.1) !important;
  border-radius: 10px !important;
  background: rgba(96,234,254,.02) !important;
  transition: all .25s !important;
}
.iss-exp-crew-chip:hover {
  border-color: rgba(96,234,254,.25) !important;
  background: rgba(96,234,254,.05) !important;
  transform: translateY(-2px) !important;
}
.iss-exp-avatar-fallback {
  background: linear-gradient(135deg, rgba(96,234,254,.15), rgba(96,234,254,.25)) !important;
  color: rgba(96,234,254,.9) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.iss-exp-avatar-img {
  border: 1.5px solid rgba(96,234,254,.2) !important;
}

/* Expedition headline */
.iss-exp-headline,
#iss-expedition-summary {
  color: rgba(255,255,255,.72) !important;
}

/* ISS by the Numbers — ensure stat values are bright */
.iss-num-val {
  color: rgba(255,224,96,.85) !important;
}
.iss-num-val.cyan {
  color: rgba(96,234,254,.85) !important;
}
.iss-num-lbl {
  color: rgba(255,255,255,.5) !important;
}
.iss-num-lbl a {
  color: rgba(255,255,255,.5) !important;
}

/* Spec values */
.iss-spec-value {
  color: rgba(255,255,255,.8) !important;
}
.iss-spec-label {
  color: rgba(255,255,255,.5) !important;
}

/* Pass card text */
.iss-pass-info span {
  color: rgba(255,255,255,.65);
}

/* FAQ question text */
.iss-faq-q {
  color: rgba(255,255,255,.8) !important;
}

/* "Tap any module" hint */
.iss-modules-hint {
  color: rgba(255,255,255,.35) !important;
  font-size: 11px !important;
}

/* Speed section text */
.iss-speed-label {
  color: rgba(255,255,255,.6) !important;
}

/* Compare table headers */
.iss-compare-header {
  color: rgba(255,255,255,.75) !important;
}

/* Light mode should NOT be affected by these dark-mode brightness fixes */
html.or-light-mode .or-lib-section p,
html.or-light-mode .iss-quickstart p,
html.or-light-mode .iss-faq-a,
html.or-light-mode .iss-exp-crew-name,
html.or-light-mode .iss-tl-title,
html.or-light-mode .iss-faq-q,
html.or-light-mode #iss-altitude-text {
  color: var(--iss-text, #1a1e2e) !important;
}
html.or-light-mode .iss-exp-crew-chip {
  background: rgba(0,0,0,.02) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.or-light-mode .iss-exp-crew-chip:hover {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.15) !important;
}