:root{--bg:#07101d;--panel:#0d1726;--panel2:#111e30;--text:#ecf3fb;--muted:#8fa2b8;--line:#203149;--accent:#2ca9ff;--accent2:#66d3ff;--shadow:0 12px 35px rgba(0,0,0,.28);--top:64px}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}body{overflow:hidden}button,input{font:inherit}.topbar{height:var(--top);display:flex;align-items:center;gap:18px;padding:0 18px;background:rgba(7,16,29,.96);border-bottom:1px solid var(--line);position:relative;z-index:1001}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-plane{font-size:26px;color:var(--accent);transform:rotate(-12deg)}.brand strong{letter-spacing:.08em}.brand small{font-size:10px;background:#ff3b57;color:#fff;padding:3px 5px;border-radius:4px;font-weight:800}.search{display:flex;flex:1;max-width:620px;margin:auto}.search input{width:100%;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;background:#0a1422;color:var(--text);padding:11px 14px;outline:none}.search input:focus{border-color:var(--accent)}.search button,.primary{border:0;background:var(--accent);color:#001321;font-weight:800;padding:0 17px;border-radius:0 10px 10px 0;cursor:pointer}.top-actions{display:flex;gap:8px}.ghost,.map-controls button{border:1px solid var(--line);background:rgba(13,23,38,.92);color:var(--text);border-radius:9px;padding:9px 12px;cursor:pointer}.ghost:hover,.map-controls button:hover{border-color:var(--accent);color:#fff}.icon-btn{font-size:18px}.app-shell{height:calc(100vh - var(--top));display:grid;grid-template-columns:minmax(0,1fr) 360px}.map-wrap{position:relative;min-width:0}.map-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(4,10,18,.18);z-index:400}#map{height:100%;width:100%;background:#d9e5ec}.side-panel{background:linear-gradient(180deg,var(--panel),#091321);border-left:1px solid var(--line);padding:24px;overflow:auto;position:relative;z-index:800}.panel-close{display:none}.empty-panel{padding-top:8vh}.big-plane{font-size:72px;color:var(--accent);filter:drop-shadow(0 8px 18px rgba(44,169,255,.25));margin-bottom:8px}.empty-panel h1{font-size:28px;line-height:1.12;margin:0 0 12px}.empty-panel p{color:var(--muted);line-height:1.55}.legend{margin:24px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:11px;color:#c8d5e2;font-size:14px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.ground{background:#8291a3}.low{background:#33c983}.mid{background:#ffc857}.high{background:#ff6b6b}.muted{font-size:12px}.map-status{position:absolute;z-index:700;left:14px;bottom:16px;background:rgba(7,16,29,.9);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);padding:9px 12px;border-radius:10px;font-size:12px;box-shadow:var(--shadow)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43df8c;margin-right:6px;box-shadow:0 0 0 4px rgba(67,223,140,.12)}.dot.error{background:#ff5d73;box-shadow:0 0 0 4px rgba(255,93,115,.12)}.sep{opacity:.35;margin:0 5px}.map-controls{position:absolute;z-index:700;top:14px;right:14px;display:flex;gap:6px}.map-controls button{font-size:12px;box-shadow:var(--shadow)}.toast{position:absolute;z-index:900;left:50%;top:18px;transform:translate(-50%,-15px);background:#101b2b;color:white;border:1px solid var(--line);padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}.callsign-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:800}.callsign-row h2{font-size:32px;margin:4px 0 0}.status-pill{font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px;background:rgba(67,223,140,.13);color:#62eea4}.aircraft-title{padding:18px 0;display:flex;flex-direction:column;gap:4px}.aircraft-title strong{font-size:19px}.aircraft-title span{color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px}.metrics span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:4px}.metrics strong{font-size:18px}.details{margin:20px 0}.details div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;font-weight:700}.wide{width:100%;border-radius:10px;padding:12px}.plane-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));transition:transform .4s linear}.plane-icon svg{width:24px;height:24px}.plane-label{position:absolute;left:23px;top:5px;padding:2px 5px;border-radius:4px;background:rgba(7,16,29,.82);color:#fff;font-size:9px;font-weight:800;white-space:nowrap;border:1px solid rgba(255,255,255,.16);pointer-events:none}.plane-wrap{position:relative}.leaflet-div-icon{background:transparent!important;border:0!important}.leaflet-control-zoom a{background:#0d1726!important;color:#fff!important;border-color:#203149!important}.leaflet-control-attribution{background:rgba(255,255,255,.85)!important}.footer{display:none}
body.light{--bg:#f5f8fb;--panel:#ffffff;--panel2:#f5f8fb;--text:#162235;--muted:#66788e;--line:#d8e1eb}.light .topbar{background:rgba(255,255,255,.96)}.light .search input{background:#f7f9fc}.light .map-status{background:rgba(255,255,255,.92);color:#142236}.light .ghost,.light .map-controls button{background:rgba(255,255,255,.95);color:#19283b}.light .plane-label{background:rgba(255,255,255,.9);color:#132033;border-color:#d9e3ed}
@media(max-width:900px){.topbar{gap:8px;padding:0 10px}.brand span:nth-child(2){display:none}.top-actions .ghost:first-child{display:none}.search{margin:0;max-width:none}.search button{padding:0 11px}.app-shell{display:block;position:relative}.map-wrap{height:100%}.side-panel{position:absolute;right:0;top:var(--top);bottom:0;width:min(92vw,360px);transform:translateX(105%);transition:transform .22s ease;z-index:1100;box-shadow:-16px 0 40px rgba(0,0,0,.28)}.side-panel.open{transform:translateX(0)}.panel-close{display:block;position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--text);font-size:30px;cursor:pointer}.empty-panel{display:none}.map-controls{top:10px;right:10px;max-width:74%;overflow-x:auto}.map-controls button{white-space:nowrap}.map-status{left:10px;right:10px;bottom:10px;width:max-content;max-width:calc(100% - 20px)} }
@media(max-width:560px){.brand small{display:none}.search input{font-size:13px}.map-status #lastUpdate,.map-status .sep:last-of-type{display:none}.map-controls button[data-place="41.3874,2.1686,8"],.map-controls button[data-place="40.15,-3.5,6"]{display:none}}