@font-face{font-family:Ride;src:local('SF Pro Display'),local('Helvetica Neue'),local('Arial');font-display:swap}
:root{color-scheme:dark;--ink:#f3f6ed;--muted:#a7b0a5;--panel:#18211cf5;--line:#ffffff18;--lime:#cbff85;--warn:#ffd48b;--bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101713;color:var(--ink);font-family:Ride,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:active{filter:brightness(1.25)}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#app{height:100dvh;position:relative;isolation:isolate}#map{position:absolute;inset:0}.map-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0e1715c9 0,transparent 22%,transparent 65%,#0e1715dd 100%)}.topbar{position:absolute;top:env(safe-area-inset-top,0);height:78px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}.brand{display:flex;align-items:center;gap:12px;background:none;text-align:left;padding:6px 0;min-height:60px}.brand>svg{width:31px;height:37px;stroke:var(--lime)}.brand>svg path:first-child{fill:var(--lime);stroke:none}.brand>svg path:last-child{stroke:#122117}.brand>span{font-size:13px;font-weight:750;letter-spacing:.07em;line-height:1.1}.brand-light{font-weight:400}.brand b{display:block;font-size:10px;font-weight:500;letter-spacing:.27em;margin-top:5px;color:var(--muted)}.top-status{display:grid;grid-template-columns:10px auto;align-items:center;column-gap:9px;justify-items:end}.top-status time{font-size:22px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}#date{grid-column:2;font-size:10px;color:#c6cec2;letter-spacing:.06em;text-transform:uppercase}.connection,.live-dot{height:6px;width:6px;display:inline-block;background:var(--lime);border-radius:50%}.connection.offline{background:var(--warn)}.maneuver{position:absolute;top:calc(env(safe-area-inset-top,0px) + 87px);left:24px;right:24px;max-width:540px;display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 35px #0003}.turn-symbol{font-size:56px;line-height:1;color:var(--lime);font-weight:600;min-width:56px;text-align:center}.turn-copy{min-width:0}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--lime);font-weight:650}.turn-copy h1{font-size:24px;letter-spacing:-.6px;margin:5px 0;line-height:1.13}.turn-copy p{font-size:13px;color:var(--muted);line-height:1.4;margin:7px 0 0}.maneuver:not(.ready) .eyebrow{font-size:30px;letter-spacing:-1px}.maneuver:not(.ready) h1{font-size:20px}.route-source{position:absolute;top:16px;right:17px;font-size:9px;color:var(--muted);letter-spacing:.1em}.right-tools{position:absolute;right:24px;top:50%;display:flex;flex-direction:column;gap:12px}.circle{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--panel)}.circle.active{color:var(--lime);border-color:#cbff8560}.weather-chip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 245px);left:26px;display:flex;align-items:center;gap:9px;min-height:54px;padding:0 16px;background:var(--panel);border:1px solid var(--line);border-radius:30px;font-size:14px}#weather-icon{font-size:20px;color:#dfdec1}.location-note{position:absolute;left:28px;bottom:calc(var(--bottom) + 209px);color:#d1d9ca;font-size:10px;letter-spacing:.13em}.instruments{position:absolute;bottom:calc(var(--bottom) + 92px);left:24px;right:24px;display:flex;align-items:center;gap:13px;pointer-events:none}.speed-card{background:#15201bf2;border:1px solid var(--line);width:108px;height:105px;border-radius:23px;text-align:center;display:flex;flex-direction:column;justify-content:center}.speed-card>span{font-size:48px;font-weight:650;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1}.speed-card small{font-size:10px;letter-spacing:.05em;margin-top:6px;color:var(--muted)}.speed-card.over{color:var(--warn);border-color:var(--warn)}.limit{border:5px solid #ad534d;border-radius:50%;background:#e7e8dc;color:#293028;font-size:25px;font-weight:750;display:grid;place-items:center;width:58px;height:58px}.limit.unknown{opacity:.55;border-color:#7c8478}.trip{pointer-events:auto;margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 18px;display:flex;flex-direction:column;gap:6px;text-align:right}.trip b{font-size:22px;letter-spacing:-.7px}.trip span{font-size:12px;color:var(--muted)}.dock{position:absolute;bottom:var(--bottom);left:24px;right:24px;display:flex;gap:8px;align-items:stretch}.dock>button{min-height:76px;border-radius:20px}.destination{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--lime);color:#172319;font-size:18px;font-weight:650;flex:1;min-width:0;padding:12px 20px}.dock-button{width:78px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.dock-button>span{font-size:10px;color:var(--muted)}.dock-button svg{width:25px;height:25px}.dock-button[aria-pressed=true]{color:var(--lime)}.parking-p{font-family:Arial,sans-serif;font-size:27px;line-height:27px;font-weight:600}.attribution{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 7px);left:27px;right:27px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#b3bcad}.attribution a{color:inherit;text-decoration:none}.junction{position:absolute;top:calc(env(safe-area-inset-top,0px) + 243px);left:24px;width:min(44vw,500px);height:calc(100dvh - env(safe-area-inset-top,0px) - var(--bottom) - 470px);min-height:185px;border:1px solid #cbff8545;border-radius:24px;overflow:hidden;background:#17211b;box-shadow:0 16px 40px #0006}.junction #junction-map{position:absolute;inset:0}.junction-heading{position:absolute;top:0;left:0;right:0;display:flex;gap:9px;align-items:center;padding:14px 18px;font-size:10px;letter-spacing:.13em;background:linear-gradient(#152019f5,#15201900);pointer-events:none}.junction-heading>span:last-child{margin-left:auto;color:var(--lime)}.junction-note{position:absolute;bottom:8px;right:13px;font-size:9px;color:#adb9a4;pointer-events:none}.lane-strip{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;background:#142018eb;border:1px solid var(--line);border-radius:14px;padding:7px 14px;gap:0;white-space:nowrap}.lane{font-size:30px;color:#747e73;padding:0 12px;border-right:1px dashed #ffffff35}.lane:last-child{border:0}.lane.active{color:var(--lime)}.lane.valid{color:#e0e6d9}.lane-missing{font-size:10px;color:var(--muted)}.ride-status{position:absolute;left:24px;bottom:calc(var(--bottom) + 211px);max-width:calc(100% - 110px);padding:12px 15px;border-radius:12px;border:1px solid #ffd48b55;background:#27241df5;color:var(--warn);font-size:13px;line-height:1.4}.ride-status.normal{border-color:#cbff8555;color:var(--lime);background:var(--panel)}.map-error{position:absolute;top:44%;left:24px;right:100px;padding:18px;border-radius:16px;background:#28251ef5;color:var(--warn);font-size:14px;z-index:3}.map-error button{display:block;padding:12px 24px;margin-top:10px;border:1px solid var(--line);background:#ffffff12;border-radius:10px}dialog{position:fixed;top:auto;bottom:0;left:0;right:0;width:min(620px,100%);max-width:100%;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px));border:1px solid #ffffff1c;border-radius:30px 30px 0 0;margin:0 auto;padding:26px 26px calc(24px + env(safe-area-inset-bottom,0px));background:#17211e;color:var(--ink);box-shadow:0 -30px 100px #0005;overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#060c0b88}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.sheet-head h2{margin:7px 0 0;font-size:27px;letter-spacing:-.7px}.close{background:#ffffff0b;border:1px solid var(--line);border-radius:50%;font-size:30px;width:60px;height:60px;flex-shrink:0}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-form input{min-width:0;flex:1;border:1px solid #ffffff35;border-radius:14px;background:#101914;color:#f4f6ef;padding:17px 16px;font-size:17px}.primary{padding:18px 24px;background:var(--lime);color:#18231c;border-radius:14px;font-weight:650;min-height:60px}.secondary{padding:18px 22px;background:#ffffff09;border:1px solid #ffffff20;border-radius:14px;min-height:60px}.full{width:100%;margin-top:12px}.list{display:flex;flex-direction:column;gap:10px}.result{padding:18px;min-height:76px;text-align:left;border-radius:16px;background:#ffffff06;border:1px solid var(--line);width:100%;line-height:1.4}.result b{display:block;font-size:17px;font-weight:550}.result small{display:block;color:var(--muted);font-size:13px;margin-top:6px}.help{font-size:13px;line-height:1.65;color:var(--muted);margin:14px 0}.help a{color:var(--lime)}.notice{padding:14px 16px;background:#ffd48b0c;border:1px solid #ffd48b25;border-radius:12px;color:#e4c493;font-size:13px;line-height:1.55}.setting{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:16px;min-height:76px}.setting span>b{display:block;font-size:16px;font-weight:550}.setting small{display:block;color:var(--muted);line-height:1.4;margin-top:5px}.toggle{min-width:66px;min-height:44px;border-radius:25px;background:#ffffff12;font-size:12px;border:1px solid var(--line)}.toggle[aria-pressed=true]{background:var(--lime);color:#15231b}.grid-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{border:1px solid var(--line);border-radius:16px;background:#ffffff04;padding:18px}.info-card b{display:block;font-size:30px;letter-spacing:-.5px}.info-card small{color:var(--muted);font-size:12px;display:block;margin-top:7px}.listening{width:96px;height:96px;border:1px solid var(--lime);border-radius:50%;background:#cbff8510;color:var(--lime);display:grid;place-items:center;margin:15px auto;font-size:38px}.toast{position:fixed;z-index:20;bottom:calc(var(--bottom) + 90px);left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);width:max-content;background:#e5edd9;color:#142018;padding:15px 20px;border-radius:16px;box-shadow:0 8px 24px #0005;font-size:14px;line-height:1.45}.rider{width:27px;height:35px;filter:drop-shadow(0 2px 8px #0009)}.rider svg{width:100%;height:100%;stroke:#16211a;stroke-width:1.5;fill:var(--lime)}.parking-marker{background:#314b40;color:var(--lime);border:1px solid #b6df8a;border-radius:8px;width:29px;height:29px;font-weight:700;font-size:17px;display:grid;place-items:center}.destination-marker{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#badf7f;box-shadow:0 0 0 4px #16231b}.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo{display:none}.sim-badge{color:var(--warn)!important}.error-text{color:var(--warn)}
@media(min-width:1000px){.topbar{padding-left:36px;padding-right:36px}.maneuver,.junction{left:36px}.dock{max-width:620px;left:50%;transform:translateX(-50%)}.instruments{left:36px;right:36px;bottom:calc(var(--bottom) + 16px)}.trip{margin-right:0}.location-note{bottom:calc(var(--bottom) + 135px);left:40px}.weather-chip{left:38px}.right-tools{right:36px}.ride-status{bottom:calc(var(--bottom) + 135px);left:36px}.junction{height:calc(100dvh - 450px);min-height:220px}.attribution{left:39px;right:39px}}
@media(max-width:600px){.topbar{height:72px;padding:0 20px}.maneuver{top:calc(env(safe-area-inset-top,0px) + 80px);left:16px;right:16px;padding:18px;gap:14px;border-radius:22px}.turn-copy h1{font-size:22px}.turn-symbol{min-width:47px;font-size:48px}.turn-copy p{font-size:12px}.weather-chip{top:calc(env(safe-area-inset-top,0px) + 226px);left:18px}.right-tools{right:17px;top:45%}.circle{width:56px;height:56px}.instruments{left:16px;right:16px;gap:10px}.speed-card{width:91px;height:95px}.speed-card>span{font-size:43px}.limit{width:52px;height:52px;font-size:23px}.trip{padding:14px 12px}.trip b{font-size:20px}.trip span{font-size:11px}.dock{left:16px;right:16px;gap:7px}.dock>button{border-radius:17px;min-height:74px}.dock-button{width:64px}.destination{padding:12px;gap:9px;font-size:16px}.destination svg{width:21px;flex-shrink:0}.location-note{left:20px}.attribution{left:20px;right:20px;font-size:8px}.junction{left:16px;right:16px;width:auto;top:calc(env(safe-area-inset-top,0px) + 228px);height:calc(100dvh - env(safe-area-inset-top,0px) - var(--bottom) - 450px);min-height:150px}.has-junction .right-tools{top:auto;bottom:calc(var(--bottom) + 214px)}.has-junction .weather-chip,.has-junction .location-note{display:none}.has-junction .ride-status{top:calc(env(safe-area-inset-top,0px) + 212px);bottom:auto;z-index:2}.junction-heading{font-size:9px;padding:12px 14px}.lane-strip{padding:4px 9px;bottom:23px}.lane{font-size:27px;padding:0 9px}dialog{padding:23px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0}.search-form input{font-size:16px;padding:16px 12px}.search-form .primary{padding:17px}}
@media(orientation:landscape) and (max-height:600px){.topbar{height:58px;padding:0 18px}.brand>svg{width:25px;height:30px}.brand b{display:none}.top-status{display:flex;gap:10px}.top-status time{font-size:20px}.top-status #date{font-size:10px}.maneuver{top:calc(env(safe-area-inset-top,0px) + 60px);left:16px;width:43%;padding:12px 16px;gap:12px;border-radius:16px}.maneuver h1{font-size:18px}.maneuver:not(.ready) .eyebrow{font-size:24px}.maneuver:not(.ready) h1{font-size:17px}.turn-copy p{display:none}.turn-symbol{font-size:39px;min-width:40px}.junction{top:calc(env(safe-area-inset-top,0px) + 152px);left:16px;width:43%;height:calc(100dvh - 176px - env(safe-area-inset-top,0px));min-height:110px;border-radius:16px}.dock{left:auto;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 25px);width:51%;gap:7px}.dock>button{min-height:61px;border-radius:16px}.dock-button{width:60px}.dock-button span{display:none}.destination{font-size:16px;padding:10px}.instruments{left:auto;right:16px;width:51%;bottom:calc(env(safe-area-inset-bottom,0px) + 98px);gap:10px}.speed-card{width:78px;height:79px;border-radius:17px}.speed-card>span{font-size:36px}.trip{padding:10px}.trip b{font-size:18px}.trip span{font-size:11px}.limit{width:48px;height:48px;font-size:21px}.weather-chip{top:calc(env(safe-area-inset-top,0px) + 63px);left:auto;right:16px;min-height:43px}.right-tools{right:16px;top:calc(env(safe-area-inset-top,0px) + 114px);flex-direction:row;gap:8px}.right-tools .circle{width:48px;height:48px}.has-junction .right-tools{top:calc(env(safe-area-inset-top,0px) + 114px);bottom:auto}.has-junction .weather-chip{display:flex}.location-note{bottom:calc(env(safe-area-inset-bottom,0px) + 38px);left:20px}.has-junction .ride-status,.ride-status{top:calc(env(safe-area-inset-top,0px) + 63px);bottom:auto;left:47%;right:16px;font-size:11px;z-index:3}.attribution{bottom:calc(env(safe-area-inset-bottom,0px) + 6px);font-size:8px}.junction-heading{padding:9px 12px;font-size:9px}.lane-strip{bottom:17px;padding:2px 7px}.lane{font-size:22px}.junction-note{font-size:8px;bottom:5px}dialog{max-width:560px;max-height:calc(100dvh - 12px);padding:20px}.sheet-head{margin-bottom:12px}.sheet-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}