:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e14;--bg-elevated:#12151c;--text:#e5e7eb;--text-muted:#8b93a1;--border:#262b36;--accent:#3b82f6;--accent-hover:#2563eb}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app{flex-direction:column;align-items:center;gap:20px;max-width:560px;margin:0 auto;padding:32px 20px 60px;display:flex}.app-title{letter-spacing:.02em;margin:0;font-size:28px;font-weight:700}.location-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.location-form input[type=text]{border:1px solid var(--border);background:var(--bg-elevated);min-width:220px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px}.location-form input[type=text]:focus{border-color:var(--accent)}.location-form button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.location-form button:hover:not(:disabled){background:var(--accent-hover)}.location-form button:disabled{opacity:.6;cursor:default}.location-form-error{text-align:center;color:#f87171;width:100%;font-size:13px}.radius-slider{flex-direction:column;gap:6px;width:100%;max-width:440px;display:flex}.radius-slider label{color:var(--text-muted);font-size:13px}.radius-slider label strong{color:var(--text)}.radius-slider input[type=range]{width:100%;accent-color:var(--accent)}.radar-section{width:100%;max-width:440px;position:relative}.radar-wrapper{aspect-ratio:1;width:100%}.radar{width:100%;height:100%}.radar-contours path{fill:none;stroke:#fff;stroke-opacity:.05;stroke-width:1px}.radar-rings circle{fill:none;stroke:#fff;stroke-opacity:.14;stroke-width:1px}.ring-label{fill:var(--text-muted);paint-order:stroke;stroke:var(--bg);stroke-width:3px;font-size:10px}.radar-sweep{transform-origin:0 0;animation:4s linear infinite radar-spin}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-center-dot{fill:var(--accent);stroke:#fff;stroke-opacity:.5;stroke-width:1.5px}.radar-aircraft{cursor:pointer}.radar-aircraft.is-selected path{stroke:#fff;stroke-width:1.4px}.aircraft-label{fill:var(--text-muted);paint-order:stroke;stroke:var(--bg);stroke-width:3px;pointer-events:none;font-size:9px}.status-line{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.rarity-badge{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.rarity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.detail-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;width:100%;max-width:440px;padding:18px 20px}.detail-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.detail-panel-header h2{margin:0 0 2px;font-size:17px}.detail-panel-close{color:var(--text-muted);background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1}.detail-panel-close:hover{color:var(--text)}.detail-panel-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0 0 16px;display:grid}.detail-panel-grid-wide{grid-column:1/-1}.detail-panel-grid dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:2px;font-size:11px}.detail-panel-grid dd{margin:0;font-size:14px}.add-to-collection-button{background:var(--accent);color:#fff;border:none;border-radius:8px;width:100%;padding:11px;font-size:14px;font-weight:600}.add-to-collection-button:hover:not(:disabled){background:var(--accent-hover)}.add-to-collection-button:disabled{color:var(--text-muted);cursor:default;background:#ffffff14}.collection-tab{transform-origin:0 0;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 14px;font-size:12px;font-weight:600;position:absolute;top:50%;right:-1px;transform:translateY(-50%)translate(100%)rotate(90deg)}.collection-tab.is-open,.collection-tab:hover{color:var(--text);background:#1a2030}.collection-panel{width:100%;max-width:440px}.collection-empty{color:var(--text-muted);text-align:center;font-size:13px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.collection-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.collection-card-title{font-size:13px;font-weight:600}.collection-card-type{color:var(--text-muted);font-size:12px}