*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--navy: #1a2332;--navy-light: #243044;--navy-card: #1e2d40;--text: #e8edf2;--text-muted: #8a9bb0;--green: #4caf7d;--amber: #e8a020;--border: #2d3f55;--source-ourairports: #5b9bd5;--source-jeppesen: #e67e22;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{height:100%;background:var(--navy);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;padding:calc(var(--safe-top) + 1.5rem) calc(var(--safe-right) + 1.5rem) calc(var(--safe-bottom) + 1.5rem) calc(var(--safe-left) + 1.5rem);display:flex;flex-direction:column;gap:1.5rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.status-indicator{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px;border:1.5px solid currentColor;transition:color .2s ease}.status-online{color:var(--green)}.status-offline{color:var(--amber)}.persist-warning{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#3d2b00;border:1px solid var(--amber);border-radius:6px;padding:.6rem 1rem;font-size:.85rem;color:var(--amber)}.persist-warning button{background:none;border:none;color:var(--amber);cursor:pointer;font-size:1rem;padding:0 .25rem;flex-shrink:0}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy);display:flex;align-items:center;justify-content:center;z-index:100;padding:2rem}.progress-box{width:100%;max-width:480px;display:flex;flex-direction:column;gap:.75rem}.progress-message{color:var(--text-muted);font-size:.9rem}.progress-track{background:var(--navy-light);border-radius:999px;height:8px;overflow:hidden}.progress-bar{height:100%;background:var(--source-ourairports);border-radius:999px;transition:width .15s ease;width:0%}.progress-pct{color:var(--text);font-size:1.1rem;font-weight:600}.search-box{position:relative}#search-input{width:100%;background:var(--navy-card);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:1.1rem;padding:.75rem 1rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#search-input:focus{border-color:var(--source-ourairports)}#search-input::placeholder{color:var(--text-muted)}.results-list{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:2px}.result-item{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:var(--navy-card);border-radius:8px;cursor:pointer;min-height:48px;transition:background .1s}.result-item:active{background:var(--navy-light)}.result-icao{font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums;min-width:3.2rem}.result-iata{font-size:.8rem;color:var(--text-muted);background:var(--navy-light);padding:.1rem .4rem;border-radius:4px}.result-name{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-type{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.result-type--large_airport{background:#1d4a7a;color:#79b8f5}.result-type--medium_airport{background:#1a3d2e;color:#5bb88a}.result-type--small_airport{background:#2a2a1a;color:#b8b45b}.result-type--heliport{background:#2d1a1a;color:#c06060}.result-type--seaplane_base{background:#1a2d2d;color:#5bbbb8}#detail-view{display:flex;flex-direction:column;gap:1rem}.back-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;padding:.4rem .9rem;align-self:flex-start;min-height:44px;display:flex;align-items:center}.back-btn:active{background:var(--navy-light)}#detail-title{font-size:1.3rem;font-weight:700;line-height:1.3}.tab-bar{display:flex;gap:4px;background:var(--navy-light);padding:4px;border-radius:10px}.tab-btn{flex:1;background:none;border:none;border-radius:7px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;min-height:44px;padding:.5rem 1rem;transition:background .15s,color .15s}.ourairports-tab[aria-selected=true]{background:var(--source-ourairports);color:#fff}.jeppesen-tab[aria-selected=true]{background:var(--source-jeppesen);color:#fff}.tab-panel{display:flex;flex-direction:column;gap:1rem}.source-header{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ourairports-source{color:var(--source-ourairports)}.detail-section{background:var(--navy-card);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.detail-section h3{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-list{display:grid;grid-template-columns:1fr;gap:0}.field-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.field-row:last-child{border-bottom:none}dt{color:var(--text-muted);flex-shrink:0}dd{text-align:right;word-break:break-word}.runway-row{display:flex;align-items:center;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--border);font-size:.9rem;flex-wrap:wrap}.runway-row:last-child{border-bottom:none}.rwy-ends{font-weight:700;font-variant-numeric:tabular-nums;min-width:3.5rem}.rwy-len{color:var(--text-muted)}.rwy-surface{color:var(--text-muted);font-size:.8rem}.rwy-flag{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;background:var(--navy-light)}.rwy-closed{color:var(--amber)}.freq-row{display:flex;align-items:center;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.freq-row:last-child{border-bottom:none}.freq-type{font-weight:700;min-width:3.5rem;font-size:.8rem;color:var(--text-muted)}.freq-mhz{font-variant-numeric:tabular-nums}.freq-desc{color:var(--text-muted);font-size:.85rem}.no-data{color:var(--text-muted);font-size:.9rem}.navaid-notice{font-size:.8rem;color:var(--text-muted);font-style:italic}.placeholder-notice{color:var(--text-muted);font-size:.95rem;padding:2rem 0}