body{margin:0;padding:0}.iconic{color:currentColor;vertical-align:-.16em;justify-content:center;align-items:center;display:inline-flex}.iconic svg{width:100%;height:100%;display:block}.label-icon,.chip-icon,.mini-icon{width:1em;height:1em;margin-right:4px}.season-icon{width:1.05em;height:1.05em;margin-right:3px}.notify-icon{width:16px;height:16px;margin-right:6px}#notification{z-index:50;position:relative}.van-notify{box-sizing:border-box;align-items:center;min-height:42px;max-height:54px;padding:9px 16px;font:700 14px/1.35 Helvetica Neue,Arial,Helvetica,sans-serif}.mapboxgl-ctrl-top-right{width:auto;padding:8px 8px 0;transition:transform .25s,opacity .25s;left:0;right:0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl-geocoder{float:none;width:100%;max-width:none;margin:0 0 8px;position:relative}.locate-btn{color:#1f8ef1;cursor:pointer;z-index:2;background:0 0;border:none;padding:4px;line-height:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.app-dark .locate-btn{color:#3bd6e8}.mapboxgl-ctrl-top-right .mapboxgl-ctrl-geocoder--input{padding-right:58px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl-geocoder:first-of-type{z-index:3}.mapboxgl-ctrl-top-right .mapboxgl-ctrl-geocoder:nth-of-type(2){z-index:2}.mapboxgl-ctrl-geocoder{border:2px solid #1f8ef18c;border-radius:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 10px #1f8ef12e}.mapboxgl-ctrl-geocoder:focus-within{border-color:#1f8ef1;box-shadow:0 2px 14px #1f8ef161}.mapboxgl-ctrl-geocoder--icon-search{fill:#8a94a3;transition:fill .2s}.mapboxgl-ctrl-geocoder:focus-within .mapboxgl-ctrl-geocoder--icon-search{fill:#1f8ef1}.mapboxgl-ctrl-geocoder .suggestions{border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0000001f}.mapboxgl-ctrl-geocoder .suggestions>.active>a,.mapboxgl-ctrl-geocoder .suggestions>li>a:hover{color:#1a2c3d;background-color:#1f8ef11a}.app-dark .mapboxgl-ctrl-geocoder{background-color:#161a20d1;border-color:#3bd6e88c;box-shadow:0 2px 10px #3bd6e82e}.app-dark .mapboxgl-ctrl-geocoder--input{color:#e4e8ec}.app-dark .mapboxgl-ctrl-geocoder:focus-within{border-color:#3bd6e8;box-shadow:0 2px 14px #3bd6e866}.app-dark .mapboxgl-ctrl-geocoder--icon-search{fill:#7c8794}.app-dark .mapboxgl-ctrl-geocoder:focus-within .mapboxgl-ctrl-geocoder--icon-search{fill:#3bd6e8}.app-dark .mapboxgl-ctrl-geocoder--icon-close,.app-dark .mapboxgl-ctrl-geocoder--button{fill:#98a1ab;background:0 0}.app-dark .mapboxgl-ctrl-geocoder .suggestions{background-color:#161a20}.app-dark .mapboxgl-ctrl-geocoder .suggestions>li>a{color:#cfd5db}.app-dark .mapboxgl-ctrl-geocoder .suggestions>.active>a,.app-dark .mapboxgl-ctrl-geocoder .suggestions>li>a:hover{color:#e4e8ec;background-color:#3bd6e824}.app-dark .mapboxgl-ctrl-geocoder--powered-by a{color:#7c8794}.panel-open .mapboxgl-ctrl-top-right{opacity:0;pointer-events:none;transform:translateY(-130%)}.panel{z-index:2;-webkit-backdrop-filter:blur(6px);background:#fffc;border-radius:14px 14px 0 0;width:100%;height:auto;max-height:50dvh;padding:8px 16px 24px;font:14px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif;position:absolute;bottom:50px;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #00000040}@media (width>=769px){.panel{border-radius:0 14px 0 0;width:400px;max-height:calc(100dvh - 50px);right:auto}.mapboxgl-ctrl-top-right{width:560px;padding:8px 0 0;left:50%;right:auto;transform:translate(-50%)}.panel-open .mapboxgl-ctrl-top-right{transform:translate(-50%)translateY(-130%)}.van-tabbar{height:64px}.tab-icon{width:26px;height:26px}.van-tabbar-item__text{font-size:13px}.van-tabbar-item--active:before{background:#1f8ef129;width:84px;box-shadow:0 1px 5px #1f8ef140}.app-dark .van-tabbar-item--active:before{background:#3bd6e838;box-shadow:0 1px 5px #3bd6e833}.van-tabbar-item:not(.van-tabbar-item--active):hover{color:#1f8ef1}.app-dark .van-tabbar-item:not(.van-tabbar-item--active):hover{color:#3bd6e8}}.panel-close{z-index:3;color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;width:26px;height:26px;font-size:13px;line-height:26px;position:absolute;top:8px;right:10px}.panel .van-cell,.panel .van-cell-group,.panel .van-search{background:0 0}.panel .van-search__content{background:#0000000d}.panel h3{margin:16px 0 8px;font:700 14px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif}.panel .slider-wrap{max-width:70%;padding:8px 8px 16px}.panel .attribution{color:#999;font:11px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif}.settings-card{background:#3b82c814;border-radius:10px;margin-bottom:12px;padding:10px 12px 12px}.settings-card-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.collapse-chevron{color:#00000059;font-size:18px;line-height:1;transition:transform .22s;transform:rotate(0)}.collapse-chevron.open{transform:rotate(90deg)}.settings-section{letter-spacing:.3px;color:#00000073;text-transform:uppercase;margin:10px 0 5px;font:600 11px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif}.settings-section:first-of-type{margin-top:6px}.macrar-title span{opacity:.72}.style-note{color:#00000080;margin-top:8px;font-size:12px;display:block}.panel .stat-row{margin:4px 0}.panel .sub{color:#888;font-size:11px;font-weight:400;display:block}.panel .big-stat{text-align:center;background:#eef7fa;border-radius:8px;margin:16px 0;padding:12px;font-size:18px;font-weight:700}.panel .big-stat.warn{color:#c0392b;background:#fdeaea}.panel .big-stat.winter{background:#eef1fb}.panel-title{letter-spacing:.2px;margin:6px 0 10px;font:800 19px/1.3 Helvetica Neue,Arial,Helvetica,sans-serif}.vehicle-card{cursor:pointer;background:#41afa52e;border-radius:8px;padding:10px;position:relative}.vehicle-card:after{content:"›";color:#00000059;font-size:17px;position:absolute;top:6px;right:10px}.vehicle-card--static{cursor:default;margin-bottom:8px}.vehicle-card--static:after{display:none}.vehicle-label{letter-spacing:.4px;color:#298278d9;text-transform:uppercase;margin-bottom:4px;font:600 11px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif;display:block}.fade-enter-active,.fade-leave-active{transition:opacity .25s,transform .25s cubic-bezier(.32,.72,0,1);overflow:hidden}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(16px)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .32s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(100%)}.savings-head{cursor:pointer;position:relative}.savings-head .head-chevron{margin-left:0;position:absolute;top:10px;right:12px}.savings-options{padding:2px 2px 6px}.opt-label{margin:10px 0 2px;font:700 13px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif}.vehicle-card .vehicle-name b{font-size:14px}.seasonal-row{text-align:center;background:#5a6edc29;flex:none;margin:0;padding:4px 10px 8px;font-size:11px}.commute-head{align-items:stretch;gap:10px;display:flex}.commute-info{flex-direction:column;flex:1;min-width:0;display:flex}.commute-cards{background:#3bb2d029;border-radius:10px;flex-direction:column;flex:1;min-width:0;padding:0;display:flex;overflow:hidden;container-type:inline-size}.commute-cards.split{background:0 0}.commute-cards.split .big-stat.compact:not(.winter){background:#3bb2d029}.commute-cards.split .big-stat.compact.winter{background:#5a6edc29}.commute-cards .big-stat.compact{text-align:left;background:0 0;flex:1;min-height:0;margin:0;padding:8px 10px;font-size:clamp(12px,10cqw,22px);font-weight:400;line-height:1.3;overflow:hidden}.commute-cards .big-stat.compact b{font-size:inherit;font-weight:800}.commute-cards .big-stat.compact .sub{opacity:.75;margin-top:2px;font-size:clamp(9px,5cqw,12px);line-height:1.4;display:block}.panel .em-stat b{font-size:15px}.elev-icon{color:#3bb2d0;width:18px;height:18px}.elev-title{width:100%;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(90deg,#3bb2d038,#3bb2d005);border:none;border-radius:8px;align-items:center;gap:8px;margin:14px 0 8px;padding:8px 10px;font:700 13px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif;display:flex}.elev-badge{color:#fff;background:#2faf64;border-radius:10px;padding:1px 8px;font-weight:700}.elev-badge.loss{background:#c0392b}.elev-chevron{margin-left:auto;transition:transform .2s}.elev-chevron.open{transform:rotate(180deg)}.charge-seg{border:1px solid #d5dbe2;border-radius:16px;margin:0 0 10px;display:inline-flex;overflow:hidden}.charge-seg button{color:#8a939c;cursor:pointer;background:0 0;border:none;padding:6px 12px;font:700 12px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif}.charge-seg button.active{color:#1f7a46;background:#2faf6429}.charge-seg button.fast.active{color:#9a6b1a;background:#e6a23c2e}.cost-row{gap:8px;display:flex}.cost-row label{color:#66707a;flex:1;font:11px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.num-input{box-sizing:border-box;color:#222;background:#ffffffb3;border:1px solid #d5dbe2;border-radius:8px;width:100%;padding:6px 8px;font:14px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif}.panel .big-stat.savings{background:#e8f7ee}.van-tabbar{box-shadow:0 -2px 10px #00000014;z-index:30!important}.van-tabbar-item{transition:color .2s;position:relative}.van-tabbar-item__icon{transition:transform .2s}.van-tabbar-item--active .van-tabbar-item__icon{transform:translateY(-1px)scale(1.08)}.tab-icon{width:22px;height:22px;display:inline-flex}.van-tabbar-item--active:before{content:"";z-index:-1;background:#1f8ef11a;border-radius:16px;width:72px;height:calc(100% - 12px);position:absolute;top:6px;left:50%;transform:translate(-50%)}.app-dark .van-tabbar-item--active:before{background:#3bd6e824}.panel--scroll{flex-direction:column;padding:0;display:flex;overflow:hidden}.panel--scroll .panel-scroll{flex:1;min-height:0;padding:8px 16px 24px;overflow-y:auto}.panel--dock{flex-direction:column;padding:0;display:flex;overflow:visible}.panel--dock .panel-scroll{flex:1;min-height:0;padding:8px 16px;overflow-y:auto}.panel--dock .dock{background:#ffffffdb;border-top:1px solid #00000014;padding:4px 8px;position:relative}.dock .search-results{-webkit-backdrop-filter:blur(6px);background:#ffffffe0;max-height:55dvh;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 12px #00000026}.dock .search-results .van-radio-group{flex-direction:column-reverse;display:flex}.region-chips{flex-wrap:wrap;gap:6px;display:flex}.region-chips .chip{color:#444;cursor:pointer;background:#fff;border:1px solid #d5dbe2;border-radius:14px;align-items:center;gap:2px;padding:4px 10px;font:12px/1.4 Helvetica Neue,Arial,Helvetica,sans-serif;display:inline-flex}.region-chips .chip.active{color:#fff;background:#1989fa;border-color:#1989fa}.variant-chips{margin-top:4px}.model-check{color:#1989fa;align-self:center;font-size:18px}.elev-chart{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#f7f8fa;border-radius:6px;width:100%;height:80px}#map{z-index:0;width:100%;height:100vh;position:absolute;top:0;bottom:0;left:0}.mapboxgl-popup{--popup-bg:#fff;font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;max-width:min(340px,100vw - 32px)!important}.mapboxgl-popup:has(.trip-popup--start){--popup-bg:#f3fbf6}.mapboxgl-popup:has(.trip-popup--end){--popup-bg:#fff5f5}.mapboxgl-popup:has(.trip-popup--charge){--popup-bg:#fff8ea}.mapboxgl-popup-content{background:var(--popup-bg);border-radius:10px;padding:0;overflow:hidden;box-shadow:0 8px 24px #00000038}[class*=mapboxgl-popup-anchor-top] .mapboxgl-popup-tip{border-bottom-color:var(--popup-bg)}[class*=mapboxgl-popup-anchor-bottom] .mapboxgl-popup-tip{border-top-color:var(--popup-bg)}[class*=mapboxgl-popup-anchor-left] .mapboxgl-popup-tip{border-right-color:var(--popup-bg)}[class*=mapboxgl-popup-anchor-right] .mapboxgl-popup-tip{border-left-color:var(--popup-bg)}.mapboxgl-popup-close-button{color:#0000006b;width:24px;height:24px;font-size:18px;line-height:22px}.trip-popup{box-sizing:border-box;background:var(--popup-bg);color:#1a2c3d;width:min(310px,100vw - 48px);min-width:0;padding:16px}.trip-popup--start{background:#f3fbf6}.trip-popup--end{color:#391c1c;background:#fff5f5}.trip-popup--charge{color:#33240a;background:#fff8ea}.trip-popup__label{letter-spacing:.35px;text-transform:uppercase;color:#298278e6;align-items:center;gap:5px;margin-bottom:5px;font:700 10px/1.2 Helvetica Neue,Arial,Helvetica,sans-serif;display:inline-flex}.trip-popup--end .trip-popup__label{color:#c0392b}.trip-popup__label svg{width:15px;height:15px}.trip-popup h3{margin:0 18px 8px 0;font:800 14px/1.25 Helvetica Neue,Arial,Helvetica,sans-serif}.trip-popup__rows{gap:5px;display:grid}.trip-popup__row{background:#41afa51f;border-radius:7px;grid-template-columns:minmax(78px,.75fr) minmax(0,1fr);align-items:start;gap:10px;padding:7px 9px;display:grid}.trip-popup--end .trip-popup__row{background:#f74e4e1a}.trip-popup--charge .trip-popup__label{color:#9a6b1a}.trip-popup--charge .trip-popup__row{background:#e6a23c24}.trip-popup__row span{color:#66707a}.trip-popup__row b{overflow-wrap:anywhere;text-align:right;color:#1a2c3d;max-width:none;font-weight:800}.map-info-btn{z-index:4;color:#1f8ef1;cursor:pointer;background:#ffffffe6;border:2px solid #1f8ef173;border-radius:50%;width:38px;height:38px;position:absolute;bottom:68px;right:12px;box-shadow:0 2px 10px #1f8ef133}.map-info-btn .iconic{width:19px;height:19px}.intro-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);background:#08121e6b;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.intro-card{color:#1a2c3d;background:#fffffff0;border-radius:12px;width:min(360px,100vw - 36px);padding:20px;font:14px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;box-shadow:0 18px 42px #00000052}.intro-close{top:10px;right:10px}.intro-hero-icon{color:#1f8ef1;width:34px;height:34px;margin-bottom:8px}.intro-card h2{margin:0 28px 8px 0;font:800 21px/1.2 Helvetica Neue,Arial,Helvetica,sans-serif}.intro-card p{color:#52606d;margin:8px 0}.intro-primary{color:#fff;cursor:pointer;background:#1989fa;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px 12px;font:800 14px/1.2 Helvetica Neue,Arial,Helvetica,sans-serif}.app-dark .panel,.app-dark .dock .search-results{color:#e4e7eb;background:#161a20cc}.app-dark .panel--dock .dock{background:#161a20db;border-top-color:#ffffff1a}.app-dark .panel h3,.app-dark .panel .stat-row{color:#e4e7eb}.app-dark .settings-card{background:#508cdc1a}.app-dark .collapse-chevron{color:#ffffff59}.app-dark .settings-section,.app-dark .style-note{color:#fff6}.app-dark .panel .sub,.app-dark .panel .attribution{color:#98a1ab}.app-dark .panel .van-cell{color:#e4e7eb}.app-dark .panel .van-cell:after{border-color:#ffffff14}.app-dark .panel .van-cell__label,.app-dark .panel .van-index-anchor{color:#98a1ab;background:0 0}.app-dark .panel .van-search__content{background:#ffffff14}.app-dark .panel .van-field__control,.app-dark .panel .van-search input{color:#e4e7eb}.app-dark .region-chips .chip{color:#cfd5db;background:#ffffff0f;border-color:#ffffff2e}.app-dark .region-chips .chip.active{color:#fff;background:#1989fa;border-color:#1989fa}.app-dark .panel .big-stat{color:#e4e7eb;background:#3bb2d026}.app-dark .panel .big-stat.winter{background:#5a6edc2e}.app-dark .panel .big-stat.warn{color:#ff8a80;background:#dc50502e}.app-dark .elev-chart{background:#ffffff0f}.app-dark .mapboxgl-popup-content{box-shadow:0 8px 24px #00000070}.app-dark .mapboxgl-popup:has(.trip-popup--start){--popup-bg:#17271e}.app-dark .mapboxgl-popup:has(.trip-popup--end){--popup-bg:#2b1919}.app-dark .mapboxgl-popup:has(.trip-popup--charge){--popup-bg:#2b220f}.app-dark .mapboxgl-popup-close-button{color:#ffffff8c}.app-dark .trip-popup{background:var(--popup-bg);color:#e4e7eb}.app-dark .trip-popup--start{background:#17271e}.app-dark .trip-popup--end{background:#2b1919}.app-dark .trip-popup--charge{background:#2b220f}.app-dark .trip-popup__row{background:#41afa529}.app-dark .trip-popup--end .trip-popup__row{background:#dc505029}.app-dark .trip-popup--charge .trip-popup__row{background:#e6a23c29}.app-dark .trip-popup__row span{color:#98a1ab}.app-dark .trip-popup__row b,.app-dark .trip-popup h3{color:#e4e7eb}.app-dark .map-info-btn{color:#3bd6e8;background:#161a20e6;border-color:#3bd6e880;box-shadow:0 2px 10px #3bd6e829}.app-dark .intro-card{color:#e4e7eb;background:#161a20f0}.app-dark .intro-card p{color:#98a1ab}.app-dark .intro-hero-icon{color:#3bd6e8}.app-dark .cost-row label{color:#98a1ab}.app-dark .charge-seg{border-color:#ffffff2e}.app-dark .charge-seg button.active{color:#7fd6a4;background:#2faf6438}.app-dark .charge-seg button.fast.active{color:#f0c069;background:#e6a23c38}.app-dark .num-input{color:#e4e7eb;background:#ffffff14;border-color:#ffffff2e}.app-dark .panel .big-stat.savings{background:#2faf6429}.app-dark .vehicle-card{background:#41afa533}.app-dark .vehicle-card:after{color:#fff6}.app-dark .vehicle-label{color:#50d2c3e6}.app-dark .commute-cards{background:#3bb2d024}.app-dark .commute-cards.split{background:0 0}.app-dark .panel-close{color:#cfd5db;background:#ffffff1f}.app-dark .van-tabbar{background:#161a20}.app-dark .van-tabbar-item{color:#98a1ab;background:#161a20}