*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e6ef;background:#0f1117;flex-direction:column;height:100vh;font-family:Segoe UI,sans-serif;display:flex}header{background:#1a1d27;border-bottom:1px solid #2a2d3e;flex-shrink:0;align-items:center;gap:16px;padding:10px 20px;display:flex}header h1{letter-spacing:0;font-size:1.2rem;font-weight:700}.status-dot{background:#555;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .4s}.status-dot.live{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-dot.stale{background:#f59e0b}.status-dot.dead{background:#ef4444}.status-dot.invalid{background:#9ca3af}#status-text,.status-text{color:#888;min-width:82px;font-size:.8rem}.callsign-control{align-items:center;gap:8px;display:flex}.callsign-control label{color:#9ca3af;text-transform:uppercase;font-size:.75rem}.callsign-control select{color:#e0e6ef;background:#111827;border:1px solid #374151;border-radius:6px;min-width:160px;max-width:240px;height:32px;padding:0 28px 0 10px;font-size:.88rem}.callsign-control select:disabled{color:#6b7280;cursor:wait}.header-spacer{flex:1}.sonde-id{color:#6b7280;white-space:nowrap;font-size:.8rem}.main{flex:1;display:flex;overflow:hidden}.map{flex:1}.balloon-marker{background:#38bdf8;border:2px solid #eff6ff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #38bdf838,0 0 12px #38bdf8a6}.sidebar{background:#1a1d27;border-left:1px solid #2a2d3e;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid #2a2d3e;padding:16px}.sidebar-section h2{text-transform:uppercase;letter-spacing:0;color:#6b7280;margin-bottom:12px;font-size:.7rem}.metric{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.metric-label{color:#9ca3af;font-size:.82rem}.metric-value{color:#e0e6f0;font-size:1.05rem;font-weight:600}.metric-unit{color:#6b7280;margin-left:3px;font-size:.72rem}.big-alt{text-align:center;padding:10px 0}.big-alt .num{color:#38bdf8;font-size:2.4rem;font-weight:800}.big-alt .unit{color:#6b7280;font-size:.9rem}.sidebar button{color:#fca5a5;cursor:pointer;background:#7f1d1d;border:none;border-radius:6px;margin:16px;padding:8px 12px;font-size:.82rem;transition:background .2s}.sidebar button:hover{background:#991b1b}.sidebar button:disabled{color:#9ca3af;cursor:not-allowed;background:#374151}@media (width<=760px){header{flex-wrap:wrap;gap:10px}.callsign-control{order:5;width:100%}.callsign-control select{flex:1;max-width:none}.main{flex-direction:column}.map{min-height:48vh}.sidebar{border-top:1px solid #2a2d3e;border-left:none;width:100%;max-height:52vh}}