*,*: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}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.error-badge{position:fixed;bottom:calc(var(--safe-bottom) + 1.25rem);right:calc(var(--safe-right) + 1.25rem);z-index:200;background:#3d1010;border:1.5px solid #c04040;border-radius:999px;color:#e06060;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;padding:.4rem .85rem;min-height:40px;display:flex;align-items:center;gap:.4rem;box-shadow:0 2px 12px #00000080;transition:background .15s}.error-badge:active{background:#5a1a1a}.modal-overlay{position:fixed;inset:0;z-index:300;background:#000000a6;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.25rem .5rem;min-height:44px;min-width:44px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btn:active{background:var(--navy-light)}.error-panel-dialog{background:var(--navy-card);border:1px solid #c04040;border-radius:14px;color:var(--text);font-family:inherit;max-height:70dvh;max-width:560px;padding:0;width:100%;display:flex;flex-direction:column}.error-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem;flex-shrink:0;border-bottom:1px solid var(--border)}.error-panel-header h2{font-size:1.1rem;font-weight:700;color:#e06060}.error-panel-actions{display:flex;align-items:center;gap:.5rem}.error-panel-clear-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.78rem;padding:.25rem .65rem;min-height:32px}.error-panel-clear-btn:active{background:var(--navy-light)}.error-panel-list{list-style:none;overflow-y:auto;padding:.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.error-entry{background:#2a1010;border:1px solid #5a2020;border-radius:8px;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.35rem}.error-entry-header{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap}.error-ts{font-size:.75rem;color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.error-msg{font-size:.88rem;color:#e88;line-height:1.4;word-break:break-word}.error-stack{font-family:Menlo,Courier New,monospace;font-size:.72rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto;background:var(--navy);border-radius:5px;padding:.4rem .6rem;margin-top:.1rem}.update-dialog{background:var(--navy-card);border:1px solid var(--border);border-radius:14px;color:var(--text);font-family:inherit;max-width:360px;padding:1.5rem;width:100%}.update-dialog-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.update-dialog-body{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.25rem}.update-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.update-later-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.95rem;padding:.6rem 1.1rem;min-height:44px}.update-later-btn:active{background:var(--navy-light)}.update-now-btn{background:var(--source-ourairports);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.6rem 1.25rem;min-height:44px;transition:opacity .15s}.update-now-btn:active{opacity:.85}.version-btn{background:none;border:1.5px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:.3rem .65rem;min-height:36px;transition:border-color .15s,color .15s}.version-btn:active{border-color:var(--text-muted);color:var(--text)}.changelog-dialog{background:var(--navy-card);border:1px solid var(--border);border-radius:14px;color:var(--text);font-family:inherit;max-height:80dvh;max-width:540px;padding:0;width:100%;display:flex;flex-direction:column}.changelog-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 0;flex-shrink:0}.changelog-header h2{font-size:1.1rem;font-weight:700}.changelog-body{overflow-y:auto;padding:1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.changelog-version-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.changelog-version-tag{background:var(--navy-light);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:.15rem .55rem}.changelog-version-date{color:var(--text-muted);font-size:.82rem}.changelog-version-title{font-size:1rem;font-weight:700;margin-bottom:.75rem}.changelog-list{display:flex;flex-direction:column;gap:.55rem;list-style:none;padding:0}.changelog-list li{color:var(--text-muted);font-size:.88rem;line-height:1.5;padding-left:1rem;position:relative}.changelog-list li:before{content:"—";position:absolute;left:0;color:var(--border)}.changelog-list code{background:var(--navy-light);border-radius:3px;font-family:Menlo,Courier New,monospace;font-size:.82rem;padding:.05rem .35rem}.import-btn{background:none;border:1.5px solid var(--source-jeppesen);border-radius:6px;color:var(--source-jeppesen);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.3rem .8rem;min-height:36px;transition:background .15s,color .15s}.import-btn:active{background:var(--source-jeppesen);color:#fff}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;inset: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;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}.result-type--jeppesen{background:#3d2200;color:var(--source-jeppesen)}#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}#setup-view{display:flex;flex-direction:column;gap:1.25rem}#setup-view h2{font-size:1.2rem;font-weight:700}.setup-form{display:flex;flex-direction:column;gap:.6rem;background:var(--navy-card);border-radius:10px;padding:1.25rem}.setup-form label{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-top:.4rem}.setup-form label:first-child{margin-top:0}.setup-form select,.setup-form input[type=file]{background:var(--navy-light);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:1rem;padding:.6rem .75rem;outline:none;-webkit-appearance:none;appearance:none;width:100%}.setup-form select:focus,.setup-form input[type=file]:focus{border-color:var(--source-jeppesen)}.import-confirm-btn{margin-top:.6rem;background:var(--source-jeppesen);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;min-height:48px;transition:opacity .15s}.import-confirm-btn:disabled{opacity:.35;cursor:not-allowed}.setup-status{font-size:.9rem;padding:.75rem 1rem;border-radius:8px;background:var(--navy-card);color:var(--text-muted);border:1px solid var(--border)}.setup-status--success{background:#0e2e1a;color:var(--green);border-color:var(--green)}.setup-status--error{background:#2e0e0e;color:#e06060;border-color:#e06060}.jeppesen-source{color:var(--source-jeppesen)}.jep-runway{padding:.4rem 0;border-bottom:1px solid var(--border)}.jep-runway:last-child{border-bottom:none}.rwy-remarks{font-size:.82rem;color:var(--text-muted);margin-top:.25rem;font-style:italic}.dd-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.4rem;font-variant-numeric:tabular-nums}.dd-table th,.dd-table td{padding:.2rem .5rem;text-align:right;border-bottom:1px solid var(--border)}.dd-table th{color:var(--text-muted);font-weight:600;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.dd-table td:first-child,.dd-table th:first-child{text-align:left;font-weight:700}.dd-table tr:last-child td{border-bottom:none}.remarks-list{list-style:none;font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.25rem}.remarks-list li:before{content:"• "}.dd-footnote{font-size:.7rem;font-style:italic;color:var(--text-muted);margin-top:.35rem;line-height:1.4}.raw-text-details{margin-top:.5rem}.raw-text-details summary{font-size:.78rem;color:var(--text-muted);cursor:pointer;user-select:none;padding:.3rem 0}.raw-text-details summary:hover{color:var(--text)}.raw-text{margin-top:.5rem;background:var(--navy-light);border:1px solid var(--border);border-radius:6px;padding:.75rem;font-size:.75rem;font-family:Menlo,Courier New,monospace;color:var(--text-muted);white-space:pre-wrap;overflow-x:auto;max-height:300px;overflow-y:auto}
