@font-face{font-family:Rubik;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/rubik-400.woff2) format("woff2")}@font-face{font-family:Rubik;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/rubik-500.woff2) format("woff2")}@font-face{font-family:Rubik;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/rubik-600.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/nunito-600.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/nunito-700.woff2) format("woff2")}:root,:root[data-theme=dark]{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--font-body: Rubik, Arial, sans-serif;--font-heading: Nunito, Arial, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--text-display: 64px;--line-height: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--duration-press: .16s;--duration-soft: .3s;--ease: cubic-bezier(.2,.7,.3,1);--content-max: 1240px;--canvas: #111213;--surface: #1a1c1e;--surface-high: #232629;--surface-low: #111315;--shadow: #090a0b;--highlight: #2b2e30;--accent: #ff862e;--accent-start: #e96610;--accent-end: #ff943b;--ink: #f0f0ed;--muted: #b3b5b6;--subtle: #999d9f;--on-accent: #1d130a;--line: #303437;--focus: #ffb36e;--success: #8ac49d;--warning: #e5bd71;--danger: #ff9590;--raise: 7px 7px 16px #090a0b, -5px -5px 13px #2b2e3055;--raise-small: 4px 4px 10px #090a0b, -3px -3px 9px #2b2e3070;--inset: inset 5px 5px 12px #090a0b, inset -4px -4px 10px #2b2e3045;--inset-small: inset 3px 3px 7px #090a0b, inset -2px -2px 7px #2b2e3060;--active-shadow: 3px 4px 10px #090a0b, -2px -2px 7px #ff9f3530;--gradient: linear-gradient(120deg, #e96610, #ff943b);--rail-edge: #652714;--map-road: #292d30;--map-block: #171a1c;--hud-center: #121416;--digital-off: #402817;--m-car: #ff6f61;--m-bike: #5fd38f;--m-train: #b896ff;--m-plane: #6aaeff;--m-boat: #4fcbe0;--m-walk: #f3c94f;--backdrop: #00000060}:root[data-theme=light]{--canvas: #eaeae6;--surface: #f0f0ed;--surface-high: #f8f8f5;--surface-low: #e5e5df;--shadow: #cecec6;--highlight: #ffffff;--accent: #ae4206;--accent-start: #9f3600;--accent-end: #ba4c00;--ink: #222629;--muted: #575e62;--subtle: #61696d;--on-accent: #ffffff;--line: #d5d6cf;--focus: #9f3600;--success: #326b49;--warning: #795516;--danger: #a2362e;--raise: 7px 7px 16px #cfcfc7, -6px -6px 15px #ffffff;--raise-small: 4px 4px 10px #d0d0c8, -4px -4px 10px #ffffff;--inset: inset 5px 5px 12px #d1d1c9, inset -4px -4px 11px #ffffff;--inset-small: inset 3px 3px 7px #d1d1c9, inset -3px -3px 7px #ffffff;--active-shadow: 3px 4px 10px #c6bfb6, -2px -2px 7px #ffffff;--gradient: linear-gradient(120deg, #9f3600, #ba4c00);--rail-edge: #71321b;--map-road: #d4d7d2;--map-block: #e7e9e3;--hud-center: #f4f4f0;--digital-off: #e1d6c9;--m-car: #b8342b;--m-bike: #2b7a4b;--m-train: #6c43bf;--m-plane: #2160b0;--m-boat: #0f6f84;--m-walk: #7f5f00;--backdrop: #22262940}*{box-sizing:border-box}[hidden]{display:none!important}html{background-color:var(--canvas);-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--canvas);color:var(--ink);font:400 var(--text-base)/var(--line-height) var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled,input:disabled{opacity:.45;cursor:not-allowed}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}h1,h2,h3{font-family:var(--font-heading);color:var(--ink)}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--subtle);font-weight:500;display:block;line-height:1.5;margin:0;text-transform:uppercase}.num{font-variant-numeric:tabular-nums}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--raise-small);min-height:44px;padding:12px 20px;font-size:12px;border:1px solid #ffffff03;transition:box-shadow var(--duration-press) var(--ease),color var(--duration-press) var(--ease)}.button:active,.icon-button:active{box-shadow:var(--inset-small)}.button.primary,.icon-button.active{background:var(--gradient);color:var(--on-accent);box-shadow:var(--active-shadow);font-weight:500;border-color:#ff9b6533}.button.sunken{box-shadow:var(--inset)}.button.danger{color:var(--danger)}.full{width:100%}.icon-button{height:44px;width:44px;padding:0;border-radius:50%;color:var(--accent)}.icon-button[aria-pressed=true]{box-shadow:var(--inset-small);color:var(--focus)}.panel{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--raise);padding:24px;border:1px solid #ffffff03;min-width:0}.inset{box-shadow:var(--inset-small);border-radius:var(--radius-sm)}.segmented{display:flex;gap:4px;background:var(--surface);box-shadow:var(--inset-small);padding:5px;border-radius:var(--radius-pill)}.segmented button{flex:1;background:none;border-radius:var(--radius-pill);padding:9px 8px;font-size:12px;color:var(--muted);min-height:40px}.segmented button[aria-pressed=true]{background:var(--gradient);color:var(--on-accent);box-shadow:var(--active-shadow)}.switch{width:53px;height:28px;border-radius:20px;background:var(--surface-low);box-shadow:var(--inset-small);padding:4px;position:relative;flex-shrink:0}.switch[aria-checked=true]{background:var(--gradient);box-shadow:var(--inset-small)}.switch span{height:22px;width:22px;position:absolute;left:3px;top:3px;box-shadow:var(--raise-small);background:linear-gradient(145deg,var(--surface-high),var(--surface));border-radius:50%;transition:transform var(--duration-press) var(--ease)}.switch[aria-checked=true] span{transform:translate(25px);background:var(--surface-high)}.switch:before{content:"";position:absolute;inset:-8px 0}.trip-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-tile{background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small);border-radius:14px;padding:20px 17px;display:flex;flex-direction:column;align-items:start;min-height:132px}.metric-tile>svg{color:var(--accent);height:23px;width:23px;margin-bottom:22px}.metric-tile>span{font-size:9px;text-transform:uppercase;color:var(--subtle);margin-bottom:9px;letter-spacing:.4px}.metric-tile>strong{font:500 19px var(--font-heading);line-height:1.2;font-variant-numeric:tabular-nums}.trip-totals{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trip-totals>div{display:flex;flex-direction:column;align-items:start;gap:7px;padding:14px;box-shadow:var(--raise-small);background:var(--surface);border-radius:12px}.trip-totals span{font-size:9px;color:var(--subtle);text-transform:uppercase}.trip-totals strong{font-size:16px;color:var(--ink);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.route-map{border-radius:15px;overflow:hidden;background:var(--map-block);box-shadow:var(--inset-small)}.map-block{fill:var(--map-block)}.map-roads{stroke:var(--map-road);stroke-width:13;fill:none}.map-roads .minor{stroke-width:5}.street-labels text{font:8px var(--font-body);fill:var(--subtle);letter-spacing:.4px;stroke:none}.map-route{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.route-car{fill:var(--accent);stroke:var(--hud-center);stroke-width:2}.map-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--subtle);padding:11px 15px;border-top:1px solid var(--line)}.drive-nav-button{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;background:none;padding:8px 5px;color:var(--subtle);font-size:9px;letter-spacing:.4px;text-transform:uppercase;min-width:75px;min-height:48px}.drive-nav-button>svg{height:21px;width:21px}.drive-nav-button[aria-pressed=true],.drive-nav-button[aria-current=page]{color:var(--accent)}.drive-start{height:66px;width:66px;min-width:66px;border-radius:50%;background:var(--gradient);color:var(--on-accent);box-shadow:0 0 0 6px var(--surface),0 0 0 8px var(--line),5px 6px 15px var(--shadow);display:grid;place-items:center;margin-top:-23px}.drive-start svg{height:27px;width:27px}.drive-start[aria-pressed=true]{box-shadow:0 0 0 6px var(--surface),0 0 0 8px var(--line),var(--inset)}dialog{width:calc(100% - 40px);max-width:450px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--raise);max-height:85dvh;overflow:auto}dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(4px)}dialog.sheet{margin:auto auto 0;max-width:580px;width:100%;border-radius:28px 28px 0 0;padding-bottom:calc(28px + env(safe-area-inset-bottom))}dialog h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0 0 12px}dialog p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 18px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(110px + env(safe-area-inset-bottom));max-width:calc(100% - 35px);width:max-content;padding:10px 12px 10px 18px;background:var(--surface-high);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;box-shadow:var(--raise);font-size:12px;color:var(--ink);z-index:1000;display:flex;align-items:center;gap:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}