@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5fbff;background:#07111c;--panel-bg: linear-gradient( 180deg, rgba(14, 22, 36, .92), rgba(8, 14, 26, .9) );--panel-border: rgba(173, 230, 255, .16);--panel-highlight: rgba(255, 255, 255, .06);--cyan: #69f4ff;--cyan-soft: rgba(105, 244, 255, .18);--magenta: #ff70dd;--violet: #a883ff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:#f5fbff;background:radial-gradient(circle at top left,rgba(62,233,255,.13),transparent 24%),radial-gradient(circle at top right,rgba(250,92,223,.1),transparent 26%),radial-gradient(circle at 50% 110%,rgba(131,110,255,.12),transparent 34%),linear-gradient(180deg,#040912,#07101c 38%,#07111c)}.app-shell{position:relative;isolation:isolate}.app-noise{position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.7) 0 .7px,transparent .8px),radial-gradient(circle at 80% 40%,rgba(255,255,255,.65) 0 .7px,transparent .8px),radial-gradient(circle at 40% 70%,rgba(255,255,255,.45) 0 .7px,transparent .8px);background-size:14px 14px,17px 17px,19px 19px;mix-blend-mode:screen}.glass-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#141c2beb,#080e18e6),radial-gradient(circle at top,rgba(105,244,255,.08),transparent 60%);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #ffffff08,0 18px 48px #0000006b,0 0 0 1px #1a2c4740,0 0 40px #44e0ff0f;-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%)}.panel-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 22%,transparent 74%,rgba(255,255,255,.03)),linear-gradient(180deg,rgba(255,255,255,.02),transparent 26%);pointer-events:none}.panel-shell:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.025);pointer-events:none}.panel-aura{position:absolute;border-radius:999px;filter:blur(36px);opacity:.18;pointer-events:none}.panel-aura-cyan{top:-26px;left:-18px;width:120px;height:120px;background:#56f1ff61}.panel-aura-magenta{right:-24px;bottom:-28px;width:140px;height:140px;background:#ff61d62e}.panel-grid{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 100%);mask-image:radial-gradient(circle at center,black 35%,transparent 100%)}.neon-cyan{box-shadow:0 0 0 1px #58eeff40,0 0 24px #58eeff26,0 0 44px #58eeff14}.neon-magenta{box-shadow:0 0 0 1px #ff4fd838,0 0 24px #ff4fd824,0 0 44px #ff4fd812}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#58eefffa,#a774fff0,#ff6de2e0);box-shadow:inset 0 1px 1px #ffffff1a,0 0 20px #69f4ff1a;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;border-radius:999px;border:2px solid rgba(255,255,255,.78);background:radial-gradient(circle at 35% 35%,#fff,#cafcff 55%,#8af4ff);box-shadow:0 0 0 4px #58eeff1f,0 0 20px #58eeffbf,0 0 36px #aa70ff2e}input[type=checkbox]{accent-color:#58eeff}select{box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000038}.step-pill{position:relative;overflow:hidden;background:linear-gradient(180deg,#121a28f5,#090e18f5);border:1px solid rgba(183,226,255,.14);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000042}.step-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 18%,transparent 36%);transform:translate(-120%);transition:transform .4s ease}.step-pill:hover:before,.step-pill.active:before{transform:translate(120%)}.step-pill.active{border-color:#65edff8f;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #58eeff2e,0 0 26px #58eeff2e,0 12px 28px #00000047}.metric-card{position:relative}.metric-card__glow{position:absolute;top:-28px;right:-10px;width:120px;height:120px;border-radius:999px;background:color-mix(in srgb,var(--metric-accent, #74f2ff) 36%,transparent);filter:blur(40px);opacity:.55;pointer-events:none}.route-card{min-width:188px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#121926eb,#080d17e0),radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 36%);border:1px solid rgba(192,225,255,.18);box-shadow:0 14px 30px #00000057,0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.traffic-bar{width:4px;border-radius:999px;opacity:.5}.traffic-bar.active{opacity:1}.map-surface{background:radial-gradient(circle at 14% 18%,rgba(76,236,255,.09),transparent 24%),radial-gradient(circle at 88% 20%,rgba(248,88,216,.08),transparent 22%),radial-gradient(circle at 50% 105%,rgba(167,116,255,.08),transparent 35%),linear-gradient(180deg,#040b16fc,#030a13);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 30px 80px #4ae9ff08}.road-hit-area{cursor:pointer}.road-hit-area:focus{outline:none}.mode-overlay-shell{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:24px}.mode-overlay-card{min-width:min(560px,calc(100vw - 48px));max-width:90vw;padding:20px 28px;text-align:center;border-radius:30px;border:1px solid rgba(120,233,255,.28);background:radial-gradient(circle at top,rgba(89,237,255,.16),transparent 56%),radial-gradient(circle at bottom,rgba(255,109,226,.08),transparent 50%),linear-gradient(180deg,#0b1424eb,#080e1adb);box-shadow:0 0 0 1px #58eeff14,0 26px 70px #00000080,0 0 60px #58eeff29;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modeOverlayInOut 1.45s ease both}.mode-overlay-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.34em;color:#aaebffb3}.mode-overlay-title{margin-top:10px;font-size:clamp(30px,5vw,52px);font-weight:800;letter-spacing:-.04em;color:#f4fcff;text-shadow:0 0 24px rgba(88,238,255,.24),0 0 40px rgba(167,116,255,.12)}@keyframes modeOverlayInOut{0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(10px)}18%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}72%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-12px) scale(1.02);filter:blur(8px)}}.flow-help-trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:18px;border:1px solid rgba(120,233,255,.24);background:linear-gradient(180deg,#101827f2,#090f1af0);color:#b0f1fff2;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #58eeff14,0 0 18px #58eeff1f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.flow-help-trigger:hover{transform:translateY(-1px);border-color:#78e9ff6b;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #58eeff24,0 0 28px #58eeff33}.flow-help-backdrop{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:22px;background:#0409128f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.flow-help-modal{width:min(980px,calc(100vw - 32px));max-height:min(86vh,920px);overflow:auto;border-radius:32px;border:1px solid rgba(120,233,255,.22);background:radial-gradient(circle at top,rgba(89,237,255,.14),transparent 54%),radial-gradient(circle at bottom right,rgba(255,109,226,.08),transparent 34%),linear-gradient(180deg,#0b1424f7,#080e1af2);box-shadow:inset 0 1px #ffffff0d,0 30px 90px #0000008a,0 0 0 1px #58eeff14,0 0 52px #58eeff1f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.flow-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 18px}.flow-help-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.32em;color:#abebffb3}.flow-help-title{margin-top:10px;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.04em;color:#f4fcff}.flow-help-subtitle{margin-top:8px;font-size:14px;color:#e2f2ff9e}.flow-help-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd1}.flow-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 28px 24px}.flow-help-item{border-radius:22px;border:1px solid rgba(184,225,255,.12);background:linear-gradient(180deg,#121a29c7,#0a101bb8);padding:16px 16px 15px;box-shadow:inset 0 1px #ffffff08,0 14px 28px #0000002e}.flow-help-item-title{font-size:14px;font-weight:700;color:#9cf8ff}.flow-help-item-text{margin-top:8px;font-size:13px;line-height:1.55;color:#edf6ffb8}.flow-help-custom{margin:0 28px 28px;border-radius:24px;border:1px solid rgba(255,97,214,.18);background:linear-gradient(180deg,#ff61d614,#642d820f);padding:18px 18px 19px;box-shadow:0 0 22px #ff61d614,inset 0 1px #ffffff0a}.flow-help-custom-title{font-size:15px;font-weight:800;color:#ffaae9}.flow-help-custom-text{margin-top:8px;font-size:13px;line-height:1.6;color:#f5f1ffc7}.map-switcher{box-shadow:0 14px 34px #00000057,0 0 0 1px #ffffff08}.map-switcher-btn{width:38px;height:38px;border-radius:13px;border:1px solid rgba(184,225,255,.14);background:linear-gradient(180deg,#111926f0,#0a0f19f0);color:#ebf5ffc2;font-size:13px;font-weight:700;transition:all .18s ease}.map-switcher-btn:hover{color:#fffffff0;border-color:#78e9ff4d;transform:translateY(-1px)}.map-switcher-btn.is-active{color:#07111f;border-color:#78e9ff99;background:linear-gradient(180deg,#6df6fffa,#52e4ffe6);box-shadow:0 0 0 1px #58eeff24,0 0 22px #58eeff38,0 8px 20px #58eeff33}.glass-panel button,.glass-panel select,.glass-panel input{transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease,background-color .18s ease}.glass-panel button:hover,.glass-panel select:hover{box-shadow:0 10px 20px #00000029}@media(max-width:920px){.route-mini-card{display:none}}@media(max-width:900px){.flow-help-grid{grid-template-columns:1fr}.flow-help-head{padding:22px 20px 16px}.flow-help-grid{padding:0 20px 20px}.flow-help-custom{margin:0 20px 20px}}.live-sim-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;background:transparent;color:#b5fafff2;text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:700;pointer-events:none}@media(max-width:400px){.live-sim-badge{margin-top:42px}}.live-sim-badge__dot{width:10px;height:10px;border-radius:999px;background:#57f3ff;box-shadow:0 0 #57f3ffcc,0 0 12px #57f3fff2,0 0 22px #57f3ff8c;animation:liveSimBlink 1.05s steps(1,end) infinite,liveSimPulse 1.8s ease-out infinite}.live-sim-badge__text{text-shadow:0 0 10px rgba(87,243,255,.24);opacity:.92}@keyframes liveSimBlink{0%,44%{opacity:1}45%,58%{opacity:.18}59%,to{opacity:1}}@keyframes liveSimPulse{0%{box-shadow:0 0 #57f3ffad,0 0 12px #57f3fff2,0 0 22px #57f3ff8c}70%{box-shadow:0 0 0 8px #57f3ff00,0 0 16px #57f3ffe6,0 0 28px #57f3ff6b}to{box-shadow:0 0 #57f3ff00,0 0 12px #57f3fff2,0 0 22px #57f3ff8c}}.live-sim-badge.is-paused .live-sim-badge__dot{animation:none;opacity:.42;box-shadow:0 0 #57f3ff38,0 0 8px #57f3ff47,0 0 14px #57f3ff2e}.live-sim-badge.is-paused .live-sim-badge__text{opacity:.5}@media(max-width:640px){.map-switcher{right:8px;gap:6px;padding:6px}.map-switcher-btn{width:30px;height:30px;border-radius:10px;font-size:12px}}