@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e0c;--panel:#0d1511;--line:#233329;--green:#b7ff9c;--muted:#8a9f90;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e1eade;font-family:Manrope,system-ui,sans-serif;font-size:16px}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:#bccaba;background:#111c15;border-radius:5px;padding:9px 13px}button:hover{border-color:#82ba72;color:#e4ffda}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}header{height:84px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 4vw}.brand{text-decoration:none;color:#f1f4ec;letter-spacing:3px;font:600 22px var(--mono);display:flex;gap:12px;align-items:center}.brand>span:last-child{color:#7d9380}.brand-icon{font-size:38px;color:var(--green)}.header-right{display:flex;align-items:center;gap:25px}#utc{font:13px var(--mono);color:var(--muted)}main{max-width:1600px;margin:auto;padding:32px 4vw 0}.station-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:var(--muted)}h1{font-size:32px;margin:9px 0 7px;font-weight:500;letter-spacing:-1px}p{margin:0}#coordinates{font:13px var(--mono);color:var(--muted)}.signal{text-align:right}.status{display:inline-block;padding:7px 10px;border:1px solid #5c5333;background:#282619;color:#e4d496;font:12px var(--mono);letter-spacing:1px}.status.live{color:var(--green);border-color:#365331;background:#162412}.status.error{color:#ffb798;border-color:#694431;background:#281a14}#updated{font:12px var(--mono);color:var(--muted);margin-top:10px}#notice{font-size:13px;padding:12px 16px;background:#151c14;border-left:2px solid #92ad6c;margin-bottom:24px;color:#b9c7aa}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.scope-panel{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#132518 0%,#0a130e 66%,#0c140f 100%)}.panel-bar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font:12px var(--mono);letter-spacing:1px;color:#a2b29f}.panel-bar b{margin-left:16px;color:var(--green)}i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:9px}.scope-wrap{position:relative;width:100%;aspect-ratio:1.16;min-height:320px}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.scope-corner,.scope-bottom{pointer-events:none;position:absolute;font:11px/1.8 var(--mono);letter-spacing:1px;color:#728a73}.scope-corner{top:19px;left:20px}.scope-bottom{bottom:17px;left:20px}.scope-bottom span{color:#a5be9f;margin-left:10px}.scope-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 18px;border-top:1px solid var(--line)}.ranges,.toggles{display:flex;align-items:center;gap:5px;font:12px var(--mono)}.ranges button,.toggles button{padding:8px 10px;background:transparent}.ranges span{color:var(--muted);margin-left:7px}.ranges .active,.toggles [aria-pressed=true]{color:var(--green);background:#22331b;border-color:#49603c}aside{display:flex;flex-direction:column;gap:18px}.metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.metrics>div{padding:18px 20px}.metrics>div+div{border-left:1px solid var(--line)}.metrics span{font:11px var(--mono);letter-spacing:1px;color:var(--muted)}.metrics strong{display:block;font:38px var(--mono);margin-top:10px;color:var(--green)}.metrics small{font-size:13px;color:var(--muted)}.traffic{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel);flex:1}.list-header{display:flex;justify-content:space-between;padding:15px 17px;font:10px var(--mono);color:#7e9681;letter-spacing:.8px}#aircraftList{max-height:348px;overflow:auto;scrollbar-color:#37533a transparent}.aircraft{border:0;border-top:1px solid #1c2b21;border-radius:0;padding:13px 17px;width:100%;display:flex;justify-content:space-between;text-align:left;background:transparent;font:14px var(--mono)}.aircraft.selected{background:#23341b;box-shadow:inset 2px 0 var(--green)}.aircraft strong{font-weight:500;color:#d3ebc8}.aircraft small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.aircraft .values{text-align:right;color:#b0c3a8}.empty{padding:25px 18px;color:var(--muted);font-size:14px;line-height:1.7}.details{background:#111d14;border:1px solid #35472c;border-radius:7px;padding:21px}.details h2{font:24px var(--mono);color:var(--green);margin:12px 0 18px}#detailBody{font:13px/1.6 var(--mono);color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid strong{display:block;color:#dde7d6;font-size:16px;font-weight:400}.legend{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:30px;padding:22px 0;font:11px var(--mono);color:#8da08c}.muted{color:#657b67}dialog{max-width:560px;width:calc(100% - 28px);max-height:90dvh;background:#111b15;border:1px solid #46593d;border-radius:12px;color:#e1eade;padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:22px;margin:0}.dialog-heading button{font-size:24px;padding:0 10px}label{display:block;font-size:14px;margin-top:18px}input{width:100%;padding:12px;border:1px solid #354c38;border-radius:5px;background:#09120c;color:#e6efdf;margin-top:8px;min-width:0}.hint{font-size:12px;line-height:1.7;color:#98ad95;margin-top:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.save{width:100%;background:var(--green);color:#15200e;font-weight:700;margin-top:22px}#formError{color:#ffb798;font-size:13px;margin-top:12px}@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.scope-wrap{aspect-ratio:1.28}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.scope-controls{padding:12px}.scope-wrap{aspect-ratio:1}.scope-corner{font-size:10px}.metrics>div{padding:16px 13px}.metrics strong{font-size:31px}}@media(max-width:760px){header{height:69px;padding:0 20px}.brand{font-size:18px;gap:7px}#utc{display:none}main{padding:25px 16px 0}h1{font-size:27px}.workspace{grid-template-columns:1fr}.scope-wrap{min-height:280px}.scope-controls{gap:14px}.scope-corner{display:none}aside{display:grid;grid-template-columns:1fr 1fr}.metrics,.traffic,.legend{grid-column:1/-1}.details{grid-column:1/-1}#aircraftList{max-height:300px}footer{flex-direction:column;font-size:10px}.signal{max-width:145px}#updated{line-height:1.6}.eyebrow{font-size:10px}.panel-bar{padding:0 13px;font-size:10px}.form-row{grid-template-columns:1fr}.toggles,.ranges{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.auto-position{display:flex;align-items:center;gap:10px}.auto-position input{width:18px;height:18px;margin:0;accent-color:var(--green)}input:disabled{opacity:.45}

select{display:block;width:100%;padding:12px;border:1px solid #354c38;border-radius:5px;background:#09120c;color:#e6efdf;margin-top:8px;font:inherit}select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.aircraft.emergency{background:#2a120d;box-shadow:inset 3px 0 #ff7461}.aircraft.emergency strong,.aircraft.emergency small:first-of-type{color:#ffb3a6}.details h2.emergency{color:#ff8a76}
.toggles{flex-wrap:wrap}
#localTime{font:13px var(--mono);color:#b7c9b4}
.ranges{flex-wrap:wrap}
.station-pick{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#stationSelect{width:auto;margin:0;padding:7px 10px;font:13px var(--mono);letter-spacing:1px}
#stationSelect[hidden]{display:none}