/* Developer: Hamdy Abou El Anein | SPDX-License-Identifier: GPL-3.0-only */
:root{color-scheme:dark;--bg:#07111d;--surface:#122236;--text:#edf4fb;--muted:#aab9c9;--accent:#f6b867;--line:#2b4051}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:#fff;color:#111;padding:12px;z-index:100}
header{background:#091725ed;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:80px}.logo{font-size:21px;letter-spacing:2px;font-weight:800;text-decoration:none;white-space:nowrap}.logo span,.eyebrow,.category{color:var(--accent)}nav{display:flex;gap:24px}nav a,.github{text-decoration:none;font-size:14px}nav a:hover,nav a[aria-current=page]{color:var(--accent)}.github{border:1px solid var(--line);padding:8px 14px;border-radius:8px}
.hero{background:radial-gradient(circle at 78% 40%,#214765,#0c2235 38%,#07111d 70%);overflow:hidden}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6vw,78px);line-height:1.08;letter-spacing:-3px;margin:20px 0 25px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(29px,3.5vw,45px);line-height:1.18;letter-spacing:-1px}h3{font-size:23px}.lead{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{background:var(--accent);color:#13202b;padding:14px 21px;border-radius:9px;text-decoration:none;font-weight:750;display:inline-flex;align-items:center;min-height:49px}.button.secondary{background:transparent;border:1px solid #638099;color:var(--text)}.hero-stats{display:flex;gap:32px;margin-top:48px;flex-wrap:wrap}.hero-stats strong{display:block;font-size:29px}.hero-stats span{font-size:12px;color:var(--muted)}
.orbital-visual{height:480px;position:relative}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);border:1px solid #83c0e260;border-radius:50%}.orbit-a{width:210px;height:150px}.orbit-b{width:350px;height:275px}.orbit-c{width:480px;height:390px}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff5d1,#ffce73 30%,#db753b 70%);box-shadow:0 0 70px 20px #e99d4b5e,0 0 140px #eebf4d30}.planet{position:absolute;border-radius:50%}.planet-a{width:32px;height:32px;left:16%;top:35%;background:linear-gradient(45deg,#1d3b65,#9ed8e9)}.planet-b{width:19px;height:19px;right:13%;bottom:23%;background:#d4b2a0}
.section{padding:78px 0}.section.soft{background:#0d1d2c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.text-link{color:var(--accent);text-decoration:none;font-weight:650}.disclaimer,.data-note{color:var(--muted);font-size:13px}.disclaimer{margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.object-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.object-image{height:165px;background:radial-gradient(circle,#304e69,#0b1a29);display:flex;align-items:center;justify-content:center}.object-image img{max-width:100%;max-height:155px;object-fit:contain}.missing{font-size:65px;color:var(--accent)}.object-body{padding:22px}.category{font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.object-body h3{margin:8px 0 18px;overflow-wrap:anywhere}.dates{display:grid;gap:8px}.dates span{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.dates b{color:var(--text);text-align:right;font-weight:600}.meter-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:19px 0 8px}.meter-head strong{color:var(--accent)}.meter{height:8px;background:#2d4355;border-radius:30px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#e18b51,#f6c878)}.period{font-size:12px;color:var(--muted);margin:16px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.year-panel{background:linear-gradient(135deg,#1d3447,#0e1c2a);border:1px solid #3b576a;padding:35px;border-radius:16px}.year-panel>span{color:var(--accent);font-size:12px}.year-panel strong{display:block;font-size:64px;margin:14px 0}.year-panel p{color:var(--muted);margin:17px 0 0}
.pagehead{padding:88px 0;background:radial-gradient(circle at 80% 0,#1b3c58,#0b1b2c 60%,#07111d)}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.controls label{font-size:13px;color:var(--muted)}.controls input,.controls select{padding:12px;border:1px solid #46617a;border-radius:8px;background:#15283a;color:white;min-height:46px;font:inherit}.controls input{flex:1;min-width:200px}.controls #count{margin-left:auto;font-size:13px;color:var(--muted)}.prose{max-width:790px}.prose h2{margin:40px 0 12px;font-size:30px}.prose p{color:var(--muted);font-size:17px}.prose a{color:var(--accent)}footer{background:#050d16;border-top:1px solid var(--line);padding:55px 0}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot p,.foot small{color:var(--muted);font-size:13px}.foot>div:nth-child(2){display:flex;flex-direction:column;gap:8px}.foot a{color:var(--accent);text-decoration:none;font-size:13px}[hidden]{display:none!important}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:55px}.orbital-visual{height:310px;max-width:540px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav nav{order:3;width:100%;justify-content:space-between;flex-wrap:wrap}}
@media(max-width:600px){.wrap{padding:0 18px}.logo{font-size:18px}.github{font-size:12px}.nav nav{gap:12px}.nav nav a{font-size:12px}.hero-stats{gap:17px}.orbital-visual{height:230px}.orbit-c{width:295px;height:215px}.orbit-b{width:225px;height:160px}.orbit-a{width:140px;height:100px}.sun{width:80px;height:80px}.section{padding:55px 0}.cards,.split{grid-template-columns:1fr}.section-heading{display:block}.pagehead{padding:60px 0}.year-panel strong{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.controls select{width:min(100%,230px);max-width:100%;min-width:0}