:root{color:#20392b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3ee;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100dvh}.map-screen{width:100%;height:100dvh;position:relative}.map-canvas{width:100%;height:100%;position:relative}.vecino-panel{z-index:2}.vecino-panel[hidden]{display:none}.route-loading{color:#24583d;text-align:left;background:#edf5ef;border-radius:10px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;font-size:14px;line-height:1.45;display:flex}.route-loading p{margin:4px 0 0;font-size:13px}.route-loading-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 18px;width:18px;height:18px;margin-top:2px;animation:.28s linear infinite route-loading-spin}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-loading-spinner{animation:none}}:root[data-theme=dark] .route-loading{color:#c1ecd1;background:#23372b}.trip-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.panel-map-controls{border-top:1px solid #dbe5de;margin-top:12px;padding-top:8px}.layer-options{flex-wrap:wrap;column-gap:12px;display:flex;position:relative}.layer-control{align-items:center;gap:2px;display:flex}.layer-control label,.history-toggle{cursor:pointer;align-items:center;gap:6px;min-height:44px;font-size:13px;display:inline-flex}.layer-control input,.history-toggle input{accent-color:#24583d;width:18px;height:18px;margin:0}.reports-label{font-size:13px}.info-button{color:#24583d;width:32px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.info-button:focus-visible,.time-slider input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #24583d}.layer-help{z-index:5;color:#20392b;background:#fff;border:1px solid #b9cdbf;border-radius:10px;width:100%;padding:12px;font-size:13px;line-height:1.5;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #183b2933}.layer-help[hidden]{display:none}.layer-help p{margin:0 0 8px}.layer-help p:last-child{margin-bottom:0}.layer-help .hazards-status{width:100%;box-shadow:none;border-radius:0;margin-top:8px;padding:0;font-size:12px;position:static}.history-endpoints{color:#526159;justify-content:space-between;margin-bottom:6px;display:flex}@media (width<=600px),(height<=740px){.main-map.map-screen{flex-direction:column;height:auto;min-height:100dvh;display:flex}.main-map .vecino-panel{order:1;width:calc(100% - 32px);margin:16px;position:relative;top:auto;left:auto}.main-map .map-canvas{flex:none;order:2;height:45dvh;min-height:320px}.main-map .route-card{order:3;width:calc(100% - 32px);margin:16px;position:relative;bottom:auto;left:auto}}.time-slider{border-top:1px solid #dbe5de;padding:10px 0 0;font-size:12px}.slider-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slider-heading .location-button{margin:0 0 0 auto;padding:6px;font-size:12px}.time-slider input{accent-color:#24583d;width:100%;min-height:32px;display:block}.time-slider p{color:#526159;margin:0}.severity-legend{gap:12px;width:100%;margin:0;display:flex}.severity-icon{font-size:18px}.incidents-status{color:#526159;width:100%;margin:4px 0;font-size:12px}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popup-enter{0%{opacity:0}to{opacity:1}}@keyframes route-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.map-geometry{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.report-shape{animation:.2s ease-out popup-enter}.route-shape{stroke-dasharray:1;stroke-dashoffset:0;animation:.24s ease-out route-draw}.route-card{animation:.22s ease-out card-enter}.report-popup{animation:.18s ease-out popup-enter}@media (prefers-reduced-motion:reduce){.route-card,.report-popup,.report-shape,.route-shape{animation:none}}.vecino-panel{top:calc(16px + env(safe-area-inset-top));background:#fff;border-radius:16px;width:min(420px,100% - 32px);max-height:none;padding:16px;position:absolute;left:16px;overflow:visible;box-shadow:0 4px 20px #183b2926}.vecino-panel h1{color:#24583d;margin:0;font-family:Faculty Glyphic,sans-serif;font-size:24px;font-weight:400}.panel-subtitle{color:#526159;margin:2px 0 0;font-size:14px}.address-field{margin-top:12px}.address-label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.address-field gmp-place-autocomplete{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;display:block}.address-status,.trip-status{color:#526159;margin:6px 0 0;font-size:13px}.address-status:empty{display:none}.trip-status{margin-top:12px}.location-button{color:#24583d;min-height:44px;font:inherit;cursor:pointer;background:#f3f8f4;border:1px solid #b9cdbf;border-radius:8px;margin-top:6px;padding:8px 12px;font-size:14px}.location-button:focus-visible{outline-offset:3px;outline:3px solid #24583d}.travel-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #24583d}.current-location{background:#f3f8f4;border-radius:8px;margin:0;padding:12px;font-size:14px}.travel-modes{border:0;margin:14px 0 0;padding:0}.travel-modes legend{margin-bottom:6px;font-size:14px;font-weight:600}.travel-options{gap:8px;display:flex}.travel-option{cursor:pointer;border:1px solid #b9cdbf;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:14px;display:flex}.travel-option:has(input:checked){color:#24583d;background:#e4f0e8;border-color:#24583d}.travel-option input{accent-color:#24583d;margin:0}.setup-message{max-width:480px;margin:48px auto;padding:24px}.sample-button{color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#24583d;border:0;border-radius:8px;margin-top:12px;padding:10px;font-size:14px}.sample-button:focus-visible{outline-offset:3px;outline:3px solid #24583d}.sample-button:disabled,.location-button:disabled{opacity:.55;cursor:default}.sample-link{width:100%}.route-card .route-details{margin-top:8px;font-size:13px}.route-warning{color:#573b0b;background:#fff4d6;border:2px solid #986719;border-radius:8px;margin-bottom:12px;padding:12px}.follow-me{z-index:3;text-align:right;max-width:min(300px,100% - 24px);position:absolute;top:12px;right:12px}.follow-me .location-button{background:#fff;margin:0;box-shadow:0 2px 8px #183b2933}.follow-me .location-button[aria-pressed=true]{color:#fff;background:#1a73e8;border-color:#1a73e8}.follow-status{color:#20392b;text-align:left;background:#fff;border-radius:8px;margin:6px 0 0;padding:8px 10px;font-size:13px;box-shadow:0 2px 8px #183b2933}.follow-status.off-route{color:#573b0b;background:#fff4d6;border:2px solid #986719}.sighting-notice{color:#1d4d33;background:#e8f5ee;border-color:#2e8b57}.route-warning strong{margin-bottom:6px;font-size:15px;display:block}.route-card{max-height:none;overflow:visible}.hazards-status.with-route{top:90px;bottom:auto}.demo-heading,.demo-card{background:#fff;border-radius:16px;width:min(420px,100% - 32px);padding:16px;position:absolute;left:16px;box-shadow:0 4px 20px #183b2926}.demo-heading{top:calc(16px + env(safe-area-inset-top));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.panel-title,.heading-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.heading-controls{flex-wrap:wrap}.language-select select{color:#24583d;max-width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #b9cdbf;border-radius:8px;padding:8px;font-size:14px}.language-select select:focus-visible{outline-offset:2px;outline:3px solid #24583d}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-heading .location-button{margin:0}.demo-card{bottom:calc(30px + env(safe-area-inset-bottom))}.demo-card h2{margin:10px 0;font-size:20px}.demo-card p{margin:0;font-size:14px;line-height:1.4}.demo-card .demo-notice{color:#526159;font-size:12px}.map-legend{flex-wrap:wrap;gap:10px 16px;margin:12px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.map-legend li{align-items:center;gap:6px;display:flex}.legend-detour,.legend-normal{border-top:4px solid #24764c;width:22px}.legend-normal{background:#dadce0;border:2px solid #5f6368bf;border-radius:4px;height:5px}.legend-report{background:#b85f6173;border:1px solid #a95356;border-radius:50%;width:12px;height:12px}.report-popup{color:#20392b;font:14px/1.5 system-ui,Segoe UI,sans-serif}.incident-popup-title{color:#20392b;font:600 15px/1.5 system-ui,Segoe UI,sans-serif}.incident-popup-title span{color:#36576c;margin-right:4px}.report-popup p{margin:0 0 8px}.report-popup p:last-child{color:#526159;margin:0;font-size:12px}.hazards-status{bottom:calc(30px + env(safe-area-inset-bottom));color:#526159;background:#fff;border-radius:12px;width:min(360px,100% - 80px);margin:0;padding:12px 16px;font-size:13px;line-height:1.4;position:absolute;left:16px;box-shadow:0 4px 20px #183b2926}.hazards-status.fade-status{top:140px;bottom:auto}.fade-card{max-height:40dvh;overflow-y:auto}.fade-label{margin-top:12px;font-weight:600;display:block}.fade-output{margin-top:4px;display:block}.fade-card input[type=range]{accent-color:#24583d;width:100%;min-height:44px;margin:0;display:block}.fade-card input:focus-visible{outline-offset:2px;outline:3px solid #24583d}.fade-endpoints{color:#526159;justify-content:space-between;font-size:13px;display:flex}.theme-toggle{min-width:44px;margin:0;padding:8px;font-size:18px;line-height:1}:root[data-theme=dark]{color:#e3ece6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111714}:root[data-theme=dark] .vecino-panel,:root[data-theme=dark] .demo-heading,:root[data-theme=dark] .demo-card,:root[data-theme=dark] .hazards-status,:root[data-theme=dark] .layer-help{color:#e3ece6;background:#1c2420;border-color:#3a4a41;box-shadow:0 4px 20px #0009}:root[data-theme=dark] .vecino-panel h1,:root[data-theme=dark] .info-button{color:#8fd6ad}:root[data-theme=dark] .panel-subtitle,:root[data-theme=dark] .address-status,:root[data-theme=dark] .trip-status,:root[data-theme=dark] .history-endpoints,:root[data-theme=dark] .time-slider p,:root[data-theme=dark] .incidents-status,:root[data-theme=dark] .demo-card .demo-notice,:root[data-theme=dark] .fade-endpoints,:root[data-theme=dark] .hazards-status{color:#a9b9af}:root[data-theme=dark] .panel-map-controls,:root[data-theme=dark] .time-slider{border-top-color:#33413a}:root[data-theme=dark] .location-button,:root[data-theme=dark] .language-select select,:root[data-theme=dark] .current-location{color:#cfe8d9;background:#26312b;border-color:#3f5046}:root[data-theme=dark] .travel-option{border-color:#3f5046}:root[data-theme=dark] .travel-option:has(input:checked){color:#e3f5ea;background:#2c4a39;border-color:#6cc496}:root[data-theme=dark] .sample-button{background:#2f7a52}:root[data-theme=dark] .layer-control input,:root[data-theme=dark] .history-toggle input,:root[data-theme=dark] .travel-option input,:root[data-theme=dark] .time-slider input{accent-color:#6cc496}:root[data-theme=dark] .address-field gmp-place-autocomplete{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .route-warning{color:#f4e2b8;background:#3a2f14;border-color:#c9973a}:root[data-theme=dark] .sighting-notice{color:#cdebd9;background:#16301f;border-color:#3fae74}:root[data-theme=dark] .location-button:focus-visible,:root[data-theme=dark] .sample-button:focus-visible,:root[data-theme=dark] .language-select select:focus-visible{outline-color:#8fd6ad}:root[data-theme=dark] .route-shape{stroke:#3cc07e}:root[data-theme=dark] .legend-detour{border-top-color:#3cc07e}:root[data-theme=dark] .follow-me .location-button{background:#1c2420}:root[data-theme=dark] .follow-me .location-button[aria-pressed=true]{color:#fff;background:#1a73e8;border-color:#1a73e8}:root[data-theme=dark] .follow-status{color:#e3ece6;background:#1c2420;box-shadow:0 2px 8px #0009}:root[data-theme=dark] .follow-status.off-route{color:#f4e2b8;background:#3a2f14;border-color:#c9973a}.follow-status.off-route p{margin:0}.follow-status.off-route .sample-button{margin-top:8px}.report-popup{padding-top:4px;position:relative}.report-popup>strong{padding-right:32px;display:block}.report-popup-close{color:#20392b;cursor:pointer;background:#fff;border:0;border-radius:4px;width:32px;height:32px;padding:0;font:22px/1 system-ui,sans-serif;position:absolute;top:-6px;right:-6px}.report-popup-close:focus-visible{outline:2px solid #24583d}.nav-card{color:#20392b;text-align:left;background:#fff;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:14px;box-shadow:0 2px 8px #183b2933}.nav-card p{margin:0}.nav-turn{line-height:1.35}.nav-eta{color:#526159;font-size:12px;margin-top:4px!important}:root[data-theme=dark] .nav-card{color:#e3ece6;background:#1c2420;box-shadow:0 2px 8px #0009}:root[data-theme=dark] .nav-eta{color:#a9b9af}.route-shape.no-draw{animation:none}.route-card[hidden]{display:none}.start-trip{font-size:16px;font-weight:600}.navigating .vecino-panel{display:none}.navigating.main-map.map-screen .map-canvas,.navigating .map-canvas{height:100dvh}.sample-card{max-height:42vh;overflow-y:auto}.arrival-backdrop{z-index:50;background:#0f1a1466;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.arrival-card{color:#20392b;text-align:center;background:#fff;border-radius:16px;width:min(360px,100%);padding:24px;animation:.22s ease-out card-enter;box-shadow:0 8px 32px #0005}.arrival-card h2{margin:8px 0;font-size:22px}.arrival-card p{color:#526159;margin:0 0 8px;font-size:14px}.arrival-card .sample-button{margin-top:12px;font-size:16px}.arrival-check{color:#fff;background:#24764c;border-radius:50%;width:56px;height:56px;margin:0 auto;font-size:30px;line-height:56px}:root[data-theme=dark] .arrival-card{color:#e3ece6;background:#1c2420}:root[data-theme=dark] .arrival-card p{color:#a9b9af}@media (prefers-reduced-motion:reduce){.arrival-card{animation:none}}.vecino-brand{color:#123f32;white-space:nowrap;letter-spacing:-2px;align-items:flex-start;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:700;line-height:1;display:inline-flex}.vecino-brand img{width:28px;height:35px;margin:-3px 0 0 3px}:root[data-theme=dark] .vecino-brand{color:#d7eee2}.panel-title{flex-wrap:wrap;row-gap:8px}