:root{--bg:#f4f6f8;--surface:#fff;--ink:#0e1726;--ink-2:#3b4655;--muted:#5b6675;--line:#e3e7ec;--line-2:#eef1f4;--green:#0b7a43;--green-dark:#075c32;--green-bg:#e6f4ec;--amber:#8a4f00;--amber-bg:#fbf0dc;--red:#b5341a;--red-bg:#fbe6de;--blue:#2f6bff;--blue-ink:#1f4fd1;--blue-deep:#1f3a8a;--blue-bg:#e8eeff;--fav:#a86400;--shadow-1:0 1px 2px #0e172614;--shadow-card:0 1px 2px #0e17260f, 0 8px 24px #0e17260f;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--col:480px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-manrope), Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#dce1e7}a{color:var(--green)}a:hover{color:var(--green-dark)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.skip{background:var(--ink);color:#fff;z-index:3000;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:var(--col);background:var(--bg);min-height:100dvh;margin:0 auto;position:relative}@media (min-width:520px){.app{box-shadow:0 0 0 1px #0e17260f,0 20px 60px #0e17261f}}.screen{min-height:100dvh}.screen.with-nav{padding-bottom:calc(104px + var(--safe-b))}.screen.with-bar{padding-bottom:calc(120px + var(--safe-b))}.pad-x{padding-left:20px;padding-right:20px}.top{padding-top:calc(24px + var(--safe-t))}@media (min-width:520px){.top{padding-top:32px}}.stack-8,.stack-10,.stack-12,.stack-14,.stack-16{flex-direction:column;display:flex}.stack-8{gap:8px}.stack-10{gap:10px}.stack-12{gap:12px}.stack-14{gap:14px}.stack-16{gap:16px}.row-8,.row-10,.row-12,.row-14{align-items:center;display:flex}.row-8{gap:8px}.row-10{gap:10px}.row-12{gap:12px}.row-14{gap:14px}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.baseline{align-items:baseline}.end{align-items:flex-end}.col-0,.col-2,.col-4{flex-direction:column;display:flex}.col-2{gap:2px}.col-4{gap:4px}.grow{flex:1}.min0{min-width:0}.wrap{flex-wrap:wrap}.center{justify-content:center}.center-self{align-self:center}.center-text{text-align:center;align-items:center}.left{text-align:left;align-items:flex-start}.block{display:block}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.plain{color:inherit;font:inherit;text-align:left;background:0 0;border:0;width:100%;padding:0;text-decoration:none}.plain:hover{color:inherit}.grid-2,.grid-3,.grid-4{gap:8px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.closed{color:var(--red);font-weight:700}.xs{font-size:12px;font-weight:600}.sm{font-size:13px;font-weight:500}.b12{font-size:12px;font-weight:700}.b13{font-size:13px;font-weight:600}.b14{font-size:14px;font-weight:800}.b15{font-size:15px;font-weight:700}.b16{font-size:16px;font-weight:800}.b17{font-size:17px;font-weight:800}.h1{letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.h1.big{letter-spacing:-.6px;font-size:28px}.h2{margin:0;font-size:17px;font-weight:800}.h3{margin:0;font-size:15px;font-weight:800}.h-sheet{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.eyebrow{letter-spacing:1px;color:var(--muted);margin:0;font-size:12px;font-weight:800}.eyebrow.green{color:var(--green)}.eyebrow.blue{color:var(--blue-ink)}.source{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:500;line-height:1.5}.pad{padding:12px 4px}.place-btn{all:unset;cursor:pointer;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:44px;display:flex}.place-btn:focus-visible{outline:3px solid var(--blue);border-radius:8px}.place-name{letter-spacing:-.3px;align-items:center;gap:4px;min-width:0;font-size:20px;font-weight:800;display:flex}.icon-btn{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1);border:0;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.icon-btn:hover{color:var(--ink)}.icon-btn.round{border-radius:22px;width:44px;height:44px}.icon-btn.square{border-radius:14px;width:48px;height:48px}.icon-btn.ghost{width:44px;height:44px;box-shadow:none;color:var(--muted);background:0 0;border-radius:12px}.icon-btn.fav-on,.btn.fav-on{background:var(--amber-bg);color:var(--fav)}.mode-row{align-items:center;gap:10px;display:flex}.mode-tabs{background:var(--line);border-radius:14px;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.mode-tabs a{height:40px;color:var(--ink-2);border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.mode-tabs a.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0e17261f}.chips{gap:8px;display:flex}.chips.wrap{flex-wrap:wrap}.scroll-x{scrollbar-width:none;margin:0 -20px;padding:2px 20px;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:var(--surface);height:40px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.chip:hover{color:var(--ink)}.chip.soft{background:var(--bg);box-shadow:none;height:44px;padding:0 16px}.chip.shadow{height:36px;font-size:13px;box-shadow:0 2px 6px #0e17261a}.chip.on{background:var(--ink);color:#fff;box-shadow:none}.chip-static{background:var(--surface);border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.chip-static.green{background:var(--green-bg);color:var(--green);font-weight:800}.chip-static.red{background:var(--red-bg);color:var(--red);font-weight:800}.card{background:var(--surface);border-radius:22px;padding:16px}.card.hero{box-shadow:var(--shadow-card);border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex}.card.tight{padding:6px 16px}.card.tight-y{padding:12px 14px}.card.hit{box-shadow:inset 0 0 0 2px var(--green)}.card.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 20px;display:flex}.card.empty strong{font-size:16px;font-weight:800}.card.empty .muted{font-size:14px;font-weight:500;line-height:1.45}.empty-icon,.soft-icon{background:var(--bg);width:40px;height:40px;color:var(--ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-icon{background:var(--green-bg);width:48px;height:48px;color:var(--green);border-radius:16px}.soft-icon.green{background:var(--green-bg);color:var(--green)}.soft-icon.blue{background:var(--blue-bg);color:var(--blue-ink)}.soft-icon.big{border-radius:18px;width:56px;height:56px}.skeleton{background:linear-gradient(90deg,#e9edf1 0%,#f6f8fa 50%,#e9edf1 100%) 0 0/200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.row-card{color:var(--ink);background:var(--surface);text-align:left;border:0;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;text-decoration:none;display:flex}.row-card:hover{color:var(--ink);background:#fbfcfd}.tag{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.price-sm{white-space:nowrap;font-size:18px;font-weight:800}.price-md{text-align:right;min-width:92px;font-size:20px;font-weight:800}.price-lg{letter-spacing:-.8px;white-space:nowrap;font-size:26px;font-weight:800}.big-price{align-items:baseline;gap:4px;display:flex}.big-price .num{letter-spacing:-2px;font-size:52px;font-weight:800;line-height:1}.big-price .unit{font-size:16px;font-weight:700}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.pill.green{background:var(--green-bg);color:var(--green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.saving-box{background:var(--bg);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600}.saving-box strong{font-weight:800}.saving-box .muted{margin-top:2px}.btn{background:var(--bg);min-height:48px;color:var(--ink);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark);color:#fff}.btn.soft{background:var(--bg);color:var(--ink)}.card .btn.soft,.btn.soft.on-bg{background:var(--bg)}.screen>.stack-16>.btn.soft{background:var(--surface)}.btn.ghost{color:var(--muted);background:0 0;min-height:44px}.btn.dark{background:var(--ink);color:#fff}.btn.dashed{box-shadow:inset 0 0 0 2px var(--line);color:var(--ink);background:0 0}.btn.big{height:56px;font-size:17px}.btn.small{white-space:nowrap;border-radius:12px;height:40px;min-height:40px;padding:0 14px;font-size:14px}.btn.h52{height:52px;font-size:16px}.btn.square-56{flex-shrink:0;width:56px;height:56px;padding:0}.link-btn{white-space:nowrap;align-items:center;min-height:44px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.action-bar{width:100%;max-width:var(--col);background:var(--surface);border-top:1px solid var(--line);padding:12px 20px calc(20px + var(--safe-b));z-index:1500;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.action-bar.plain{background:var(--bg);border-top:0}.bottom-nav{width:100%;max-width:var(--col);height:calc(80px + var(--safe-b));background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(14px + var(--safe-b));z-index:1500;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.bottom-nav a.on{color:var(--green);font-weight:800}.sheet-layer{z-index:2000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{cursor:default;background:#0e172673;border:0;position:absolute;inset:0}.sheet{width:100%;max-width:var(--col);background:var(--surface);max-height:88dvh;padding:12px 20px calc(24px + var(--safe-b));border-radius:28px 28px 0 0;outline:none;flex-direction:column;gap:12px;animation:.22s ease-out up;display:flex;position:relative;overflow-y:auto}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-grip{background:#d5dae1;border-radius:2px;flex-shrink:0;align-self:center;width:40px;height:4px}.note{border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.note.green{background:var(--green-bg);color:var(--green)}.note.blue{background:var(--blue-bg);color:var(--blue-deep)}.note.col{flex-direction:column;align-items:flex-start;gap:2px}.note.link{text-decoration:none}.note svg{flex-shrink:0}.app-option{text-align:left;background:var(--bg);width:100%;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.app-option.on{background:var(--green-bg);box-shadow:inset 0 0 0 2px var(--green)}.app-tile{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 1px 3px #0e17261f}.radio{border:2px solid #9aa4b1;border-radius:11px;flex-shrink:0;width:22px;height:22px}.radio.on{border:7px solid var(--green);background:#fff}.check-row{align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;display:flex}.check-row input{width:22px;height:22px;accent-color:var(--green)}.center{text-align:center}.xs.center{display:block}.search-box{background:var(--surface);height:52px;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;align-items:center;gap:10px;padding:0 16px;display:flex}.sheet .search-box{background:var(--bg);box-shadow:none}.search-box input{all:unset;flex:1;min-width:0;font-size:16px;font-weight:600}.search-box input::placeholder{color:var(--muted)}.search-box:focus-within{box-shadow:inset 0 0 0 2px var(--green)}.search-box.as-button{text-align:left;border:0;width:100%;box-shadow:0 4px 16px #0e17261f}.suggestions{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.suggestions button{all:unset;cursor:pointer;border-bottom:1px solid var(--line-2);box-sizing:border-box;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 4px;display:flex}.suggestions button:hover{background:#fafbfc}.suggestions button:focus-visible{outline:3px solid var(--blue);border-radius:10px}.alert-banner{background:var(--ink);color:#fff;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.alert-banner:hover{color:#fff}.alert-icon{background:#ffffff24;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.price-row{align-items:center;gap:10px;height:56px;display:flex}.price-row.line{border-bottom:1px solid var(--line-2)}.price-row.sel .b15:after{content:"tu combustible";white-space:nowrap;color:var(--green);background:var(--green-bg);vertical-align:2px;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-block}.delta{color:var(--muted);background:var(--bg);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.delta.down{color:var(--green);background:var(--green-bg)}.bars{align-items:flex-end;gap:6px;height:72px;display:flex}.bar{background:#cfe8da;border-radius:4px 4px 2px 2px;flex:1;min-width:4px}.bar.last{background:var(--green)}.bar.empty{background:var(--line)}.map-screen{background:#e9eee8;height:100dvh;position:relative;overflow:hidden}.map{inset:0 0 calc(80px + var(--safe-b)) 0;z-index:1;position:absolute}.map-empty{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.map-top{left:16px;right:16px;top:calc(16px + var(--safe-t));z-index:1100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute}.map-top>*{pointer-events:auto}.map-top .scroll-x{margin:0 -16px;padding:2px 16px 6px}.loading-pill{background:var(--surface);border-radius:999px;align-self:center;padding:6px 12px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0e172624}.map-side{z-index:1100;flex-direction:column;align-items:flex-end;gap:8px;transition:bottom .2s;display:flex;position:absolute;right:16px}.gps-chip{background:var(--surface);height:30px;color:var(--blue-ink);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #0e172624}.gps-chip .dot{background:var(--green);border-radius:4px;width:8px;height:8px}.fab{background:var(--surface);border:0;border-radius:26px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 16px #0e172626}.map-card{left:12px;right:12px;bottom:calc(92px + var(--safe-b));z-index:1100;background:var(--surface);border-radius:24px;flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex;position:absolute;box-shadow:0 -2px 24px #0e172624}.maplibregl-map{font-family:inherit}.maplibregl-ctrl-top-right{top:calc(150px + var(--safe-t))}.maplibregl-ctrl-attrib{font-size:11px}.pin{all:unset;cursor:pointer;flex-direction:column;align-items:center;display:flex}.pin:focus-visible .pin-pill{outline:3px solid var(--blue)}.pin-pill{white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex;box-shadow:0 4px 12px #0e17262e}.pin-tile{letter-spacing:-.5px;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:flex}.pin-price{font-size:14px;font-weight:800;font-family:var(--font-manrope), Manrope, system-ui, sans-serif;font-variant-numeric:tabular-nums}.pin-tip{background:#fff;width:10px;height:10px;margin-top:-6px;transform:rotate(45deg)}.pin.on .pin-pill{background:var(--green);padding:5px 10px 5px 5px;box-shadow:0 4px 12px #0e172659}.pin.on .pin-price{color:#fff;font-size:17px}.pin.on .pin-tile{width:28px;height:28px;font-size:12px}.pin-tile.logo{background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px #0e17261a}.pin-tile.logo img{object-fit:contain;width:84%;height:84%;display:block}.pin.on .pin-tip{background:var(--green)}.pin-dot{all:unset;cursor:pointer;border-radius:7px;width:14px;height:14px;display:block;box-shadow:0 0 0 2px #fff,0 1px 4px #0e17264d}.me-dot{background:var(--blue);pointer-events:none;border-radius:11px;width:22px;height:22px;display:block;box-shadow:0 0 0 3px #fff,0 0 0 14px #2f6bff29,0 2px 6px #0e17264d}.place-card{background:var(--surface);border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.place-main{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.place-main:hover{color:var(--ink)}.place-actions{gap:8px;padding-left:52px;display:flex}.mini-btn{background:var(--bg);color:var(--ink-2);border:0;border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.fav-row{background:var(--surface);border-radius:18px;align-items:center;gap:4px;min-height:64px;padding:10px 6px 10px 14px;display:flex}.kind-btn{background:var(--bg);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:64px;font-size:15px;font-weight:800;display:flex}.kind-btn:disabled{opacity:.4}.field{flex-direction:column;gap:6px;display:flex}.field input{background:var(--bg);border:0;border-radius:14px;height:52px;padding:0 14px;font-size:16px;font-weight:600}.status-line{color:var(--ink-2);background:var(--bg);border-radius:12px;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.status-line.green{color:var(--green);background:var(--green-bg)}.preview-notif{background:var(--surface);box-shadow:var(--shadow-card);border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.notif-icon{background:var(--green);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.threshold{justify-content:space-between;align-items:center;gap:12px;display:flex}.threshold button{background:var(--bg);border:0;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.threshold-val{color:var(--green);align-items:baseline;gap:4px;display:flex}.threshold-val .num{letter-spacing:-1.6px;font-size:44px;font-weight:800}.threshold-val .unit{font-size:15px;font-weight:700}.muted.b12.center{text-align:center;display:block}.range{width:100%;accent-color:var(--green);height:32px}.toggle-row{cursor:pointer}.switch{appearance:none;cursor:pointer;background:#cfd5dc;border-radius:16px;flex-shrink:0;width:52px;height:32px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:13px;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0e17264d}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}.route-dots{flex-direction:column;align-self:stretch;align-items:center;width:16px;padding:18px 0;display:flex}.route-dots .d1,.route-dots .d2{border-radius:6px;flex-shrink:0;width:12px;height:12px}.route-dots .d1{background:var(--blue);box-shadow:0 0 0 3px #d6e2ff}.route-dots .d2{background:var(--ink)}.route-dots .line{background:repeating-linear-gradient(#9aa4b1 0 4px,#0000 4px 8px);flex:1;width:2px;margin:4px 0}.route-field{all:unset;cursor:pointer;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:48px;display:flex}.route-field:focus-visible{outline:3px solid var(--blue);border-radius:8px}.divider{background:var(--line-2);height:1px}.route-strip{padding:22px 20px 16px}.strip{height:28px;margin:0 10px;position:relative}.strip-line{background:#cfd8e3;border-radius:2px;height:4px;position:absolute;top:12px;left:0;right:0}.strip-end{background:var(--ink);border-radius:7px;width:14px;height:14px;margin-left:-7px;position:absolute;top:7px}.strip-end.start{background:var(--blue)}.strip-stop{width:16px;height:16px;box-shadow:inset 0 0 0 3px var(--green);background:#fff;border-radius:8px;margin-left:-8px;position:absolute;top:6px}.strip-stop.best{background:var(--green);color:#fff;z-index:2;border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-14px;font-size:13px;font-weight:900;display:flex;top:0;box-shadow:0 0 0 3px #fff}.strip-labels{color:var(--muted);justify-content:space-between;gap:6px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.strip-labels span{text-overflow:ellipsis;white-space:nowrap;max-width:30%;overflow:hidden}.strip-labels span:last-child{text-align:right}.opt{text-align:center;background:var(--bg);min-height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:14px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:flex}.opt.tall{height:52px}.opt.small{padding:0 4px;font-size:13px}.opt.on{background:var(--ink);color:#fff;box-shadow:none}.opt.blue.on{background:var(--blue-ink)}.stepper{align-items:center;gap:10px;display:flex}.stepper button{background:var(--bg);border:0;border-radius:14px;width:44px;height:44px;font-size:22px;font-weight:800}.stepper-val{text-align:center;min-width:70px;font-size:20px;font-weight:800}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card.hero .row-between.end{flex-wrap:wrap;row-gap:8px}.strike{color:var(--muted);text-decoration:line-through}.green-dark{color:var(--green-dark)}.pad-top{padding-top:10px}.tag.disc{color:var(--amber);background:var(--amber-bg)}.soft-icon.amber{background:var(--amber-bg);color:var(--amber)}.note.amber{background:var(--amber-bg);color:#6b4a12}.switch-btn{background:#cfd5dc;border:0;border-radius:16px;flex-shrink:0;width:52px;height:32px;padding:0;transition:background .15s;position:relative}.switch-btn span{background:#fff;border-radius:13px;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0e17264d}.switch-btn.on{background:var(--green)}.switch-btn.on span{transform:translate(20px)}.disc-item{flex-direction:column;display:flex}.disc-item.line{border-bottom:1px solid var(--line-2)}.disc-head{min-height:60px}.disc-amount{background:var(--bg);color:var(--ink-2);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px 52px;padding:8px 8px 8px 14px;display:flex}.disc-amount button{background:#fff;border:0;border-radius:12px;width:40px;height:40px;font-size:20px;font-weight:800}.disc-val{text-align:center;min-width:72px;color:var(--green);font-size:17px;font-weight:800}.link-btn.danger{color:var(--red);background:0 0;border:0;align-self:flex-start;min-height:36px;margin:-6px 0 6px 52px;padding:0}.add-row{width:100%;min-height:52px;color:var(--green);border:0;border-top:1px solid var(--line-2);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.offer{background:var(--amber-bg);color:#5c3500;border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.offer .xs{color:#6b4a12;line-height:1.45}.offer a{color:var(--amber)}.example-box{background:var(--green-bg);color:var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.example-box:hover{color:var(--ink)}.disc-toggle{background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex}.disc-cta{background:var(--amber-bg);color:#5c3500;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none;display:flex}.disc-cta:hover{color:#5c3500}.cpo-tile{letter-spacing:-.3px;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.blue-ink{color:var(--blue-ink)}.tone-green{color:var(--green)}.tone-amber{color:var(--amber)}.tone-red{color:var(--red)}.tone-muted{color:var(--muted)}.b18{font-size:18px;font-weight:800}.b20{font-size:20px;font-weight:800}.strong{font-weight:800}.nowrap{white-space:nowrap}.right{text-align:right}.wrap-gap{flex-wrap:wrap;gap:8px}.row-card.dim{opacity:.6}.avail{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.avail .dot{background:currentColor;border-radius:4px;width:8px;height:8px}.avail.green{background:var(--green-bg);color:var(--green)}.avail.amber{background:var(--amber-bg);color:var(--amber)}.avail.red{background:var(--red-bg);color:var(--red)}.avail.muted{background:var(--bg);color:var(--muted)}.big-price.blue{color:var(--blue-ink)}.big-price.blue .num{letter-spacing:-1.6px;font-size:46px}.compare-box{background:var(--bg);border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.compare-box.blue{background:var(--blue-bg);color:var(--blue-deep)}.conn-row{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 0;display:flex}.conn-row.line{border-bottom:1px solid var(--line-2)}.conn-row.dim .b15,.conn-row.dim .price-sm{color:var(--muted)}.conn-row .soft-icon:not(.blue){background:var(--bg);color:#6b7684}.conn-row.sel .soft-icon{box-shadow:0 0 0 2px var(--blue-ink)}.conn-row:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:12px}.car-card{background:var(--blue-deep);color:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex}.car-card .soft-text{color:#c9d6ff}.car-cost{letter-spacing:-1.4px;font-size:38px;font-weight:800;line-height:1.1}.tariff-line,.info-row{justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 0;display:flex}.tariff-line.line,.info-row.line{border-bottom:1px solid var(--line-2)}.info-row .right{max-width:65%}.mode-tabs button{font:inherit;cursor:pointer;height:40px;color:var(--ink-2);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.mode-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0e17261f}.mode-tabs.floating{background:#e3e7ecf5;flex:none;box-shadow:0 2px 8px #0e172624}.pin.ev.on .pin-pill,.pin.ev.on .pin-tip{background:var(--blue-ink)}.pin.ev.off .pin-pill{opacity:.85}.pin-price svg{display:block}.share-btn{position:relative}.copied-tip{background:var(--ink);color:#fff;white-space:nowrap;z-index:10;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;top:calc(100% + 6px);right:0}.strip-stop.ev{box-shadow:inset 0 0 0 3px var(--blue-ink)}.strip-stop.ev.best{background:var(--blue-ink);box-shadow:0 0 0 3px #fff}.seo .lead{margin:0;font-weight:500;line-height:1.5}.seo .lead strong{font-weight:800}.crumbs{color:var(--muted);font-size:13px;font-weight:700}.crumbs a{color:var(--green);text-decoration:none}.seo-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seo-rank{text-align:center;width:22px;color:var(--muted);flex-shrink:0;font-size:13px;font-weight:800}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.seo-link{background:var(--surface);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;display:block;overflow:hidden}.seo-link:hover{color:var(--green)}.seo-inline a{color:var(--green);text-decoration:none}.seo-table{border-collapse:collapse;width:100%;font-size:14px}.seo-table th,.seo-table td{text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top;padding:10px 4px}.seo-table tr:last-child th,.seo-table tr:last-child td{border-bottom:0}.seo-table thead th{color:var(--muted);font-size:12px;font-weight:800}.seo-table tbody th{font-weight:700}.seo .source a{color:var(--green)}.seo .btn.soft{background:var(--surface)}.legal .legal-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:15px;line-height:1.5;display:flex}.legal p{margin:0;line-height:1.5}.legal a,.source a{color:var(--green);font-weight:700}.side-nav,.desk-search,.split-map{display:none}@media (min-width:1024px){:root{--side:232px;--col:520px;--page:760px}body{background:var(--bg)}.side-nav{width:var(--side);z-index:1600;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:28px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.side-brand{letter-spacing:-.3px;color:var(--ink);align-items:center;gap:10px;padding:0 8px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.side-logo{background:var(--green);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.side-links{flex-direction:column;gap:4px;display:flex}.side-links a{min-height:44px;color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.side-links a:hover{background:var(--bg)}.side-links a.on{background:var(--green-bg);color:var(--green-dark);font-weight:800}.side-foot{color:var(--muted);margin:auto 0 0;padding:0 8px;font-size:12px;line-height:1.5}.side-foot a{color:var(--green)}.app{max-width:none;margin:0 0 0 var(--side);box-shadow:none}.bottom-nav{display:none}.screen{max-width:var(--page);margin:0 auto}.screen.with-nav{padding-bottom:48px}.action-bar{left:calc(var(--side) + (100% - var(--side)) / 2);max-width:var(--page);border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;padding-bottom:16px}.action-bar.plain{border:0}.sheet-layer{align-items:center;padding:24px}.sheet{border-radius:28px;max-height:84dvh;padding-bottom:24px}.sheet>.sheet-grip{display:none}.screen.split{grid-template-columns:minmax(400px,480px) minmax(0,1fr);align-items:start;max-width:none;margin:0;display:grid}.split-map{border-left:1px solid var(--line);height:100dvh;display:block;position:sticky;top:0}.desk-search{flex-direction:column;gap:10px;display:flex}.desk-title{letter-spacing:-.4px;margin:0;font-size:24px;font-weight:800}.desk-search .search-box{height:56px;box-shadow:inset 0 0 0 2px var(--green), var(--shadow-card)}.desk-search .search-box input{font-size:17px;font-weight:700}.desk-search .suggestions{background:var(--surface);box-shadow:var(--shadow-1);border-radius:16px;padding:0 12px}.desk-search .suggestions li:last-child button{border-bottom:0}.screen.split .place-btn+.icon-btn{display:none}.map-screen.embedded{height:100%}.map{inset:0}.map-top{max-width:480px}.map-screen.embedded .map-top>.mode-tabs,.map-screen.embedded .map-top>.search-box{display:none}.map-card{width:min(420px,100% - 100px);bottom:24px;left:16px;right:auto;box-shadow:0 4px 24px #0e17262e}.map-card>.sheet-grip{display:none}.map-screen:not(.embedded) .map-side{bottom:24px!important}.maplibregl-ctrl-top-right{top:12px}}.install-hint a{color:inherit;text-decoration:none}.install-hint button{all:unset;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.legal .legal-text{font-size:15px}.pchart{flex-direction:column;gap:6px;display:flex}.pchart-plot{height:96px;margin:26px 8px 22px;position:relative}.pchart-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pchart-area{fill:var(--green-bg)}.pchart-line{fill:none;stroke:var(--green);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.pchart-dot{background:var(--surface);width:9px;height:9px;box-shadow:0 0 0 2px var(--green);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.pchart-dot.last{background:var(--green);width:13px;height:13px;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px var(--green);margin:-6.5px 0 0 -6.5px}.pchart-dot.max{box-shadow:0 0 0 2px var(--red)}.pchart-label{white-space:nowrap;color:var(--ink);font-size:12px;font-weight:800;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.pchart-label.below{top:calc(100% + 7px);bottom:auto}.pchart-label.left{left:-4px;transform:none}.pchart-label.right{left:auto;right:-4px;transform:none}.pchart-dot.last .pchart-label,.pchart-dot.min .pchart-label{color:var(--green)}.pchart-dot.max .pchart-label{color:var(--red)}
