@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@500;700&display=swap";:root{--ink:#111;--paper:#fdf6e3;--yellow:#ffd23f;--pink:#ff6b9d;--blue:#4ecdc4;--purple:#a06cd5;--orange:#ff8c42;--red:#ff4d4d;--green:#4caf50;--border:3px solid var(--ink);--shadow:6px 6px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);background-image:radial-gradient(circle,#0000000f 1.5px,#0000 1.5px);background-size:20px 20px;margin:0;font-family:Space Grotesk,system-ui,sans-serif}#app{max-width:920px;margin:0 auto;padding:0 16px 48px}.site-header{background:var(--ink);color:var(--yellow);border-bottom:6px solid var(--ink);margin:0 -16px 28px;padding:28px 20px}.site-header h1{letter-spacing:-1px;text-transform:uppercase;margin:0;font-family:Archivo Black,Space Grotesk,sans-serif;font-size:clamp(28px,6vw,44px)}.site-header p{color:var(--paper);opacity:.85;margin:6px 0 0;font-weight:700}.panel{background:var(--yellow);border:var(--border);box-shadow:var(--shadow);margin-bottom:24px;padding:20px}.route-form{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.field{flex-direction:column;flex:200px;gap:6px;display:flex}.field label{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.field input,.field select{border:var(--border);background:var(--paper);color:var(--ink);padding:10px 12px;font-family:inherit;font-size:16px;font-weight:600}.field select{cursor:pointer}.field input:focus,.field select:focus{background:#fff;outline:none}.btn{text-transform:uppercase;border:var(--border);background:var(--pink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;padding:12px 22px;font-family:Archivo Black,sans-serif;font-size:15px;transition:transform 80ms,box-shadow 80ms}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.swap{background:var(--blue);flex:none}.error-box{background:var(--red);border:var(--border);box-shadow:var(--shadow);margin-bottom:24px;padding:14px 18px;font-weight:700}.results{gap:20px;display:grid}.route-card{border:var(--border);box-shadow:var(--shadow);background:#fff;padding:18px}.route-card.accent-gate{background:var(--blue)}.route-card.accent-gate-wh{background:var(--purple);color:#fff}.route-card.accent-cyno{background:var(--orange)}.route-card.accent-cyno-wh{background:var(--red);color:#fff}.route-card h2{text-transform:uppercase;margin:0 0 4px;font-family:Archivo Black,sans-serif;font-size:18px}.route-card .subtitle{opacity:.85;margin-bottom:12px;font-size:13px;font-weight:600}.stat-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.stat-pill{background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:4px 10px;font-size:13px;font-weight:700}.hop-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--paper);color:var(--ink);border:2px solid var(--ink);align-items:center;gap:6px;padding:4px 9px;font-size:13px;font-weight:700;display:inline-flex}.sec-dot{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:9px;height:9px}.sec-high{background:var(--green)}.sec-low{background:var(--orange)}.sec-null{background:var(--red)}.hop-connector{border:2px dashed var(--ink);background:0 0;padding:2px 6px;font-size:12px;font-weight:700}.hop-connector.gate{border-style:solid}.empty-note{padding:10px 0 0;font-size:14px;font-weight:600}footer.assumptions{border:var(--border);box-shadow:var(--shadow);background:#fff;padding:16px 18px;font-size:13px;font-weight:600;line-height:1.5}footer.assumptions b{margin-bottom:6px;font-family:Archivo Black,sans-serif;font-size:14px;display:block}.loading{padding:12px 0;font-weight:700}@media (width<=520px){.site-header{padding:20px 16px}}