:root{--bg-canvas: #050B14;--bg-deep: #030712;--panel-bg: rgba(12, 20, 36, .85);--panel-border: rgba(148, 163, 184, .18);--panel-border-accent: rgba(56, 189, 248, .35);--accent-gold: #E2B357;--accent-gold-glow: rgba(226, 179, 87, .25);--accent-azure: #38BDF8;--accent-emerald: #10B981;--accent-emerald-soft: #A7F3D0;--accent-amber: #F59E0B;--accent-crimson: #EF4444;--accent-crimson-text: #F87171;--accent-crimson-soft: #FECACA;--text-on-accent: #050B14;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--surface-card: rgba(19, 31, 55, .7);--surface-hover: rgba(30, 41, 59, .8);--panel-shadow: 0 16px 40px -8px rgba(0, 0, 0, .65), 0 0 1px 1px rgba(148, 163, 184, .1);--panel-blur: blur(16px);--panel-w: 360px;--panel-left: 2rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, Consolas, monospace;--fs-min: .6875rem;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:769px)and (max-width:1024px){:root{--panel-w: 330px;--panel-left: 1.25rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}@media(max-width:768px){body{overflow-y:auto;overflow-x:hidden;position:relative}}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;border:none;outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=option]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-azure);outline-offset:2px}.presets-container{position:relative;width:100%;margin-bottom:1rem;z-index:50}.presets-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-card);border:1px solid var(--panel-border);border-radius:6px;color:var(--accent-gold);font-family:var(--font-sans);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.presets-toggle:hover{background:var(--surface-hover);border-color:#e2b35766;box-shadow:0 0 12px #e2b35726}.presets-toggle.active{background:var(--accent-gold);color:var(--text-on-accent);font-weight:700;border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--accent-gold)}.presets-dropdown{position:absolute;top:100%;left:0;width:100%;background:#0c1424f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;max-height:300px;overflow-y:auto;box-shadow:var(--panel-shadow)}.preset-item{width:100%;text-align:left;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.08);cursor:pointer;transition:all .15s ease}.preset-item:last-child{border-bottom:none}.preset-item:hover{background:#e2b35714;padding-left:1.25rem}.preset-name{font-family:var(--font-sans);color:var(--accent-gold);font-weight:600;font-size:.85rem;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.04em}.preset-desc{font-family:var(--font-sans);color:var(--text-muted);font-size:.75rem;line-height:1.3}.aircraft-selector-container{position:relative;width:100%}.aircraft-toggle-btn{width:100%;display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem;background:var(--surface-card);border:1px solid var(--panel-border);border-left:3px solid var(--accent-azure);border-radius:6px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:left}.aircraft-toggle-btn:hover{background:var(--surface-hover);border-color:#38bdf866;box-shadow:0 0 12px #38bdf826}.aircraft-toggle-btn.active{border-color:var(--accent-azure);box-shadow:0 0 12px #38bdf833}.aircraft-header-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:.5rem;row-gap:.3rem;width:100%}.aircraft-header-row>*{white-space:nowrap}.aircraft-label{font-family:var(--font-mono);font-size:var(--fs-min);letter-spacing:.08em;color:var(--accent-azure);text-transform:uppercase;font-weight:600}.aircraft-category-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.aircraft-category-badge.commercial{background:#38bdf81f;color:var(--accent-azure);border:1px solid rgba(56,189,248,.3)}.aircraft-category-badge.military{background:#e2b3571f;color:var(--accent-gold);border:1px solid rgba(226,179,87,.3)}.aircraft-name-row{display:flex;justify-content:space-between;align-items:center;width:100%}.aircraft-current-name{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.aircraft-dropdown-arrow{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.aircraft-meta-row{display:flex;flex-wrap:wrap;column-gap:.75rem;row-gap:.1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.aircraft-meta-item{white-space:nowrap}.aircraft-meta-item span{color:var(--text-primary);font-weight:500}.aircraft-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:340px;overflow-y:auto;background:#0c1424f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:6px;box-shadow:var(--panel-shadow);z-index:100}.aircraft-option{width:100%;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.08);text-align:left;cursor:pointer;transition:all .15s ease}.aircraft-option:last-child{border-bottom:none}.aircraft-option:hover{background:#38bdf814;padding-left:1.25rem}.aircraft-option.selected{background:#38bdf81f;border-left:3px solid var(--accent-azure)}.aircraft-option-top{display:flex;justify-content:space-between;align-items:center}.aircraft-option-name{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-primary)}.aircraft-option-specs{display:flex;gap:.75rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.aircraft-option-specs span{color:var(--accent-azure);font-weight:500}.aircraft-option-desc{font-family:var(--font-sans);font-size:.75rem;color:var(--text-secondary);line-height:1.3}.emissions-card{margin-top:1rem;background:var(--surface-card);border:1px solid var(--panel-border);border-left:3px solid var(--accent-emerald);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--panel-shadow)}.emissions-header{display:flex;justify-content:space-between;align-items:center}.emissions-title{font-family:var(--font-sans);font-size:.78rem;font-weight:700;color:var(--accent-emerald);letter-spacing:.08em;text-transform:uppercase}.emissions-badge{font-family:var(--font-mono);font-size:var(--fs-min);font-weight:600;color:var(--accent-emerald);background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:.15rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.cabin-toggle-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;background:#080e1a99;padding:.25rem;border-radius:6px;border:1px solid var(--panel-border)}.cabin-btn{min-width:0;padding:.3rem .1rem;background:transparent;border:none;border-radius:4px;font-family:var(--font-mono);font-size:var(--fs-min);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.cabin-btn:hover{color:var(--text-primary);background:#ffffff0d}.cabin-btn.active{background:#10b9812e;color:var(--accent-emerald);font-weight:600;box-shadow:none}.emissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.emissions-stat{display:flex;flex-direction:column;gap:.15rem}.emissions-stat-label{font-family:var(--font-mono);font-size:var(--fs-min);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.emissions-stat-value{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-primary)}.emissions-trees-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#10b98114;border-radius:6px;border:1px dashed rgba(16,185,129,.25);font-family:var(--font-sans);font-size:.78rem;color:var(--accent-emerald-soft)}.trees-icon{flex-shrink:0;color:var(--accent-emerald)}.educational-content{position:relative;width:100%;background:var(--bg-deep);color:var(--text-secondary);padding:4rem 2rem;z-index:20;border-top:1px solid var(--panel-border)}.content-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:3.5rem}.educational-content h2{font-family:var(--font-sans);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.08em;text-shadow:none}.educational-content p{font-family:var(--font-sans);font-size:1.05rem;line-height:1.75;color:var(--text-secondary);margin-bottom:1rem}.educational-content strong{color:var(--text-primary);font-weight:600}.faq-list{display:flex;flex-direction:column;gap:2rem}.faq-item dt{font-family:var(--font-sans);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;position:relative;padding-left:1.5rem}.faq-item dt:before{content:"◆";position:absolute;left:0;color:var(--accent-gold);font-size:.75rem;top:.2rem}.faq-item dd{font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--text-muted);margin-left:1.5rem}@media(max-width:768px){.educational-content{padding:3rem 1.5rem}.educational-content h2{font-size:1.35rem}}.payload-card{position:relative;width:320px;background:#0c1424e0;border:1px solid rgba(120,165,215,.22);border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 36px #050b14a6,0 0 0 1px #e2b35714;color:#e2e8f0;z-index:100;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:auto}.payload-card.collapsed{width:280px}.payload-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0e192bb3;border-bottom:1px solid rgba(120,165,215,.15);cursor:pointer;-webkit-user-select:none;user-select:none}.payload-card.collapsed .payload-card-header{border-bottom:none}.payload-header-left{display:flex;align-items:center;gap:8px}.payload-header-icon{color:var(--color-gold, #E2B357);flex-shrink:0}.payload-header-title{font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;color:#f1f5f9}.payload-header-right{display:flex;align-items:center;gap:8px}.payload-aircraft-tag{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;padding:2px 7px;background:#e2b3571f;color:var(--color-gold, #E2B357);border:1px solid rgba(226,179,87,.3);border-radius:4px}.payload-collapse-btn{background:transparent;border:none;color:#94a3b8;font-size:9px;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.payload-card-body{padding:10px 14px 12px}.payload-svg-wrapper{width:100%;height:auto}.payload-svg{width:100%;height:auto;display:block}.payload-axis-label{font-family:JetBrains Mono,monospace;font-size:8px;fill:#78a5d7;letter-spacing:.04em;opacity:.85}.payload-tick{font-family:JetBrains Mono,monospace;font-size:8px;fill:#64748b}.payload-card-telemetry{margin-top:8px;padding-top:8px;border-top:1px solid rgba(120,165,215,.1);font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.03em}.payload-status{display:flex;align-items:center;gap:7px}.payload-status.nominal{color:var(--color-gold, #E2B357)}.payload-status.alert{color:#f87171}.payload-status.idle{color:#94a3b8}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.nominal-dot{background:var(--color-gold, #E2B357);box-shadow:0 0 8px #e2b357cc}.status-dot.alert-dot{background:#ef4444;box-shadow:0 0 8px #ef4444cc}.status-dot.idle-dot{background:#475569}@media(max-width:900px){.payload-card{right:16px;bottom:80px;width:290px}}@media(max-width:640px){.payload-card{right:12px;bottom:12px;width:calc(100vw - 24px);max-width:320px}}.nav-hud-card{position:absolute;bottom:24px;left:24px;width:280px;background:#0c1424e0;border:1px solid rgba(120,165,215,.22);border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 36px #050b14a6,0 0 0 1px #e2b35714;color:var(--text-primary);z-index:90;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:auto;-webkit-user-select:none;user-select:none}@media(min-width:769px){.nav-hud-card{left:calc(var(--panel-left) + var(--panel-w) + 24px)}}.nav-hud-card.collapsed{width:240px}.nav-hud-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0e192bb3;border-bottom:1px solid rgba(120,165,215,.15);cursor:pointer;outline:none}.nav-hud-header:focus-visible{box-shadow:0 0 0 2px var(--accent-azure)}.nav-hud-card.collapsed .nav-hud-header{border-bottom:none}.nav-hud-header-left{display:flex;align-items:center;gap:8px}.nav-hud-icon{color:var(--accent-gold);flex-shrink:0}.nav-hud-title{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase}.nav-hud-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--accent-azure);letter-spacing:.05em}.nav-hud-header-right{display:flex;align-items:center}.nav-hud-toggle-btn{background:transparent;border:none;padding:2px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-hud-chevron{transition:transform .2s ease}.nav-hud-chevron.rotated{transform:rotate(-90deg)}.nav-hud-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.nav-hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.nav-hud-item{display:flex;flex-direction:column;gap:2px}.nav-hud-label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.nav-hud-value{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-hud-heading-value{color:var(--accent-azure)}.nav-hud-time-value{color:var(--accent-gold)}.nav-hud-altitude-value{color:var(--text-secondary)}.nav-hud-aircraft-value{color:var(--text-primary)}.nav-hud-footer{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px solid rgba(120,165,215,.1);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--text-muted)}.nav-hud-status-indicator{width:5px;height:5px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}@media(min-width:769px)and (max-width:1024px){.nav-hud-card{left:calc(var(--panel-left) + var(--panel-w) + 16px);width:240px;bottom:24px}}@media(max-width:768px){.nav-hud-card{position:relative;inset:auto;width:100%;max-width:100%}.nav-hud-card.collapsed{width:100%}.nav-hud-header{padding:7px 12px}.nav-hud-body{padding:8px 12px;gap:6px}.nav-hud-grid{gap:6px 12px}.nav-hud-label{font-size:9px}.nav-hud-value{font-size:11.5px}.nav-hud-footer{padding-top:5px;font-size:9px}}.celestial-hud-card{position:absolute;top:76px;right:24px;width:290px;background:#0c1424e0;border:1px solid rgba(120,165,215,.22);border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 36px #050b14a6,0 0 0 1px #e2b35714;color:var(--text-primary);z-index:90;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:auto;-webkit-user-select:none;user-select:none}.celestial-hud-card.collapsed{width:240px}.celestial-hud-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0e192bb3;border-bottom:1px solid rgba(120,165,215,.15);cursor:pointer;outline:none}.celestial-hud-header:focus-visible{box-shadow:0 0 0 2px var(--accent-gold)}.celestial-hud-card.collapsed .celestial-hud-header{border-bottom:none}.celestial-hud-header-left{display:flex;align-items:center;gap:7px}.celestial-hud-icon{color:var(--accent-gold);flex-shrink:0}.celestial-hud-title{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase}.celestial-hud-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:#e2b35726;border:1px solid rgba(226,179,87,.3);color:var(--accent-gold);letter-spacing:.05em}.celestial-hud-header-right{display:flex;align-items:center}.celestial-hud-toggle-btn{background:transparent;border:none;padding:2px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.celestial-hud-chevron{transition:transform .2s ease}.celestial-hud-chevron.rotated{transform:rotate(-90deg)}.celestial-hud-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.celestial-hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.celestial-hud-item{display:flex;flex-direction:column;gap:2px}.celestial-hud-label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celestial-hud-value{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celestial-hud-time{color:var(--accent-gold)}.celestial-hud-coords{color:var(--accent-azure);font-size:10.5px}.celestial-hud-elevation{color:#38bdf8}.celestial-hud-azimuth{color:#f3d58e}.celestial-hud-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(120,165,215,.1);font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--text-muted)}.celestial-hud-tag{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.celestial-hud-dec{color:var(--accent-gold)}@media(max-width:768px){.celestial-hud-card{position:relative;inset:auto;width:100%;max-width:100%}.celestial-hud-card.collapsed{width:100%}.celestial-hud-header{padding:7px 12px}.celestial-hud-body{padding:8px 12px;gap:6px}.celestial-hud-grid{gap:6px 12px}.celestial-hud-label{font-size:9px}.celestial-hud-value{font-size:11.5px}.celestial-hud-coords{font-size:10.5px}.celestial-hud-footer{padding-top:5px;font-size:9px}}.app-container{position:relative;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.hero-section{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 75% 35%,rgba(226,179,87,.05) 0%,rgba(30,58,138,.12) 45%,transparent 75%),radial-gradient(ellipse 60% 40% at 20% 70%,rgba(14,165,233,.05) 0%,transparent 60%),#050b14}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;z-index:10}.top-hud-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 2rem;width:100%;min-width:0;pointer-events:auto;background:linear-gradient(180deg,rgba(5,11,20,.95) 0%,rgba(5,11,20,.75) 80%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);z-index:50}.brand-group{display:flex;flex-direction:column;flex-shrink:0;min-width:0}.brand-title-row{display:flex;align-items:center;gap:.6rem}.brand-icon{flex-shrink:0;filter:drop-shadow(0 0 10px rgba(56,189,248,.55))}.brand-title{margin:0;font-family:var(--font-sans);font-size:1.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.brand-platform-pill{font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;color:var(--accent-gold);border:1px solid rgba(226,179,87,.35);background:#e2b35714;padding:1px 6px;border-radius:4px;text-transform:uppercase;white-space:nowrap}.brand-subtitle{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-gold);margin:.25rem 0 0;opacity:.9;white-space:nowrap}.search-wrapper{flex:1 1 auto;max-width:480px;min-width:220px;margin:0 auto;position:relative;z-index:100;pointer-events:auto}.top-controls{display:flex;align-items:center;gap:.85rem;flex-shrink:0;pointer-events:auto}.label-extra{white-space:pre}.controls-panel{pointer-events:auto;position:relative;flex:0 1 auto;min-height:0;align-self:flex-start;margin:1rem 0 1.5rem var(--panel-left);width:var(--panel-w);max-width:calc(100vw - 2 * var(--panel-left));background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-left:3px solid var(--accent-gold);border-radius:8px;padding:1.25rem;box-shadow:var(--panel-shadow);display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;z-index:30}.controls-panel>*{flex-shrink:0}.search-container{position:relative;width:100%;border-radius:6px;background:var(--surface-card);border:1px solid var(--panel-border);transition:all .2s ease}.search-container:hover{border-color:#38bdf866}.search-container:focus-within{border-color:var(--accent-azure);box-shadow:0 0 0 1px var(--accent-azure),0 4px 16px #0006}.search-input{width:100%;height:44px;padding:.65rem 1.25rem;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-family:var(--font-sans);font-size:.92rem;font-weight:500;letter-spacing:.5px;transition:all .2s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none}.search-results{position:absolute;top:calc(100% + .5rem);left:0;width:100%;max-height:60vh;background:#080e1af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:6px;list-style:none;overflow-y:auto;z-index:10;box-shadow:var(--panel-shadow)}.search-item{padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;border-bottom:1px solid rgba(148,163,184,.08);transition:all .15s ease}.search-item:last-child{border-bottom:none}.search-item .iata{font-family:var(--font-mono);font-weight:600;color:var(--accent-gold);background:#e2b3571f;padding:.2rem .55rem;border-radius:3px;border:1px solid rgba(226,179,87,.28);min-width:54px;text-align:center;font-size:.85rem}.search-item .name{color:var(--text-primary);font-size:.95rem;font-weight:400;letter-spacing:.3px}.search-item:hover,.search-item.active{background:#38bdf814;padding-left:1.5rem}.search-item:hover .name,.search-item.active .name{color:var(--text-primary);text-shadow:none}.route-list-container h2,.route-list-title{font-family:var(--font-sans);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .75rem;line-height:1.3}.route-empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;line-height:1.5;padding:1rem .75rem;border:1px dashed var(--panel-border);border-radius:6px;background:#0c142459}.solar-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .45rem;border-radius:999px;font-family:var(--font-mono);font-size:var(--fs-min);font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;color:var(--text-secondary);border:1px solid var(--panel-border);background:#0c1424b3}.solar-badge svg{flex-shrink:0}.solar-badge:not(:has(svg)):before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.solar-badge--day{color:var(--accent-gold);border-color:#e2b35759;background:#e2b35714}.solar-badge--twilight{color:var(--accent-amber);border-color:#f59e0b59;background:#f59e0b14}.solar-badge--night{color:var(--accent-azure);border-color:#38bdf859;background:#38bdf814}.route-items{display:flex;flex-direction:column;gap:0}.route-item{background:var(--surface-card);padding:.85rem 1rem;border-radius:6px;border:1px solid var(--panel-border);position:relative;transition:all .2s ease}.route-item:hover{background:var(--surface-hover);border-color:#38bdf859}.route-item-header{display:flex;align-items:center;gap:.85rem}.route-index{background:var(--accent-gold);color:var(--text-on-accent);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;font-family:var(--font-mono);box-shadow:0 0 10px var(--accent-gold-glow);flex-shrink:0}.route-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.route-code{font-weight:700;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.05em;font-size:1.15rem}.route-city{font-size:.82rem;color:var(--text-muted);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em}.route-code-row{display:flex;align-items:center;gap:.5rem}.route-coords{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-azure);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:.15rem}.waypoint-solar-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border-radius:4px;font-family:var(--font-mono);font-size:var(--fs-min);font-weight:600;letter-spacing:.05em;border:1px solid var(--panel-border);background:#0c1424b3;flex-shrink:0;white-space:nowrap}.solar-status-day{color:var(--accent-gold);border-color:#e2b35759;background:#e2b35714}.solar-status-twilight{color:var(--accent-amber);border-color:#f59e0b59;background:#f59e0b14}.solar-status-night{color:var(--accent-azure);border-color:#38bdf859;background:#38bdf814}.remove-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--accent-crimson-text);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.25rem;line-height:1;transition:all .2s ease}.remove-btn:hover{background:#ef444433;border-color:var(--accent-crimson);box-shadow:0 0 10px #ef44444d;transform:scale(1.05)}.route-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem 0;gap:.2rem;position:relative}.connector-line{width:2px;height:12px;background:#94a3b840}.connector-stats{display:flex;flex-direction:column;align-items:center;gap:4px}.connector-distance{font-family:var(--font-mono);font-size:.95rem;color:var(--accent-gold);background:#0c1424e6;padding:3px 10px;border-radius:10px;border:1px solid rgba(226,179,87,.25);font-weight:600;white-space:nowrap}.connector-time{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);background:#0c1424a6;padding:2px 8px;border-radius:6px;border:1px solid var(--panel-border)}.connector-range-alert{font-family:var(--font-mono);font-size:var(--fs-min);font-weight:600;color:var(--accent-crimson-text);background:#ef444426;border:1px solid rgba(239,68,68,.4);padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;animation:pulse-alert 1.5s infinite alternate;text-align:center;margin-top:2px}.telemetry-card{width:100%;background:#0c1424d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:6px;padding:.6rem .75rem;margin:.35rem 0;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 4px 16px #0006}.telemetry-header{font-family:var(--font-mono);font-size:var(--fs-min);font-weight:700;letter-spacing:.08em;color:var(--accent-gold);text-transform:uppercase;border-bottom:1px solid rgba(148,163,184,.12);padding-bottom:.25rem;display:flex;align-items:center;justify-content:space-between}.telemetry-leg-tag{font-size:var(--fs-min);color:var(--text-muted);font-weight:500}.telemetry-grid{display:grid;grid-template-columns:1fr;gap:.35rem}.telemetry-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:.5rem;row-gap:.2rem;font-family:var(--font-mono);font-size:.74rem;line-height:1.35}.telemetry-item>.telemetry-val{margin-left:auto}.telemetry-label{color:var(--text-muted);font-size:var(--fs-min);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.telemetry-val{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:0}.telemetry-divergence,.telemetry-subval{display:inline-block;white-space:nowrap}.telemetry-divergence{color:var(--accent-azure);font-size:.7rem;font-weight:500}.telemetry-subval{color:var(--text-muted);font-size:.7rem;margin-left:.35em}.solar-transition{color:var(--accent-gold);font-size:.72rem;white-space:nowrap}.route-range-warning-banner{margin-top:.75rem;padding:.75rem .85rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:4px;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--accent-crimson-soft);display:flex;align-items:center;gap:.5rem;line-height:1.3}@keyframes pulse-alert{0%{box-shadow:0 0 4px #ef444433}to{box-shadow:0 0 10px #ef444480}}.total-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--panel-border);display:flex;flex-direction:column;gap:.5rem}.total-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.total-row .total-label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4em;align-items:baseline;margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.2;white-space:nowrap}.distance-value{font-size:1.5rem;font-weight:700;color:var(--accent-gold);font-family:var(--font-mono);white-space:nowrap;min-width:120px;text-align:right}.rhumb-distance-value{font-size:1.25rem;font-weight:600;color:var(--accent-azure);font-family:var(--font-mono);white-space:nowrap;min-width:120px;text-align:right;font-variant-numeric:tabular-nums}.total-divergence-value{font-size:.85rem;font-weight:600;color:var(--accent-gold);font-family:var(--font-mono);white-space:nowrap;min-width:120px;text-align:right;font-variant-numeric:tabular-nums}.time-value{font-size:1.25rem;font-weight:600;color:var(--accent-azure);font-family:var(--font-mono);white-space:nowrap;min-width:120px;text-align:right}.controls-panel::-webkit-scrollbar{width:6px}.controls-panel::-webkit-scrollbar-track{background:transparent}.controls-panel::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}.controls-panel::-webkit-scrollbar-thumb:hover{background:#94a3b859}.unit-toggle-container{position:relative;bottom:auto;right:auto;background:var(--surface-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:8px;padding:.2rem;display:flex;gap:.25rem;pointer-events:auto;box-shadow:0 4px 12px #0000004d;height:38px;align-items:center}.unit-btn{padding:.35rem .75rem;border-radius:6px;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-muted);transition:all .2s ease}.unit-btn:hover{color:var(--text-primary);background:#ffffff0d}.unit-btn.active{background:var(--accent-azure);color:var(--text-on-accent);font-weight:600;box-shadow:none}.share-btn{font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--surface-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);padding:.4rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:0 4px 12px #0000004d;height:38px}.share-btn .share-icon{flex-shrink:0}.unit-btn{white-space:nowrap}.share-btn:hover{background:var(--surface-hover);border-color:var(--panel-border-accent);color:var(--text-primary);box-shadow:none}.share-btn.copied{background:var(--accent-emerald);color:var(--text-on-accent);border-color:var(--accent-emerald);box-shadow:none}.globe-container{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:0}@media(min-width:769px){.globe-container{left:calc(var(--panel-left) + var(--panel-w));width:calc(100vw - var(--panel-left) - var(--panel-w))}}@media(max-width:768px){.app-container{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.hero-section{display:flex;flex-direction:column;height:auto;overflow:visible}.ui-overlay{display:contents}.top-hud-bar{order:-1;position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:.75rem;gap:.5rem;background:#050b14f5;box-sizing:border-box;width:100%}.top-controls{display:contents}.brand-group{order:1;flex:1 1 auto;min-width:0}.brand-title{font-size:1.3rem;letter-spacing:.06em}.brand-subtitle{font-size:var(--fs-min);letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis}.share-btn{order:2;flex:0 0 auto;margin-left:auto;height:34px;padding:.3rem .75rem;font-size:.75rem}.search-wrapper{order:3;width:100%;max-width:100%;min-width:0;flex:0 0 100%;margin:.35rem 0;box-sizing:border-box}.hud-toggle-btn{order:4;flex:1 1 0px;min-width:0;height:34px;padding:.2rem .4rem;font-size:.72rem;justify-content:center;box-sizing:border-box}.unit-toggle-container{order:4;flex:1 1 0px;min-width:0;height:34px;padding:.15rem;justify-content:center;box-sizing:border-box}.unit-btn{flex:1 1 0px;padding:.2rem .35rem;font-size:.75rem;text-align:center}.globe-container{order:0;position:relative;width:100%;height:48vh;min-height:330px;max-height:440px;z-index:1}.nav-hud-card{order:1;position:relative!important;inset:auto!important;width:calc(100% - 1.5rem)!important;max-width:calc(100% - 1.5rem)!important;margin:.75rem auto .4rem!important;box-sizing:border-box!important;border-radius:8px!important;z-index:10!important}.celestial-hud-card{order:2;position:relative!important;inset:auto!important;width:calc(100% - 1.5rem)!important;max-width:calc(100% - 1.5rem)!important;margin:.4rem auto!important;box-sizing:border-box!important;border-radius:8px!important;z-index:10!important}.controls-panel{order:3;position:relative;flex:none;align-self:stretch;width:100%;max-width:100%;max-height:none;margin:.75rem 0 0;overflow:visible;border-radius:0;border-left:none;border-top:2px solid var(--accent-gold);box-shadow:none;box-sizing:border-box}.bottom-hud-cards{order:4;position:relative!important;inset:auto!important;width:calc(100% - 1.5rem)!important;max-width:calc(100% - 1.5rem)!important;margin:.75rem auto 1.5rem!important;padding:0!important;gap:.75rem!important;align-items:stretch!important;box-sizing:border-box!important;z-index:10!important}.bottom-hud-cards>.payload-card{position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.bottom-hud-cards>.geodetic-scale-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.solar-telemetry-badge{bottom:.75rem;padding:.25rem .6rem;font-size:.65rem}.solar-telemetry-coords{display:none}.telemetry-card{padding:.5rem .6rem}.telemetry-item{font-size:.7rem}.telemetry-label{font-size:var(--fs-min)}}.solar-telemetry-badge{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:#0c1424d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 8px 24px #0009;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.5px;color:var(--text-secondary);z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.solar-live-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold);animation:solar-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes solar-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 12px var(--accent-gold)}}.solar-telemetry-title{font-weight:600;color:var(--accent-gold);font-family:var(--font-mono);letter-spacing:1px}.solar-telemetry-divider{opacity:.4;color:var(--text-muted)}.solar-telemetry-info{color:var(--text-primary);font-family:var(--font-mono)}.solar-telemetry-coords{font-family:var(--font-mono);color:var(--accent-azure);font-size:.7rem}.hud-toggle-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;background:var(--surface-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:38px}.hud-toggle-btn:hover{background:var(--surface-hover);border-color:var(--panel-border-accent);color:var(--text-primary);box-shadow:none}.hud-toggle-btn.active{border-color:#e2b35780;color:var(--accent-gold);background:#e2b3571a;box-shadow:0 0 8px #e2b35726}.hud-toggle-btn .hud-indicator-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.hud-toggle-btn .hud-icon{flex-shrink:0}.hud-toggle-btn .hud-label{display:inline-block;min-width:calc(11ch + 5.5px);text-align:left}@media(min-width:1360px){.top-hud-bar{padding:1rem 2.5rem;gap:2rem}.search-wrapper{max-width:520px}.top-controls{gap:1rem}}@media(max-width:1359px){.label-extra{display:none}.unit-btn .unit-short{text-transform:uppercase;letter-spacing:.05em}.unit-btn{min-width:2.75rem;font-family:var(--font-mono)}.hud-toggle-btn .hud-label{min-width:calc(6ch + 3px)}.top-controls{gap:.6rem}}@media(min-width:1025px)and (max-width:1359px){.top-hud-bar{padding:1rem 1.75rem;gap:1.25rem}}@media(min-width:769px)and (max-width:1024px){.top-hud-bar{flex-wrap:wrap;padding:.75rem 1.25rem;column-gap:.75rem;row-gap:.6rem}.brand-title{font-size:1.45rem;letter-spacing:.08em}.brand-subtitle{font-size:var(--fs-min)}.top-controls{order:2;margin-left:auto;gap:.5rem}.search-wrapper{order:3;flex:1 1 100%;max-width:none;min-width:0;margin:0}.hud-toggle-btn,.unit-toggle-container,.share-btn{height:36px}.hud-toggle-btn{padding:.35rem .6rem}.share-btn{padding:.35rem .75rem;font-size:.75rem}.controls-panel{margin-top:.75rem}}@media(max-width:768px){.hud-toggle-btn{order:4;flex:1 1 0px;min-width:0;height:34px;padding:.3rem .35rem;font-size:var(--fs-min);letter-spacing:.02em;justify-content:center;gap:.3rem;overflow:hidden}.hud-toggle-btn .hud-label{min-width:0;text-align:center}.hud-toggle-btn .hud-indicator-dot{width:5px;height:5px}}@media(max-width:400px){.share-btn .share-label{display:none}.share-btn{padding:.3rem .6rem}.hud-toggle-btn .hud-indicator-dot{display:none}.unit-btn{min-width:0;padding:.2rem .25rem}.cabin-toggle-group{gap:.1rem;padding:.2rem}.cabin-btn{padding-inline:0;letter-spacing:0}}.bottom-hud-cards{position:absolute;bottom:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:95;pointer-events:none}.bottom-hud-cards>*{pointer-events:auto}.geodetic-scale-card{display:flex;flex-direction:column;gap:4px;width:200px;padding:8px 12px;background:#0c1424e0;border:1px solid rgba(120,165,215,.22);border-radius:6px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px #050b148c;-webkit-user-select:none;user-select:none}.scale-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.scale-title{font-family:var(--font-sans);font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase}.scale-ratio{font-family:var(--font-mono);font-size:9.5px;font-weight:600;color:var(--accent-gold)}.scale-bar{width:100%;height:3px;position:relative;background:#78a5d726;border-radius:2px;margin-top:3px}.scale-bar-line{position:absolute;inset:0;background:var(--accent-gold);border-radius:2px;box-shadow:0 0 6px #e2b35799}.scale-bar:before,.scale-bar:after{content:"";position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--accent-gold);border-radius:1px}.scale-bar:before{left:0}.scale-bar:after{right:0}@media(min-width:769px)and (max-width:960px){.bottom-hud-cards{right:16px;bottom:172px}}@media(max-width:768px){.geodetic-scale-card{width:100%;padding:6px 12px;gap:3px;box-sizing:border-box}}