
:root{color-scheme:dark;--bg:#080b13;--panel:#101827;--panel2:#151f31;--ink:#edf4ff;--muted:#9fb0c8;--line:#26364d;--gold:#ffd27a;--blue:#8fd3ff;--accent:#b7f7d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#1a2740 0,#080b13 42rem),#080b13;color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.site{padding:1.1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;align-items:baseline}.brand{font-weight:800;letter-spacing:.04em;text-decoration:none}.site p{margin:0;color:var(--muted)}main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:1.5rem;align-items:end;margin:1rem 0 2rem}.hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:.95;margin:.1rem 0 1rem;letter-spacing:-.06em}.hero p{font-size:1.15rem;color:#c8d6eb;max-width:63ch}.eyebrow{color:var(--gold)!important;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem!important;font-weight:800}.panel,.card{background:linear-gradient(180deg,var(--panel),#0c1320);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px #0006}.panel{padding:1.25rem}.controls{position:sticky;top:0;z-index:2;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;background:#080b13e6;border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;margin:1rem 0 1.5rem;backdrop-filter:blur(10px)}.no-js-note{margin:-.5rem 0 1.5rem;padding:.85rem 1rem;background:#2a1f0d;border:1px solid #8a6424;border-radius:16px;color:#ffe5ad}select,button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem}button{cursor:pointer}.guide-link{display:inline-block;margin-top:.4rem;background:var(--gold);color:#15110a;text-decoration:none;font-weight:800;border-radius:999px;padding:.65rem .95rem;box-shadow:0 10px 28px #0005}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1rem}.card{padding:1rem;overflow:hidden}.card[hidden]{display:none}.card a{text-decoration:none}.card h2{margin:.8rem 0 .1rem;font-size:1.3rem}.meta,.small,.aliases{color:var(--muted)}.small{font-size:.9rem}.badge{display:inline-block;margin:.35rem 0 .55rem;padding:.22rem .55rem;border:1px solid #47617f;border-radius:999px;background:#17253a;color:#cfe2ff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.chart{width:100%;height:auto;display:block;background:#07101e;border:1px solid #22324a;border-radius:22px}.chart rect{fill:#07101e}.chart polyline{fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.chart circle{fill:var(--gold);stroke:#fff8;stroke-width:.7;filter:drop-shadow(0 0 4px #ffd27a55)}.chart text{font:9px ui-sans-serif,system-ui;fill:#dce8ff;paint-order:stroke;stroke:#07101e;stroke-width:3px;stroke-linejoin:round}.chart circle{cursor:help}.chart circle:hover{stroke:#fff;stroke-width:1.4}.chart .legend-title{font-size:8px;fill:#9fb0c8;font-weight:700}.chart .legend-lab{font-size:7.5px;fill:#9fb0c8;stroke:none}.chart .legend-dot{fill:#ffd27a;opacity:.85}.finder{width:100%;height:auto;display:block;background:#07101e;border:1px solid #22324a;border-radius:18px}.finder rect{fill:#07101e}.finder .ctx{fill:#dce8ff;opacity:.58}.finder .target{fill:var(--gold);stroke:#fff8;stroke-width:.8}.finder .target-line{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.finder .finder-box{fill:#ffd27a12;stroke:var(--gold);stroke-width:1.4;stroke-dasharray:5 4}.finder text{font:10px ui-sans-serif,system-ui;fill:#dce8ff}.finder .finder-title{font-weight:800;fill:var(--gold)}.finder .finder-note{font-size:8px;fill:#9fb0c8}.finder .axis{fill:none;stroke:#9fb0c8;stroke-width:1.2}.finder .axis-label{fill:#9fb0c8;font-weight:800}.detail nav{margin-bottom:1rem}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,420px);gap:2rem;align-items:start}.detail h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:1;margin:.2rem 0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin:1.5rem 0}.facts div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.8rem}.facts dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.facts dd{margin:0;font-weight:700}.context{display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,.8fr);gap:1rem;align-items:center;margin:1.5rem 0}.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.note-grid article{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem}.note-grid h3{margin:.1rem 0 .4rem;color:var(--gold)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:760px;background:#0d1523}th,td{padding:.65rem .8rem;border-bottom:1px solid var(--line);text-align:left}th{color:var(--gold);font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.sources{margin-top:2rem;background:#0d1523;border:1px solid var(--line);border-radius:22px;padding:1rem 1.25rem}.source-list{padding-left:1.2rem;color:#cfdbef}footer{border-top:1px solid var(--line);padding:1.2rem clamp(1rem,4vw,3rem);color:var(--muted)}@media(max-width:760px){.hero,.detail-hero,.context{grid-template-columns:1fr}.controls{border-radius:20px}.site{display:block}.site p{margin-top:.25rem}}.topnav{display:flex;gap:.65rem;align-items:center}.topnav a{color:var(--blue);font-weight:800;text-decoration:none}.guide-link.alt{margin-left:.45rem;background:#17253a;color:#dce8ff;border:1px solid #47617f}.observe-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.observe-controls label{display:flex;gap:.55rem;align-items:center}.observe-controls input[type=range]{accent-color:var(--gold);min-width:12rem}.observe-page-controls{position:sticky;top:.6rem;z-index:4;border-radius:22px;margin:1rem 0;box-shadow:0 16px 40px #0008}.observe-table th,.observe-table td{white-space:nowrap}.observe-table td:nth-child(2){white-space:normal;min-width:12rem}.status{display:inline-block;border-radius:999px;padding:.22rem .55rem;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.status-circumpolar{background:#153b2a;color:#b7f7d4;border:1px solid #2b8a5a}.status-well-placed{background:#132f4a;color:#bfe5ff;border:1px solid #407fb4}.status-low{background:#3a2b12;color:#ffdda0;border:1px solid #9c7426}.status-very-low{background:#3a230f;color:#ffc98a;border:1px solid #b5651d}.status-not-visible{background:#3a1820;color:#ffc0cc;border:1px solid #a8465d}.status-fully-visible,.sky-fully-visible{background:#153b2a;color:#b7f7d4;border:1px solid #2b8a5a}.status-partial,.sky-partial{background:#3a2b12;color:#ffdda0;border:1px solid #9c7426}.status-washed-out,.sky-washed-out{background:#3a1820;color:#ffc0cc;border:1px solid #a8465d}.observability-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.8fr);gap:1rem;align-items:start;margin:1.5rem 0;background:linear-gradient(180deg,var(--panel),#0c1320);border:1px solid var(--line);border-radius:22px;padding:1rem 1.25rem}.observe-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.observe-result .metric{background:#0b1320;border:1px solid var(--line);border-radius:15px;padding:.75rem}.observe-result b{display:block;color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.observe-result span{font-size:1.1rem;font-weight:800}.sky-visibility-card{margin:1.5rem 0;background:linear-gradient(180deg,var(--panel),#0c1320);border:1px solid var(--line);border-radius:22px;padding:1rem 1.25rem}.sky-summary{display:flex;flex-wrap:wrap;gap:.6rem}.sky-chip{display:inline-block;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}@media(max-width:760px){.topnav{margin:.45rem 0}.observability-card{grid-template-columns:1fr}.observe-page-controls{position:static;box-shadow:none}.observe-table{min-width:980px}}

