*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif}.app{position:absolute;inset:0}.map-loading{color:#789;background:#e8eef2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.topbar{z-index:10;background:#ffffffeb;flex-wrap:nowrap;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 4px #00000026}.brand{color:#1565c0;white-space:nowrap;flex-shrink:0;font-weight:700}.app.dark .topbar{background:#121316d9;box-shadow:0 1px 4px #00000080}.app.dark .brand{color:#4a9eff}.app.dark .count{color:#b0bec5}.app.dark .menu-toggle{color:#e8eaed;background:#ffffff14;border-color:#fff3}.app.dark .menu-toggle:hover{background:#ffffff29}.app.dark .maplibregl-ctrl-attrib{background:#141416bf}.app.dark .maplibregl-ctrl-attrib a{color:#9ecbff}.app.dark .maplibregl-ctrl-attrib-button{filter:invert()}.app.dark .maplibregl-ctrl-group{background:#2d3138e6;border:1px solid #ffffff24;box-shadow:0 2px 8px #00000080}.app.dark .maplibregl-ctrl-group button{background:0 0}.app.dark .maplibregl-ctrl-group button+button{border-top-color:#ffffff24}.app.dark .maplibregl-ctrl-group button:hover{background:#ffffff1a}.app.dark .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert()}.app.dark .maplibregl-ctrl-group button:disabled .maplibregl-ctrl-icon{opacity:.35}.app.dark .menu-panel{color:#e8eaed;background:#23262b;border-color:#ffffff24;box-shadow:0 4px 16px #00000080}.app.dark .menu-search{color:#e8eaed;background:0 0;border-bottom-color:#ffffff1a}.app.dark .menu-actions,.app.dark .menu-window,.app.dark .menu-active{border-bottom-color:#ffffff14}.app.dark .menu-window input,.app.dark .menu-active input[type=number],.app.dark .menu-actions button{color:#e8eaed;background:#ffffff14;border-color:#ffffff2e}.app.dark .menu-list li label:hover,.app.dark .group-load:hover{background:#ffffff0f}.app.dark .menu-hint,.app.dark .feed-provider{color:#8b9199}.app.dark .menu-empty{color:#7a8087}.app.dark .pilot-nofix{color:#8b9199;border-color:#ffffff2e}.app.dark .auth-form,.app.dark .group-save,.app.dark .profile-feeds{border-top-color:#ffffff14}.app.dark .auth-form input,.app.dark .auth-form textarea,.app.dark .group-save input[type=text],.app.dark .group-save input:not([type]),.app.dark .feed-row input,.app.dark .feed-add select,.app.dark .sim-field input,.app.dark .sim-waypoints{color:#e8eaed;background:#ffffff0f;border-color:#ffffff2e}.app.dark .menu-search::placeholder,.app.dark .auth-form input::placeholder,.app.dark .auth-form textarea::placeholder,.app.dark .group-save input::placeholder,.app.dark .feed-row input::placeholder{color:#7a8087}.app.dark .auth-signout,.app.dark .sim-row button,.app.dark .feed-row-actions button{color:#e8eaed;background:#ffffff14;border-color:#ffffff2e}.app.dark .feed-row-actions button.danger,.app.dark .sim-del{color:#ef9a9a}.controls{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:60px}.controls>button,.controls .sim-panel>.menu-toggle,.controls .admin-panel>.menu-toggle,.controls .live-status>.live-toggle{color:#fff;cursor:pointer;background:#141414b3;border:none;border-radius:8px;align-items:center;height:38px;padding:0 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 4px #0000004d}.controls>button:hover,.controls .sim-panel>.menu-toggle:hover,.controls .admin-panel>.menu-toggle:hover,.controls .live-status>.live-toggle:hover{background:#141414d9}.controls>button:disabled{color:#b0bec5}.app.dark .controls>button,.app.dark .controls .sim-panel>.menu-toggle,.app.dark .controls .admin-panel>.menu-toggle,.app.dark .controls .live-status>.live-toggle,.app.dark .layer-toggle{background:#2d3138e6;border:1px solid #ffffff24}.app.dark .controls>button:hover,.app.dark .controls .sim-panel>.menu-toggle:hover,.app.dark .controls .admin-panel>.menu-toggle:hover,.app.dark .controls .live-status>.live-toggle:hover,.app.dark .layer-toggle:hover{background:#ffffff24}.controls .menu-panel{width:min(300px,100vw - 24px);position:fixed;inset:auto auto 60px 12px}.live-status{position:relative}.live-toggle{gap:7px}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.on{background:#43a047;box-shadow:0 0 0 2px #43a04759}.status-dot.off{background:#9e9e9e}.live-pop{color:#fff;background:#141414eb;border-radius:8px;min-width:160px;padding:8px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 2px 12px #0006}.live-pop-head{margin-bottom:4px;font-weight:600}.live-pop-link{text-align:left;color:#64b5f6;cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:4px;padding:0;font-size:13px;font-weight:600;display:block}.live-pop-link:hover{text-decoration:underline}.live-pop-row{color:#cfd8dc;justify-content:space-between;gap:12px;display:flex}.live-pop-row span:first-child{color:#90a4ae}.live-pop-muted{color:#b0bec5}.app.dark .live-pop{background:#2d3138f5;border:1px solid #ffffff24}.layer-ctrl{z-index:10;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.layer-toggle{color:#fff;cursor:pointer;background:#141414b3;border:none;border-radius:8px;width:38px;height:38px;font-size:18px;line-height:1;box-shadow:0 1px 4px #0000004d}.layer-list{background:#141414e0;border-radius:8px;margin:0;padding:4px;list-style:none;box-shadow:0 2px 12px #0006}.layer-list button{text-align:left;white-space:nowrap;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:7px 14px;font-size:13px;display:block}.layer-list button:hover{background:#ffffff1f}.layer-list button.active{background:#1565c0}.gradient-toggle{color:#fff;cursor:pointer;background:#141414b3;border:none;border-radius:8px;width:38px;height:38px;font-size:18px;line-height:1;box-shadow:0 1px 4px #0000004d}.gradient-toggle.active{background:#1565c0}.app.dark .gradient-toggle{background:#2d3138e6;border:1px solid #ffffff24}.app.dark .gradient-toggle:hover{background:#ffffff24}.app.dark .gradient-toggle.active{background:#1565c0;border-color:#1565c0}.gradient-legend{color:#fff;background:#141414e0;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:0 2px 12px #0006}.app.dark .gradient-legend{background:#2d3138f5;border:1px solid #ffffff24}.gradient-range{gap:4px;display:flex}.gradient-range button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:5px;flex:1;padding:4px 8px;font-size:12px}.gradient-range button.active{background:#1565c0}.gradient-scale{flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.gradient-bar{border-radius:3px;width:12px;height:90px}.err{color:#c62828;background:#ffffffe6;border-radius:4px;padding:2px 6px;font-size:12px}.nav-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.nav-item{align-items:center;display:flex}.nav-item.compact .menu-label{display:none}.pilot-menu,.activity-menu,.group-panel,.sim-panel,.auth{position:relative}.menu-toggle{color:#263238;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #90a4ae;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.menu-icon{line-height:1}.menu-panel{background:#fff;border:1px solid #cfd8dc;border-radius:8px;flex-direction:column;width:260px;max-height:60vh;display:flex;position:absolute;top:36px;right:0;overflow:hidden;box-shadow:0 4px 16px #0000002e}.menu-search{border:none;border-bottom:1px solid #eee;outline:none;padding:8px 10px;font-size:14px}.menu-actions{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:6px 10px;display:flex}.menu-actions button{cursor:pointer;background:#f5f5f5;border:1px solid #cfd8dc;border-radius:4px;padding:3px 8px;font-size:12px}.menu-hint{color:#789;font-size:11px}.menu-window,.menu-active{border-bottom:1px solid #f0f0f0;align-items:baseline;gap:8px;padding:6px 10px;display:flex}.menu-window label,.menu-active label{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.menu-window input,.menu-active input[type=number]{border:1px solid #cfd8dc;border-radius:4px;width:4.5em;padding:3px 6px;font-size:12px}.menu-active input[type=number]:disabled{opacity:.5}.menu-list{margin:0;padding:4px 0;list-style:none;overflow-y:auto}.menu-list li label{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.menu-list li label:hover{background:#f5f7fa}.pilot-name{flex:1}.pilot-nofix{color:#9e9e9e;border:1px solid #e0e0e0;border-radius:3px;padding:0 4px;font-size:10px}.menu-empty{color:#9e9e9e;text-align:center;padding:10px;font-size:13px}.menu-actions button.active{color:#fff;background:#1565c0;border-color:#1565c0}.auth-form,.group-save{border-top:1px solid #f0f0f0;flex-direction:column;gap:8px;padding:10px;display:flex}.auth-form input,.auth-form textarea,.group-save input[type=text],.group-save input:not([type]){border:1px solid #cfd8dc;border-radius:5px;outline:none;padding:7px 9px;font-size:13px}.auth-form textarea{resize:vertical;font-family:inherit}.auth-form button[type=submit],.group-save button[type=submit]{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:5px;padding:7px 10px;font-size:13px}.auth-form button[type=submit]:disabled,.group-save button[type=submit]:disabled{cursor:default;background:#90a4ae}.auth-me{flex-direction:column;gap:2px;padding:10px;display:flex}.auth-me .badge{text-transform:uppercase;color:#fff;background:#6a1b9a;border-radius:3px;align-self:flex-start;margin-top:4px;padding:1px 6px;font-size:10px}.auth-signout{cursor:pointer;background:#f5f5f5;border:1px solid #cfd8dc;border-radius:5px;margin:0 10px 10px;padding:7px 10px;font-size:13px}.profile-edit{flex-direction:column;display:flex;overflow-y:auto}.profile-edit .auth-form label{margin-bottom:-4px}.profile-feeds{border-top:1px solid #f0f0f0;flex-direction:column;gap:8px;padding:10px;display:flex}.feed-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.feed-provider{color:#455a64;flex:0 0 100%;font-size:11px;font-weight:600}.feed-row input{border:1px solid #cfd8dc;border-radius:5px;outline:none;flex:100%;padding:6px 8px;font-size:12px}.feed-row-actions{gap:6px;display:flex}.feed-row-actions button,.feed-add button[type=submit]{cursor:pointer;background:#f5f5f5;border:1px solid #cfd8dc;border-radius:5px;padding:5px 9px;font-size:12px}.feed-row-actions button:disabled,.feed-add button[type=submit]:disabled{opacity:.5;cursor:default}.feed-row-actions button.danger{color:#c62828;border-color:#ef9a9a}.feed-add select{border:1px solid #cfd8dc;border-radius:5px;padding:7px 9px;font-size:13px}.feed-add button[type=submit]{color:#fff;background:#1565c0;border-color:#1565c0}.group-row{align-items:center;display:flex}.group-load{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:6px 10px;font-size:13px;display:block}.group-load:hover{background:#f5f7fa}.group-mine{color:#1565c0;vertical-align:middle;background:#e3f0ff;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600}.group-delete{color:#9aa0a6;cursor:pointer;background:0 0;border:none;flex:none;padding:4px 10px;font-size:16px;line-height:1}.group-delete:hover{color:#c5221f}.app.dark .group-mine{color:#9ec4ff;background:#1565c047}.app.dark .group-delete:hover{color:#f28b82}.group-public{align-items:center;gap:6px;font-size:13px;display:flex}.pilot-elev-label{pointer-events:none;color:#fff;white-space:nowrap;background:#141414b3;border-radius:4px;padding:2px 5px;font-size:11px;font-weight:600;line-height:1}.pilot-cluster-label{pointer-events:none;color:#fff;text-align:center;white-space:nowrap;background:#141414bf;border-radius:999px;padding:1px 4px;font-size:11px;font-weight:700;line-height:1}.pilot-popup{color:#222;font-size:12px;line-height:1.5}.pilot-popup a{color:#1565c0;margin-top:4px;font-weight:600;text-decoration:none;display:inline-block}.pilot-popup a:hover{text-decoration:underline}.pilot-popup-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#555;border-top:1px solid #0000001f;margin-top:6px;padding-top:6px}.maplibregl-popup-content{border-radius:6px;padding:8px 10px}.app.dark .maplibregl-popup-content{color:#e8eaed;background:#23262b;box-shadow:0 4px 16px #00000080}.app.dark .maplibregl-popup-anchor-top .maplibregl-popup-tip,.app.dark .maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.app.dark .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:#23262b}.app.dark .maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.app.dark .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.app.dark .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:#23262b}.app.dark .maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#23262b}.app.dark .maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:#23262b}.app.dark .maplibregl-popup-close-button{color:#8b9199}.app.dark .pilot-popup{color:#e8eaed}.app.dark .pilot-popup a{color:#6ab0ff}.app.dark .pilot-popup-note{color:#b8bcc2;border-top-color:#ffffff26}.sim-menu{width:300px}.sim-row{align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.sim-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sim-row button{cursor:pointer;background:#f5f5f5;border:1px solid #cfd8dc;border-radius:4px;padding:3px 6px;font-size:11px}.sim-del{color:#c62828}.sim-field{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.sim-field input{border:1px solid #cfd8dc;border-radius:5px;width:90px;padding:6px 8px;font-size:13px}.sim-waypoints{resize:vertical;border:1px solid #cfd8dc;border-radius:5px;padding:7px 9px;font-family:ui-monospace,monospace;font-size:12px}.admin-panel{position:relative}.admin-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:10px;flex-direction:column;width:min(920px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000059}.app.dark .admin-modal{color:#e8eaed;background:#23262b}.admin-head{border-bottom:1px solid #eceff1;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.app.dark .admin-head{border-bottom-color:#ffffff1a}.admin-tabs{gap:4px;display:flex}.admin-tabs button{cursor:pointer;background:#f5f5f5;border:1px solid #cfd8dc;border-radius:6px;padding:6px 14px;font-size:13px}.admin-tabs button.active{color:#fff;background:#1565c0;border-color:#1565c0}.app.dark .admin-tabs button{color:#e8eaed;background:#2d3138;border-color:#ffffff24}.app.dark .admin-tabs button.active{background:#1565c0;border-color:#1565c0}.admin-close{color:#607d8b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.admin-close:hover{color:#263238}.app.dark .admin-close{color:#8b9199}.app.dark .admin-close:hover{color:#e8eaed}.admin-body{flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-toolbar .menu-search{flex:200px}.admin-bulk{background:#eef4fb;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:6px 8px;display:flex}.app.dark .admin-bulk{background:#1565c02e}.admin-bulk label{color:#455a64;flex-direction:column;gap:2px;font-size:11px;display:flex}.app.dark .admin-bulk label{color:#b8bcc2}.admin-bulk input{border:1px solid #cfd8dc;border-radius:5px;width:80px;padding:5px 7px;font-size:13px}.admin-bulk button,.admin-actions button{cursor:pointer;background:#f5f5f5;border:1px solid #cfd8dc;border-radius:5px;padding:5px 10px;font-size:13px}.admin-bulk button{color:#fff;background:#1565c0;border-color:#1565c0}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eceff1;padding:6px 8px}.admin-table th{text-transform:uppercase;color:#78909c;font-size:11px;font-weight:600}.admin-table tbody tr:hover{background:#f5f7fa}.app.dark .admin-table th,.app.dark .admin-table td{border-bottom-color:#ffffff14}.app.dark .admin-table th{color:#8b9199}.app.dark .admin-table tbody tr:hover{background:#ffffff0d}.admin-row-checked,.admin-row-checked:hover{background:#eef4fb}.app.dark .admin-row-checked,.app.dark .admin-row-checked:hover{background:#1565c02e}.admin-email,.admin-joined{color:#607d8b}.app.dark .admin-email,.app.dark .admin-joined{color:#9aa0a6}.admin-actions{gap:4px;display:flex}.admin-actions button{padding:3px 7px}.admin-del{color:#c62828;border-color:#ef9a9a}.admin-del:disabled{opacity:.4;cursor:default}.app.dark .admin-del{color:#f28b82;border-color:#f28b8266}.admin-edit-row>td{background:#fafbfc;padding:0}.app.dark .admin-edit-row>td{background:#ffffff08}.admin-edit{border-top:none}.admin-edit-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.admin-edit label,.admin-bulk label{min-width:0}.admin-member-list{border:1px solid #cfd8dc;border-radius:6px;max-height:200px;margin:0;padding:6px 8px;list-style:none;overflow-y:auto}.app.dark .admin-member-list{border-color:#ffffff24}.admin-member-list li{padding:2px 0}.admin-member-list label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}@media (width<=560px){.topbar{flex-wrap:wrap;gap:6px;padding:6px 8px}.brand{font-size:14px}.menu-toggle{padding:5px 9px;font-size:12px}.menu-panel{width:auto;max-height:72vh;position:fixed;top:50px;left:8px;right:8px}.maplibregl-ctrl-top-right .maplibregl-ctrl-group{display:none}}