:root{--bg: #e3e7ec;--ink: #0d1119;--glass: rgba(14, 18, 27, .85);--glass-hi: rgba(26, 32, 45, .86);--edge: rgba(255, 255, 255, .09);--edge-hi: rgba(255, 255, 255, .16);--on: #f4f6fb;--on-2: rgba(232, 237, 247, .66);--on-3: rgba(232, 237, 247, .42);--line: rgba(255, 255, 255, .13);--accent: #3b5bfd;--live: #3ee6a6;--late: #ffb547;--early: #6cc9ff;--bad: #ff6f6f;--skel: rgba(255, 255, 255, .07);--blur: saturate(160%) blur(22px);--shadow: 0 14px 40px rgba(8, 14, 30, .28), 0 2px 6px rgba(8, 14, 30, .18);--ease: cubic-bezier(.2, .9, .25, 1);--dock-h: 230px;--safe-b: env(safe-area-inset-bottom);--safe-t: env(safe-area-inset-top);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font:16px/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;touch-action:manipulation}button:focus-visible{outline:2px solid var(--live);outline-offset:2px}h2,p{margin:0}.hud,.dock,.controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.icon{display:block;flex:none}.glass,.brand,.live,.ctl,.chip,.card,.panel{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--on);box-shadow:var(--shadow),inset 0 0 0 1px var(--edge)}.map-wrap{position:fixed;inset:0;background:var(--bg)}.map{width:100%;height:100%}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{bottom:calc(var(--dock-h) + 4px);transition:bottom .35s var(--ease)}.maplibregl-ctrl-attrib{font-size:10px;background:#ffffff8c!important;color:#6b7383;border-radius:10px!important}.maplibregl-ctrl-attrib a{color:#6b7383!important}.me{width:22px;height:22px;position:relative;pointer-events:none}.me-dot{position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7d94ff,var(--accent) 62%);border:3px solid #fff;box-shadow:0 2px 10px #1e32a073}.me-pulse{position:absolute;inset:-26px;border-radius:50%;border:1.5px solid rgba(59,91,253,.55);background:radial-gradient(circle,#3b5bfd38,#3b5bfd00 68%);animation:sonar 2.8s var(--ease) infinite}.bus-pulse{width:0;height:0;pointer-events:none}.bus-pulse span{position:absolute;left:-36px;top:-36px;width:72px;height:72px;border-radius:50%;border:2px solid var(--ink);opacity:0;animation:sonar 2.4s var(--ease) infinite}.bus-pulse span+span{animation-delay:1.2s}.stop-radar{width:0;height:0;pointer-events:none}.stop-radar span{position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;border:1.5px solid rgba(13,17,25,.5);background:radial-gradient(circle,#0d11191a,#0d111900 70%);opacity:0;animation:sonar 3.3s cubic-bezier(.3,.6,.4,1) infinite}.stop-radar span:nth-child(2){animation-delay:1.1s}.stop-radar span:nth-child(3){animation-delay:2.2s}@keyframes sonar{0%{transform:scale(.3);opacity:.85}to{transform:scale(1.4);opacity:0}}.hud{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(var(--safe-t) + 10px) 12px 0;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 11px;border-radius:19px;font-weight:760;font-size:15px;letter-spacing:-.01em}.brand-mark{width:16px;height:16px;border-radius:5px;background:conic-gradient(from 210deg,#3ee6a6,#6cc9ff,#8b7bff,#3ee6a6);box-shadow:0 0 12px #3ee6a68c}.live{display:flex;align-items:center;gap:8px;height:38px;padding:0 13px 0 12px;border-radius:19px;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.live b{font-weight:780}.live-age{color:var(--on-3);font-weight:600;min-width:2.2em;text-align:right}.live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--on-3)}.hs-live .live-dot,.live.hs-live .live-dot{background:var(--live)}.live.hs-live .live-dot:after,.live.hs-delayed .live-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;color:var(--live);animation:landed 1.6s var(--ease) both}.live.hs-delayed .live-dot{background:var(--late)}.live.hs-delayed .live-dot:after{color:var(--late)}.live.hs-connecting .live-dot{animation:blink 1s ease-in-out infinite}.live.hs-timetable .live-dot{background:var(--on-3)}@keyframes landed{0%{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes blink{50%{opacity:.25}}.controls{position:fixed;right:12px;bottom:calc(var(--dock-h) + 12px);z-index:3;display:flex;flex-direction:column;gap:10px;transition:bottom .35s var(--ease)}.ctl{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transition:transform .18s var(--ease),background .2s}.ctl:active{transform:scale(.92)}.ctl.on{color:var(--live)}.compass{perspective:120px;animation:pop .3s var(--ease)}.needle{width:8px;height:30px;display:block;background:linear-gradient(to bottom,#ff5d5d 0 50%,#f4f6fbd9 50% 100%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.dock{position:fixed;left:0;right:0;bottom:0;z-index:4;padding-bottom:calc(var(--safe-b) + 10px);pointer-events:none}.dock>*{pointer-events:auto}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 12px 10px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 20px),transparent)}.chips::-webkit-scrollbar,.rail::-webkit-scrollbar,.line::-webkit-scrollbar{display:none}.chip{flex:none;display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:18px;font-size:14px;font-weight:620;white-space:nowrap;transition:background .2s,color .2s,transform .18s var(--ease)}.chip:active{transform:scale(.96)}.chip-name{max-width:190px;overflow:hidden;text-overflow:ellipsis}.chip-dist{color:var(--on-3);font-size:12.5px;font-variant-numeric:tabular-nums}.chip.on{background:#fafbfff5;color:var(--ink);box-shadow:var(--shadow)}.chip.on .chip-dist{color:#6b7383}.chip-near .icon{color:var(--live)}.chip-near.on .icon{color:#0f9e6c}.rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;padding:2px 12px 4px;overscroll-behavior-x:contain}.rail-end{flex:none;width:2px}.card{flex:none;width:min(80vw,304px);min-height:168px;border-radius:24px;padding:14px 15px 13px;scroll-snap-align:start;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .22s var(--ease),box-shadow .3s}.card.arr:active{transform:scale(.975)}.card.arr:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--c) 30%,transparent),transparent 60%);opacity:.55;transition:opacity .3s}.card.arr.active{box-shadow:var(--shadow),inset 0 0 0 1.5px color-mix(in srgb,var(--c) 75%,white 10%),0 0 26px color-mix(in srgb,var(--c) 30%,transparent)}.card.arr.active:before{opacity:1}.arr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative}.arr-eta{display:flex;align-items:baseline;gap:4px;line-height:.9;font-variant-numeric:tabular-nums}.arr-num{font-size:42px;font-weight:760;letter-spacing:-.045em}.arr-unit{font-size:14px;font-weight:650;color:var(--on-2)}.card.due .arr-num{color:var(--live);animation:due 1.2s ease-in-out infinite}.st-scheduled .arr-num{color:var(--on-2)}.arr-eta.struck .arr-num{text-decoration:line-through;color:var(--on-3)}@keyframes due{50%{opacity:.45}}.arr-dest{margin-top:9px;font-size:16.5px;font-weight:680;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.arr-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:560;color:var(--on-2);white-space:nowrap;position:relative}.arr-meta .signal{color:var(--live)}.st-noshow .arr-meta,.st-cancelled .arr-meta{color:var(--bad)}.sched-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--on-3)}.arr-delay{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.arr-delay.late{color:var(--late)}.arr-delay.early{color:var(--early)}.track{position:relative;height:14px;margin:13px 7px 0 6px}.track-line{position:absolute;left:0;right:0;top:6px;height:2px;border-radius:1px;background:var(--line)}.track.off .track-line{background:repeating-linear-gradient(to right,var(--line) 0 5px,transparent 5px 10px)}.track.pred .track-line{background:repeating-linear-gradient(to right,color-mix(in srgb,var(--c) 70%,transparent) 0 8px,transparent 8px 13px);background-size:26px 2px}.track-fill{position:absolute;left:0;top:6px;height:2px;border-radius:1px;background:linear-gradient(to right,transparent,var(--c));transition:width 1s linear}.track-bus{position:absolute;top:1px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px #0e121be6,0 0 14px var(--c);transition:left 1s linear}.card.active .track-bus:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--c);animation:sonar 2s var(--ease) infinite}.track-stop{position:absolute;right:-6px;top:0;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--on);background:var(--ink)}.arr-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;font-size:12.5px;color:var(--on-3);position:relative}.arr-stop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.arr-open{display:flex;align-items:center;gap:1px;flex:none;color:var(--on-2);font-weight:650}.card-skel{background:var(--glass);overflow:hidden}.card-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.card-empty{justify-content:center;align-items:flex-start;gap:12px}.empty-title{font-size:15.5px;font-weight:650;line-height:1.35;color:var(--on-2)}.pill-btn{height:38px;padding:0 16px;border-radius:19px;font-size:14.5px;font-weight:680;background:#ffffff1a;color:var(--on)}.pill-btn.primary{background:var(--on);color:var(--ink)}.loc-card{flex-direction:row;gap:12px}.loc-icon{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:#3ee6a624;color:var(--live)}.loc-title{font-weight:700;font-size:16px}.loc-sub{margin-top:3px;font-size:13.5px;color:var(--on-2);line-height:1.35}.loc-help{font-size:12.5px}.loc-actions{display:flex;gap:8px;margin-top:12px}.badge{display:inline-flex;align-items:center;justify-content:center;background:var(--c);font-weight:780;letter-spacing:-.01em;border-radius:10px;flex:none;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 14px color-mix(in srgb,var(--c) 45%,transparent)}.badge-sm{min-width:30px;height:22px;padding:0 6px;font-size:12.5px;border-radius:7px}.badge-md{min-width:40px;height:30px;padding:0 8px;font-size:15px}.badge-lg{min-width:54px;height:38px;padding:0 10px;font-size:19px;border-radius:12px}.badge-none{background:#ffffff1f;color:var(--on);box-shadow:none}.card.active .signal .arc1,.card.active .signal .arc2,.panel .signal .arc1,.panel .signal .arc2{animation:signal 1.8s ease-in-out infinite}.signal .arc2{animation-delay:.25s}@keyframes signal{0%,to{opacity:.25}45%{opacity:1}}.panel{margin:0 10px;border-radius:28px;padding:15px 15px 13px;position:relative;overflow:hidden;animation:rise .38s var(--ease)}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 60% at 0% 0%,color-mix(in srgb,var(--c, #7d8796) 28%,transparent),transparent 65%)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.panel-head{display:flex;align-items:center;gap:12px;position:relative}.panel-title{flex:1;min-width:0}.panel-title h2{font-size:19px;font-weight:740;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-sub{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px;font-size:13px;color:var(--on-2);font-weight:550}.panel-note{margin:14px 2px 4px}.src-gps .signal{color:var(--live)}.src-stale{color:var(--late)}.est-ring{width:9px;height:9px;border-radius:50%;border:1.5px dashed var(--on-2)}.pill-delay{padding:1px 7px;border-radius:8px;background:#ffffff1a;font-weight:700;color:var(--on)}.pill-delay.late{color:var(--late);background:#ffb54724}.pill-delay.early{color:var(--early);background:#6cc9ff24}.round-btn{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;align-self:flex-start}.mine{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin-top:13px;padding:11px 14px;border-radius:18px;background:#ffffff12;box-shadow:inset 0 0 0 1px var(--edge)}.mine-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mine-label{font-weight:680;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mine-sub{font-size:12.5px;color:var(--on-2)}.mine-eta{display:flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums}.mine-eta b{font-size:32px;font-weight:760;letter-spacing:-.04em;line-height:1}.mine-eta small{font-size:13px;font-weight:650;color:var(--on-2)}.line{position:relative;display:flex;list-style:none;margin:12px -15px 0;padding:0 15px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 15px}.line li{flex:none;width:92px;position:relative;scroll-snap-align:start}.line li:before{content:"";position:absolute;left:0;right:0;top:9px;height:3px;background:color-mix(in srgb,var(--c) 55%,transparent)}.line li:first-child:before{left:9px;background:linear-gradient(to right,var(--c),color-mix(in srgb,var(--c) 55%,transparent))}.line li:last-child:before{right:auto;width:10px}.line li>button,.line-now{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:2px 8px 4px 0}.line-dot{position:relative;width:14px;height:14px;margin-top:2.5px;border-radius:50%;background:var(--ink);border:3px solid var(--c)}.line-bus{position:relative;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px #0e121be6,0 0 16px var(--c)}.line-bus:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--c);animation:sonar 2s var(--ease) infinite}.line-name{font-size:12.5px;font-weight:600;line-height:1.22;color:var(--on);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-now .line-name{color:var(--on-2)}.line-eta{font-size:12px;font-weight:700;color:var(--on-2);font-variant-numeric:tabular-nums}.line li.mine-stop .line-dot{background:var(--on);border-color:var(--on);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 60%,transparent)}.line li.mine-stop .line-eta{color:var(--live)}.panel-actions{display:flex;justify-content:flex-end;margin-top:10px;position:relative}.follow-btn{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:20px;font-size:14.5px;font-weight:700;background:#ffffff1a;transition:background .2s,color .2s}.follow-btn.on{background:var(--live);color:var(--ink)}@media (min-width: 900px){.dock{right:auto;width:560px}.panel{margin-left:16px}.chips,.rail{padding-left:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}