:root{
  color-scheme:dark;
  --bg:#071018;--panel:#0d1824;--panel2:#101d2b;--line:rgba(255,255,255,.085);
  --text:#f5f8fc;--muted:#8f9cad;--accent:#31b7bc;--accent2:#6fd4d8;
  --green:#46d38c;--amber:#f2bd53;--red:#ff6974;--shadow:0 18px 45px rgba(0,0,0,.25)
}
*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(180deg,#08121b,#071018);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{min-height:100vh}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.shell{max-width:560px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 15px calc(28px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.34em;color:var(--accent2)}h1{margin:2px 0 0;font-size:27px;letter-spacing:.08em}.icon-btn{width:47px;height:47px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);font-size:24px;box-shadow:var(--shadow)}.icon-btn:active,.direction:active{transform:scale(.985)}
.direction{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 16px;margin-bottom:11px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);font-weight:800}.swap{font-size:18px;color:var(--accent2)}
.route-map{position:relative;height:145px;margin-bottom:11px;border:1px solid var(--line);border-radius:21px;background:radial-gradient(circle at 70% 20%,rgba(49,183,188,.08),transparent 45%),#0a1520;overflow:hidden;padding:4px 6px 0}.route-map svg{width:100%;height:118px;display:block}.route-map.loading{display:grid;place-items:center}.map-loading{font-size:12px;color:var(--muted)}.map-grid path{fill:none;stroke:rgba(255,255,255,.035);stroke-width:1}.map-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.map-line.green{stroke:var(--green)}.map-line.amber{stroke:var(--amber)}.map-line.red{stroke:var(--red)}.map-line.map-best{stroke-width:5.4;opacity:1;filter:url(#glow)}.map-marker circle{fill:#102333;stroke:#c7f6f8;stroke-width:1.5}.map-marker text{fill:#fff;font-size:8px;font-weight:900;text-anchor:middle}.map-marker.end circle{fill:#143027}.map-legend{position:absolute;right:11px;bottom:8px;display:flex;gap:9px;color:#748292;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.map-legend span{display:flex;align-items:center;gap:4px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.green{background:var(--green)}.legend-dot.amber{background:var(--amber)}.legend-dot.red{background:var(--red)}
.hero{position:relative;overflow:hidden;padding:21px 20px 20px;border:1px solid rgba(49,183,188,.33);border-radius:24px;background:linear-gradient(160deg,rgba(14,32,48,.98),rgba(8,15,22,.99));box-shadow:var(--shadow);margin-bottom:18px}.hero:before{content:"";position:absolute;right:-55px;top:-70px;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,rgba(49,183,188,.20),transparent 70%)}.hero.loading{opacity:.82}.hero-topline{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--accent2)}.hero-command{font-size:30px;line-height:1;font-weight:950;letter-spacing:-.025em;margin-top:10px}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px}.hero-route-name{font-size:19px;font-weight:900;letter-spacing:.05em}.hero-sub{margin-top:4px;color:#aab7c6;font-size:13px}.hero-badge{padding:6px 9px;border-radius:999px;background:rgba(49,183,188,.13);color:var(--accent2);font-size:10px;font-weight:900;letter-spacing:.1em}.hero-main{font-size:58px;line-height:.95;font-weight:950;letter-spacing:-.065em;margin-top:17px;font-variant-numeric:tabular-nums}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chip{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#c4cfda;font-size:11px}.chip-accent{background:rgba(70,211,140,.14);color:#7cf2b3;font-weight:900}
.section-head{display:flex;justify-content:space-between;margin:4px 3px 9px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.14em}.route-list{display:grid;gap:9px}.route{position:relative;padding:15px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(13,24,36,.97),rgba(10,19,29,.97));box-shadow:0 10px 28px rgba(0,0,0,.17);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.route:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#5d6b79}.route.status-green:before{background:var(--green)}.route.status-amber:before{background:var(--amber)}.route.status-red:before{background:var(--red)}.route.best{border-color:rgba(70,211,140,.34);background:linear-gradient(180deg,rgba(12,31,28,.98),rgba(10,20,29,.98))}.route-top{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:11px;align-items:center}.route-no{width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.055);display:grid;place-items:center;font-size:18px;font-weight:950}.route.best .route-no{background:rgba(70,211,140,.16);color:#7cf2b3}.route-main{min-width:0}.route-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.route-name{font-size:19px;font-weight:900}.route-path{margin-top:3px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eta-wrap{text-align:right}.eta{font-size:25px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.eta-sub{margin-top:4px;color:var(--muted);font-size:11px}.pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.07em}.pill-green{color:#7cf2b3;background:rgba(70,211,140,.14)}.pill-amber{color:#ffd37b;background:rgba(242,189,83,.13)}.pill-red{color:#ff9ca3;background:rgba(255,105,116,.14)}.route-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);color:#a8b4c2;font-size:12px}.chevron{font-size:17px;line-height:1;color:#6f7e8e;transition:transform .2s ease}.route-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.route-details>*{overflow:hidden}.route.expanded .route-details{grid-template-rows:1fr}.route.expanded .chevron{transform:rotate(180deg)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.detail-grid div{padding:9px;border-radius:12px;background:rgba(255,255,255,.04)}.detail-grid small{display:block;color:#778596;font-size:8px;font-weight:900;letter-spacing:.12em}.detail-grid strong{display:block;margin-top:4px;font-size:13px}.detail-headline{margin-top:11px;color:#cbd4df;font-size:12px;line-height:1.35}.event-list{display:grid;gap:7px;margin-top:8px}.event-item{display:grid;grid-template-columns:7px 1fr;gap:8px;align-items:start;padding:8px 0;border-top:1px solid rgba(255,255,255,.045)}.event-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);margin-top:5px}.event-item strong{display:block;font-size:11px;line-height:1.35;font-weight:700;color:#b9c4d0}.event-item small{display:block;margin-top:3px;color:#687687;font-size:9px}.detail-empty{margin-top:10px;color:#788697;font-size:11px}.route.error{opacity:.65}
footer{display:flex;align-items:center;gap:7px;margin-top:15px;color:#6e7b8a;font-size:10px}.dot{width:7px;height:7px;border-radius:50%;background:#53606e}.dot.ok{background:var(--green)}.dot.bad{background:var(--red)}
@media(max-width:390px){.hero-main{font-size:51px}.hero-command{font-size:27px}.eta{font-size:22px}.route-name{font-size:17px}.route-top{grid-template-columns:42px minmax(0,1fr) auto}.route-no{width:40px;height:40px}.route-map{height:136px}.route-map svg{height:109px}}