:root{color-scheme:light dark;--panel:rgb(255 255 255/88%);--trajectory-panel:rgb(255 255 255/64%);--panel-border:rgb(17 24 39/12%);--panel-hover:rgb(17 24 39/8%);--panel-text:#1f2937;--tool-glow:rgb(82 82 91/20%);--tool-border:#e0e2e3;--tool-hover:#f1f1f0;--tool-icon:#333}.dark{--panel:rgb(24 24 27/88%);--trajectory-panel:rgb(24 24 27/64%);--panel-border:rgb(255 255 255/14%);--panel-hover:rgb(255 255 255/10%);--panel-text:#f4f4f5;--tool-glow:rgb(161 161 170/20%);--tool-border:#373739;--tool-hover:#151518;--tool-icon:#333}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}button{font:inherit}.maplibregl-ctrl-group{overflow:hidden;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);box-shadow:0 2px 8px rgb(0 0 0/12%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.maplibregl-ctrl-group button{background-color:transparent}.maplibregl-ctrl-group button:hover{background-color:var(--panel-hover)}.speed-legend{position:absolute;top:12px;right:52px;z-index:1;display:grid;grid-template-columns:auto 104px auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--panel-border);border-radius:6px;background:var(--panel);color:var(--panel-text);font:500 11px/1 ui-sans-serif,system-ui,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speed-gradient{height:7px;border-radius:999px;background:linear-gradient(90deg,hsl(240 85% 48%),hsl(180 85% 48%),hsl(120 85% 44%),hsl(60 85% 48%),hsl(0 85% 48%))}.measurement-label{border:1px solid var(--panel-border);border-radius:6px;background:var(--panel);box-shadow:0 1px 5px rgb(0 0 0/16%);color:var(--panel-text);font:600 12px/1 ui-sans-serif,system-ui,sans-serif;padding:6px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map,.map-root{height:100dvh;width:100dvw}.map-root{position:relative}.trajectory-card{position:absolute;top:12px;left:12px;z-index:1;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid var(--panel-border);border-radius:8px;background:var(--trajectory-panel);box-shadow:0 2px 10px rgb(0 0 0/12%);color:var(--panel-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.trajectory-row{display:flex;min-width:0;align-items:center;gap:2px;padding:5px 6px}.trajectory-name{flex:0 0 auto;font:500 13px/1.25 ui-sans-serif,system-ui,sans-serif;white-space:nowrap}.trajectory-actions{display:flex;flex:0 0 auto;gap:2px;margin-left:auto}.trajectory-points{max-height:0;overflow:hidden;opacity:0;transition:max-height .12s ease-out,opacity .1s ease-out}.trajectory-points.is-expanded{max-height:280px;opacity:1}.trajectory-points-scroll{overflow-y:auto}.toll-card{display:grid;gap:6px;margin:0 6px 6px;padding:8px;border:1px solid var(--panel-border);border-radius:6px;background:color-mix(in srgb,var(--panel) 80%,transparent);box-shadow:0 2px 10px rgb(0 0 0/12%);font:500 12px/1.25 ui-sans-serif,system-ui,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-toll-card{position:absolute;top:12px;z-index:1;width:430px;transform-origin:top left}.toll-row,.toll-total{display:grid;grid-template-columns:84px 1fr 86px;align-items:center;gap:8px}.toll-row{padding:5px 0 11px;border-bottom:1px solid var(--panel-border);color:color-mix(in srgb,var(--panel-text) 60%,transparent)}.toll-row>:nth-child(2){justify-self:start}.toll-row strong{color:var(--panel-text)}.animated-amount{display:inline-grid;justify-self:end;perspective:100px}.animated-amount strong{display:block}.toll-row>strong:last-child,.toll-total strong{text-align:right}.axle-control{display:inline-flex;align-items:center;gap:3px}.axle-count{display:inline-grid;width:1.75rem;place-items:center;perspective:100px;text-align:center}.axle-count strong{display:block}.toll-rate{color:color-mix(in srgb,var(--panel-text) 60%,transparent);font-weight:500}.toll-multiplication{display:inline-block;margin:0 10px}.toll-icon-button{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--panel-border);border-radius:6px;background:transparent;color:inherit;cursor:pointer;padding:0}.toll-icon-button svg{display:block}.toll-icon-button:disabled{cursor:default;opacity:.4}.button-group{display:flex;width:max-content;overflow:hidden;border:1px solid var(--panel-border);border-radius:5px}.emission-row{display:grid;grid-template-columns:84px 1fr 86px;align-items:center;gap:8px;padding:5px 0 11px;border-bottom:1px solid var(--panel-border);color:color-mix(in srgb,var(--panel-text) 60%,transparent)}.emission-row strong{color:var(--panel-text);justify-self:end;white-space:nowrap}.emission-group{justify-self:start}.emission-button{flex:1 1;min-width:0;border:0;border-right:1px solid var(--panel-border);background:transparent;color:inherit;cursor:pointer;padding:4px 7px;font:500 10px/1 ui-sans-serif,system-ui,sans-serif}.emission-button:last-child{border-right:0}.emission-button[aria-pressed=true]{background:var(--panel-hover);font-weight:700}.toll-total{display:flex;justify-content:space-between;gap:3px;padding:7px 0 2px;font-size:13px;text-align:right}.receipt-button{display:inline-grid;width:22px;height:22px;place-items:center;border:0;border-radius:3px;background:transparent;color:inherit;cursor:pointer;padding:0}.receipt-button:hover,.toll-icon-button:not(:disabled):hover{background:var(--panel-hover)}.trajectory-points-spacer{position:relative}.trajectory-points-window{position:absolute;top:0;right:0;left:0;will-change:transform}.trajectory-point-row{grid-template-columns:40px 1fr 1fr 1fr}.link-id-row,.trajectory-point-row{display:grid;align-items:center;width:100%;height:28px;font:500 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.link-id-row{grid-template-columns:40px 1fr}.link-tooltip-popup .maplibregl-popup-content{padding:0;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);box-shadow:0 2px 10px rgb(0 0 0/12%);color:var(--panel-text);font:500 13px/1.25 ui-sans-serif,system-ui,sans-serif;width:max-content;max-width:calc(100vw - 24px);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tooltip-pop-in .16s ease-out}.link-tooltip-popup .maplibregl-popup-tip{display:none}.link-tooltip{display:grid;min-width:270px;gap:0}.link-tooltip .point-value{padding:5px 6px 5px 10px}.icon-button>span{display:grid;place-items:center}@keyframes tooltip-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trajectory-point-line{color:color-mix(in srgb,var(--panel-text) 45%,transparent);padding-left:8px}.trajectory-point-cell{min-width:0;height:28px;overflow:hidden;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.trajectory-point-cell:hover{background:var(--panel-hover)}@media (max-width:680px){.trajectory-point-row{grid-template-columns:32px 1fr 1fr 1fr}.trajectory-point-cell{padding:0 4px}}.icon-button,.map-tool-button{display:inline-grid;place-items:center;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.icon-button{width:28px;height:28px}.icon-button:hover,.map-tool-button:hover,.receipt-toggle[aria-pressed=true]{background:var(--panel-hover)}.map-tool-button{position:absolute;display:flex;align-items:center;justify-content:center;top:84px;right:11px;z-index:1;width:29px;height:29px;padding:0;border:0;border-radius:7px;background:var(--panel);color:var(--tool-icon);outline:1px solid var(--tool-border);outline-offset:0;box-shadow:0 0 0 3px var(--tool-glow),0 2px 8px rgb(0 0 0/12%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-tool-button svg{display:block;margin:0 2px 0 0}.map-tool-button:hover,.map-tool-button[aria-pressed=true]{background:var(--tool-hover)}.map-tool-button:focus-visible{background:var(--tool-hover);outline:1px solid var(--tool-border);outline-offset:0}.area-zoom-button{top:127px}.area-zoom-overlay{position:absolute;inset:0;z-index:0;cursor:crosshair}.area-zoom-selection{position:absolute;border:2px solid #2563eb;background:rgb(37 99 235/12%);pointer-events:none}.point-card{position:absolute;z-index:1;min-width:270px;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);box-shadow:0 2px 10px rgb(0 0 0/12%);color:var(--panel-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(12px,calc(-100% - 12px))}.point-value{display:flex;min-width:0;align-items:center;gap:6px;padding:5px 6px 5px 10px;font:500 13px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.point-value span{flex:1 1;min-width:0;overflow-wrap:anywhere}