:root{--bg: #0b1a2e;--bg-deep: #07111d;--panel: #11243b;--panel-2: #152b45;--line: #1e3550;--text: #e6f0f5;--muted: #8da2b5;--teal: #2dd4bf;--teal-strong: #5eead4;--teal-ink: #04342c;--coral: #ff4d6a;--danger: #ff2d55;--amber: #fdba74;--radius: 12px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--teal-strong);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:12px}.accent{color:var(--teal)}.error{color:#ff8fa3}.screen{min-height:100%}.center{display:grid;place-items:center}.chip{display:inline-flex;align-items:center;font-size:11px;font-weight:500;line-height:1;padding:4px 8px;border-radius:999px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 14%,transparent);white-space:nowrap}.link{background:none;border:0;color:var(--teal-strong);padding:4px 0}.primary{background:var(--teal);color:var(--teal-ink);border:0;border-radius:12px;padding:12px 16px;font-weight:600;min-height:48px;transition:transform .08s ease,filter .15s ease}.primary:hover{filter:brightness(1.08)}.primary:active{transform:scale(.98)}.primary:disabled{opacity:.7;cursor:progress}.primary.big{width:100%;font-size:16px}.secondary{background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:44px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.splash{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;overflow:hidden;text-align:center}.splash-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.18),transparent 65%);top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none}.splash-title{font-size:34px;margin-top:8px}.splash-tag{margin:0;font-size:18px;color:var(--muted)}.splash-bar{width:180px;height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:10px}.splash-bar span{display:block;height:100%;width:40%;background:var(--teal);border-radius:4px;animation:bar 1.1s ease-in-out infinite}@keyframes bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.logo-anim .logo-path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw 1.2s ease forwards .15s}@keyframes draw{to{stroke-dashoffset:0}}.plan{max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 32px}.plan-header{display:flex;align-items:center;justify-content:space-between;min-height:48px}.plan-hero{margin:18px 0}.plan-hero h1{font-size:28px;line-height:1.2}.plan-hero p{margin:8px 0 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px}.plan-form{padding:16px;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field-row{display:flex;justify-content:space-between;align-items:center}.field-label{font-size:13px;color:var(--muted);font-weight:500}.hint{font-size:12px;color:var(--muted)}.field input[type=datetime-local],.input-wrap input{width:100%;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:0 14px;font-size:16px}.field input:focus{border-color:var(--teal);outline:none}.places{display:flex;flex-direction:column;gap:10px;position:relative}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{padding-left:36px;padding-right:36px}.place-dot{position:absolute;left:14px;width:10px;height:10px;border-radius:50%}.place-dot.origin{background:var(--text)}.place-dot.destination{background:var(--coral)}.input-wrap .check{position:absolute;right:14px;color:var(--teal)}.spinner{position:absolute;right:14px;width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--teal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.swap{position:absolute;right:10px;top:50%;transform:translateY(-20%);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);font-size:16px}.places .field:first-child .input-wrap input{padding-right:56px}.suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;margin:4px 0 0;padding:6px;list-style:none;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0006}.suggestions li{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px}.suggestions li.active,.suggestions li:hover{background:#2dd4bf1f}.load-number{display:flex;align-items:center;gap:6px;color:var(--muted)}.load-number input{width:96px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg);text-align:right;padding:0 10px;font-weight:600;color:var(--amber)}.load-slider{position:relative;padding:6px 0 18px}.load-slider input,.scrub input{width:100%;accent-color:var(--teal)}.load-slider .tick{position:absolute;top:0;height:30px;border-left:1px dashed var(--amber);pointer-events:none}.load-slider .tick span{position:absolute;top:28px;transform:translate(-50%);font-size:11px;color:var(--amber)}.rules{display:flex;flex-direction:column;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.rule-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.raised{color:var(--amber);font-size:11px;margin-right:8px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.segmented button{border:0;background:transparent;border-radius:9px;min-height:40px;color:var(--muted)}.segmented button.on{background:var(--panel-2);color:var(--teal-strong);font-weight:600}.demo-toggle{display:flex;gap:10px;align-items:center;font-size:14px}.demo-toggle input{width:18px;height:18px;accent-color:var(--teal)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#07111dd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.loading-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 22px;width:min(360px,100%)}.route-loader svg{width:100%;height:48px}.route-loader path{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;animation:draw 1.4s ease-in-out infinite}.loading-card ol{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}.loading-card li:before{content:"○";margin-right:10px}.loading-card li.done{color:var(--text)}.loading-card li.done:before{content:"✓";color:var(--teal)}.loading-card li.now{color:var(--text)}.loading-card li.now:before{content:"●";color:var(--teal)}.trip{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-deep)}.trip .map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.maplibregl-ctrl-group,.leaflet-bar{background:#11243bf0!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden}.maplibregl-ctrl-group button+button{border-top:1px solid var(--line)!important}.maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(1) brightness(.85)}.leaflet-bar a{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important}.trip.desktop .maplibregl-ctrl-top-right,.trip.desktop .leaflet-top.leaflet-right{top:6px;right:6px}.trip.mobile .maplibregl-ctrl-top-right,.trip.mobile .leaflet-control-zoom{display:none}.lite-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.lite-map .leaflet-container,.lite-map-canvas.leaflet-container{background:var(--bg);font-family:var(--font)}.lite-map .leaflet-tile-pane{filter:invert(1) hue-rotate(185deg) brightness(.75) contrast(.9) saturate(.6)}.leaflet-control-attribution{background:#0b1a2eb3!important;color:var(--muted)!important}.leaflet-control-attribution a{color:var(--muted)!important}.lite-badge{position:absolute;z-index:500;top:84px;left:12px;font-size:11px;padding:4px 10px;border-radius:999px;background:#11243bf0;border:1px solid var(--line);color:var(--muted)}.trip.desktop .lite-badge{left:426px}.lite-notice{position:absolute;z-index:600;top:84px;left:10px;right:10px;display:flex;gap:8px;align-items:flex-start;background:#11243bf7;border:1px solid rgba(253,186,116,.5);border-radius:14px;padding:10px 8px 10px 14px;box-shadow:0 10px 30px #0006;font-size:13px;animation:notice-in .25s ease}.lite-notice strong{color:var(--amber);font-weight:600}.lite-notice p{margin:2px 0 0;color:var(--muted)}.trip.desktop .lite-notice{left:426px;right:auto;max-width:460px}@keyframes notice-in{0%{opacity:0;transform:translateY(-6px)}}.lite-tag{background:none;border:0}.lite-tag span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:600 12px var(--font);padding:3px 8px;border-radius:6px;background:#1e3550f0;color:var(--text)}.lite-tag.selected span{background:var(--teal-strong);color:var(--teal-ink)}.lite-tag.blocked span{background:#5a1424f0}.lite-tag.blocked.selected span{background:var(--danger);color:#fff}.lite-tag.place span{transform:translate(-50%,-170%);background:#0b1a2eeb;border:1px solid rgba(230,240,245,.6)}.lite-tag.place.destination span{border-color:var(--coral)}.lite-tag.storm span{transform:translate(-50%,-180%);background:#11243bf0;border:1px solid currentColor}.lite-tag.level-2 span{color:#fb923c}.lite-tag.level-3 span{color:#e8590c}.lite-tag.level-4 span{color:#ff2d55}.maplibregl-ctrl-attrib{background:#0b1a2eb3!important;color:var(--muted)}.maplibregl-ctrl-attrib a{color:var(--muted)!important}.topbar{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;z-index:10;display:flex;flex-direction:column;gap:8px;pointer-events:none}.topbar>*{pointer-events:auto}.trip-pill{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#11243bf0;border:1px solid var(--line);border-radius:16px;padding:8px 8px 8px 14px;box-shadow:0 8px 24px #00000059}.trip-pill:hover{border-color:#2dd4bf73}.tp-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tp-edit{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.35)}.tp-edit svg{width:18px;height:18px;fill:none;stroke:var(--teal-strong);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.trip-pill:hover .tp-edit{background:var(--teal)}.trip-pill:hover .tp-edit svg{stroke:var(--teal-ink)}.tp-route{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tp-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-load,.tp-demo{color:var(--amber)}.topbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:none}.topbar-row>*{pointer-events:auto}.demo-chip{font-size:11px;padding:4px 10px;border-radius:999px;background:#fdba7426;color:var(--amber);border:1px solid rgba(253,186,116,.4)}.slider-foot{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.heat-toggle{flex:none;display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:4px 0;min-height:32px;font-size:12px;font-weight:500;color:var(--muted)}.heat-toggle.on{color:var(--text)}.switch{position:relative;width:30px;height:18px;border-radius:999px;background:var(--line);transition:background .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.heat-toggle.on .switch{background:#2dd4bf66}.heat-toggle.on .switch:after{transform:translate(12px);background:var(--teal-strong)}.legend{flex:1;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font-size:11.5px;color:var(--muted)}.legend span{white-space:nowrap}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.heat-status{margin:6px 0 0;font-size:11.5px;color:var(--muted)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#07111db3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{width:100%;max-height:92vh;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));outline:none}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dialog-head h2{font-size:18px}@media (min-width: 900px){.dialog-backdrop{align-items:center}.dialog{width:520px;border-radius:20px}}.cp-card{position:absolute;z-index:12;left:10px;right:10px;top:90px;background:#11243bf7;border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #0006;font-size:13px}.cp-head{display:flex;justify-content:space-between;align-items:center;font-weight:600}.icon{background:none;border:0;font-size:22px;line-height:1;color:var(--muted);width:32px;height:32px}.cp-eta{margin:0;color:var(--muted)}.cp-level{display:flex;gap:8px;align-items:center;margin:6px 0}.cp-card p{margin:4px 0 0}.load-note{color:var(--amber);font-size:12px;margin:2px 0 0}.slider-wrap{position:absolute;z-index:11;left:10px;right:10px;bottom:calc(var(--sheet-h) + 10px);transition:bottom .2s ease}.slider{background:#11243bf5;border:1px solid var(--line);border-radius:16px;padding:8px 12px;box-shadow:0 8px 24px #00000059}.slider-row{display:flex;gap:10px;align-items:center}.slider-now{white-space:nowrap;color:var(--muted)}.slider-now b{font-weight:600}.play{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--teal);display:grid;place-items:center}.play svg{width:18px;height:18px;fill:var(--teal-ink)}.slider-main{flex:1;min-width:0}.slider-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.slider-time{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrub{position:relative;height:26px;display:flex;align-items:center}.strip{position:absolute;left:0;right:0;height:8px;display:flex;gap:1px;border-radius:4px;overflow:hidden}.strip i{flex:1}.thumb{position:absolute;width:4px;height:22px;margin-left:-2px;border-radius:2px;background:#fff;box-shadow:0 0 0 2px #0b1a2ecc;pointer-events:none}.scrub input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.slider-ticks{display:flex;justify-content:space-between;font-size:10.5px}.sheet{position:absolute;z-index:15;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -12px 30px #0006;display:flex;flex-direction:column;transition:height .25s cubic-bezier(.2,.8,.2,1)}.sheet.dragging{transition:none}.sheet-handle{flex:none;height:26px;display:grid;place-items:center;touch-action:none;cursor:grab}.sheet-handle span{width:40px;height:4px;border-radius:2px;background:#2a3b52}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 14px calc(16px + env(safe-area-inset-bottom))}.panel{position:absolute;z-index:15;top:0;bottom:0;left:0;width:410px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:16px}.trip.desktop .topbar{left:426px;right:64px;top:16px}.trip.desktop .trip-pill{width:auto;max-width:560px}.trip.desktop .slider-wrap{left:426px;right:16px;bottom:20px}.trip.desktop .slider{max-width:760px;margin:0 auto}.trip.desktop .cp-card{left:auto;right:16px;top:16px;width:300px}.verdict{display:flex;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2)}.verdict.ok{border-color:#2dd4bf80}.verdict.danger{border-color:#ff2d5599;background:#ff2d5514}.verdict-icon{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700}.verdict.ok .verdict-icon{background:#2dd4bf26;color:var(--teal)}.verdict.danger .verdict-icon{background:#ff2d5526;color:var(--danger)}.verdict-main{flex:1;min-width:0}.expand{flex:none;align-self:flex-start;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:transparent;display:grid;place-items:center}.expand svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;transition:transform .2s ease}.verdict.open .expand svg{transform:rotate(180deg)}.verdict-details{margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px}.stats div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px 8px}.stats dt{font-size:10.5px;color:var(--muted)}.stats dd{margin:0;font-weight:600;font-size:13px}.muted-eyebrow{color:var(--muted)!important}.verdict h2{font-size:19px}.verdict.danger h2{color:#ff8fa3}.verdict p{margin:2px 0 0;font-size:13px}.eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-strong);margin:0 0 2px!important}.verdict.danger .eyebrow{color:#ff8fa3}.reasons{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:var(--muted)}.verdict .secondary{margin-top:10px}.section-title{font-size:13px;color:var(--muted);font-weight:500;margin:18px 2px 8px}.route-list{display:flex;flex-direction:column;gap:8px}.route-card{text-align:left;width:100%;border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.route-card.selected{border-color:var(--teal);background:#2dd4bf0f}.route-card.blocked.selected{border-color:var(--danger);background:#ff2d550f}.rc-top{display:flex;justify-content:space-between;align-items:center}.rc-name{font-weight:600}.rc-meta,.rc-stats{font-size:12.5px;color:var(--muted)}.rc-stats{display:flex;gap:12px}.rc-stats b{color:var(--text);font-weight:600}.rc-blocked{font-size:12.5px;color:#ff8fa3}.rc-load{font-size:12px;color:var(--amber)}.rc-unknown{font-size:12px;color:var(--muted)}.ribbon{display:flex;gap:1px;height:7px;border-radius:4px;overflow:hidden;margin:4px 0 2px}.ribbon i{flex-basis:0;min-width:2px}.ribbon i.escalated{background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgba(11,26,46,.55) 3px 5px)!important;background-color:currentColor}.timeline{list-style:none;margin:0;padding:0}.tl-row{width:100%;display:grid;grid-template-columns:62px 12px 1fr;gap:10px;text-align:left;background:none;border:0;border-radius:10px;padding:8px 6px}.tl-row:hover,.tl-row.selected{background:#2dd4bf12}.tl-time{font-size:12px;color:var(--muted);padding-top:1px}.tl-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line)}.tl-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tl-title{display:flex;gap:8px;align-items:center;font-weight:500;font-size:14px}.tl-sub{font-size:12px;color:var(--muted)}.footnote{font-size:11.5px;margin:16px 2px 4px}@media (min-width: 900px){.plan{padding-top:40px}.plan-hero h1{font-size:34px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}