:root{color-scheme:dark;--bg:#080f1c;--surface:#101c2c;--line:#243951;--text:#e8f1fa;--muted:#a3b9d0;--accent:#62edda}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 80% 0,#1c3d58,transparent 52%),var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif}
a{color:var(--accent)}header,main,footer{max-width:1450px;margin:auto;padding-inline:clamp(16px,4vw,66px)}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:20px;border-bottom:1px solid var(--line)}
.brand{font-size:.84rem;letter-spacing:.15em;text-decoration:none;color:var(--muted)}.brand strong{color:var(--text);margin-left:10px}
nav{display:flex;gap:22px;flex-wrap:wrap}nav a{position:relative;color:var(--text);text-decoration:none;padding:5px 0}nav a::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .23s ease}nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}
.intro{padding:clamp(24px,5vw,74px) 0 22px}.eyebrow{color:var(--accent);letter-spacing:.15em;font-size:.74rem;font-weight:bold}h1{font-size:clamp(44px,7vw,98px);line-height:1;margin:0;letter-spacing:-.06em}h2{line-height:1.18}p{color:var(--muted)}
#radar{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:15px}.toolbar label{display:grid;gap:4px;color:var(--muted);font-size:.83rem}.toolbar label:nth-child(2){flex:1}
input,select,button{font:inherit;color:var(--text);border:1px solid var(--line);background:#0a1422;border-radius:8px;padding:8px 11px}button{cursor:pointer}button:disabled{opacity:.6}.toolbar button{background:var(--accent);color:#05221e;font-weight:bold}
.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;border-top:1px solid var(--line)}#map{height:clamp(390px,64vh,720px);background:#263747}aside{height:clamp(390px,64vh,720px);overflow:auto;padding:14px}.listHead{display:flex;justify-content:space-between;color:var(--text)}#count{color:var(--accent)}#status{font-size:.82rem}#detail{background:#0a1422;padding:10px;border-radius:8px;margin-bottom:9px}#flights{display:grid;gap:5px}.flight{width:100%;text-align:left;display:flex;justify-content:space-between;gap:8px}.flight[aria-pressed=true]{border-color:var(--accent)}.aircraft{border:0;background:none}.aircraft span{display:grid;place-items:center;border:1px solid #165258;border-radius:999px;width:32px;height:32px;color:#063231;background:#7af5dc;font:bold 22px/1 Arial;box-shadow:0 2px 8px #001a31}
#about,.gift{margin:26px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.gift{display:flex;gap:20px;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#173748,#142132)}.gift h2,.gift p{margin:.35em 0}.gift a{white-space:nowrap}footer{padding-block:30px;color:var(--muted);font-size:.88rem}
@media(max-width:780px){.dashboard{grid-template-columns:1fr}aside{height:auto;max-height:370px} .gift{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}nav a::after{transition:none}}