:root{--accent: #0b6efd;--accent-dark: #0a58ca;--bg: #f4f7fb;--card: #ffffff;--ink: #16202e;--muted: #6b7686;--line: #e3e9f2;--banner: #101c2c;--danger: #d63b3b;--warn: #e08a00;--ok: #1f9d55;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.82rem}.warn{color:var(--warn);font-weight:600}.top{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;flex-wrap:wrap}.brand{font-weight:800;font-size:1.2rem;display:flex;align-items:center;gap:.4rem}.brand .mark{font-size:1.4rem}.top .links{display:flex;gap:.25rem;flex-wrap:wrap;flex:1}.top .links button{background:none;border:0;padding:.45rem .6rem;border-radius:8px;font-size:.92rem;cursor:pointer;color:var(--ink)}.top .links button:hover{background:#eef3fb}.tier-pill{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;background:#eef1f5;color:var(--muted)}.tier-pill.paid{background:#e7f0ff;color:var(--accent-dark)}.install-hint{background:#e7f0ff;color:var(--accent-dark);padding:.6rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.6rem;justify-content:center}.install-hint[hidden]{display:none}#view{max-width:1024px;margin:0 auto;padding:1rem;min-height:70vh}.foot{border-top:1px solid var(--line);padding:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:1rem}.hero h1{font-size:2rem;margin:.4rem 0}.hero h2{margin-top:1.6rem}.search-row{display:flex;gap:.5rem;margin:.8rem 0;flex-wrap:wrap}.search-row input,.search-row select{flex:1;min-width:140px}input,select{padding:.6rem .75rem;border:1px solid var(--line);border-radius:8px;font-size:1rem;background:#fff}.form input{display:block;width:100%;margin-bottom:.6rem}.btn{padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.95rem;cursor:pointer}.btn:hover{background:#f0f4fa}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.danger{color:var(--danger)}.btn.sm{padding:.35rem .7rem;font-size:.85rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.check{display:inline-flex;align-items:center;gap:.4rem;font-size:.92rem}.checks{display:flex;gap:.9rem;flex-wrap:wrap;margin:.6rem 0}.cta-row{display:flex;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}.results{margin-top:.6rem}.flight-row,.track-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.6rem;cursor:pointer}.flight-row:hover{border-color:var(--accent)}.track-row{cursor:default}.fr-route{margin-top:.25rem;font-size:.95rem}.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;margin-left:.4rem;background:#eef1f5;color:var(--muted);vertical-align:middle}.st-scheduled{background:#eef1f5;color:var(--muted)}.st-boarding{background:#fff3d6;color:#8a5a00}.st-departed,.st-en_route{background:#e7f0ff;color:var(--accent-dark)}.st-landed{background:#e2f5e9;color:var(--ok)}.st-delayed{background:#fde8e8;color:#b3261e}.st-diverted{background:#f3e8fd;color:#6d28d9}.st-cancelled{background:#2b3442;color:#fff}.banner{background:var(--banner);color:#fff;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.banner h2{margin:0 0 .3rem}.banner p{margin:0;color:#b9c4d4}.banner-time{font-size:1.1rem;font-weight:700;color:#9ec2ff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:720px){.grid2{grid-template-columns:1fr}}.route-big{display:flex;align-items:center;justify-content:space-between;text-align:center;margin:.6rem 0 1rem;gap:.5rem}.route-big .plane{font-size:1.6rem}.route-big strong{font-size:1.5rem}table.kv{width:100%;border-collapse:collapse;font-size:.94rem}table.kv td{padding:.35rem 0;border-bottom:1px solid var(--line)}table.kv td:first-child{color:var(--muted);width:45%}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--line)}.timeline li{position:relative;padding:0 0 1rem 2rem}.timeline .dot{position:absolute;left:2px;top:3px;width:14px;height:14px;border-radius:50%;background:#c8d2e0;border:2px solid #fff}.timeline li.done .dot{background:var(--accent)}.gauge{height:12px;border-radius:999px;background:#eef1f5;overflow:hidden;margin:.6rem 0}.gauge-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s}.band-low{background:var(--ok)}.band-moderate{background:#e8a100}.band-high{background:var(--danger)}.factors{margin:.4rem 0;padding-left:1.2rem;font-size:.92rem}.countdown{background:#eef4ff;border:1px solid #cfe0ff;border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:.6rem;font-size:1.05rem}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:1rem 0}.tier-card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--card)}.tier-card.current{border-color:var(--accent);box-shadow:0 0 0 2px #cfe0ff}.tier-card .price{font-size:1.6rem;font-weight:800;margin:.3rem 0}.tier-card ul{padding-left:1.1rem;font-size:.88rem;color:var(--muted)}.tier-card li{margin-bottom:.25rem}.upgrade-box,.secret-box{border:1px dashed var(--accent);background:#f2f7ff;border-radius:var(--radius);padding:.9rem 1.1rem;margin:.6rem 0}.secret-box code{display:block;margin-top:.5rem;padding:.5rem;background:#101c2c;color:#9ec2ff;border-radius:8px;word-break:break-all;font-size:.9rem}#toast-root{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100}.toast{background:#101c2c;color:#fff;padding:.7rem 1.2rem;border-radius:999px;margin-top:.5rem;font-size:.92rem;box-shadow:0 4px 16px #00000040}
