*{box-sizing:border-box;margin:0;padding:0}body{font-family:Chakra Petch}.app.dark-theme{--bg-color:#0a0a0a;--text-color:#fff;--accent-color:#e0223a;--card-bg:#151515;--border-color:#e0223a}.app.light-theme{--bg-color:#f5f5f2;--text-color:#1a1a1a;--accent-color:#e0223a;--card-bg:#fff;--border-color:#e0223a}.app{min-height:100vh;color:var(--text-color);position:relative}.bg-image{z-index:-1;filter:brightness(.35);background-image:url(/jet-bg.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.light-theme .bg-image{filter:brightness(1.15)}.hero{align-items:center;gap:6px;padding:20px 30px;display:flex}.hero-logo{border-radius:8px;width:44px;height:44px}.hero h1{font-size:22px;display:flex}.hero-subtitle{color:var(--text-color);margin:4px 0 0;font-size:12px}.header-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 30px;display:flex}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-buttons button{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-family:Chakra Petch,sans-serif;font-size:13px}.filter-buttons button:hover{background:#e0223a1a}.right-controls{align-items:center;gap:16px;display:flex}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:6px;padding:8px 16px;font-family:Chakra Petch,sans-serif}.plane-count{color:var(--text-color);font-size:13px}.plane-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:30px;display:grid}.plane-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding-bottom:16px;overflow:hidden}.plane-image{object-fit:cover;width:100%;height:160px}.plane-card h3{margin:14px 0 4px;font-size:16px}.country-origin,.engine-type{color:var(--text-color);margin:2px 0;font-size:12px}.status-available{color:#4ade80;font-size:12px;font-weight:500}.status-unavailable{color:var(--accent-color);font-size:12px;font-weight:500}.plane-rating{margin-top:8px;font-size:13px}
