:root{color-scheme:light dark;--ggv-color-primary:#50aa61;--ggv-color-primary-text:#326b3d;--ggv-color-cta:#3b7d47;--ggv-color-cta-dark:#295c34;--ggv-color-on-cta:#fff;--ggv-color-secondary:#f3c549;--ggv-color-secondary-dark:#d97706;--ggv-color-surface:#f4f4f4;--ggv-color-text:#121212;--ggv-color-success:#34d399;--ggv-color-error:#ef4444;--ggv-color-overlay-bg:#000000b3;--ggv-color-gray:#6b7280;--ggv-color-disabled:#888;--ggv-color-amber:#fbbf24;--ggv-glass-bg:#ffffffd9;--ggv-glass-bg-fallback:#fffffff2;--ggv-color-text-tint:#12121214;--ggv-color-text-tint-hover:#1212121f;--ggv-gradient-primary:linear-gradient(135deg, var(--ggv-color-cta) 0%, var(--ggv-color-cta-dark) 100%);--ggv-gradient-brand:linear-gradient(135deg, var(--ggv-color-primary), var(--ggv-color-secondary));--ggv-gradient-overlay:linear-gradient(135deg, #50aa61bf 0%, #f3c549b3 100%);--ggv-gradient-exit:linear-gradient(135deg, var(--ggv-color-secondary) 0%, var(--ggv-color-secondary-dark) 100%);--ggv-gradient-accent-bar:linear-gradient(90deg, var(--ggv-color-primary), var(--ggv-color-secondary));--ggv-gradient-exit-overlay:linear-gradient(135deg, #f3c549cc 0%, #fbbf24bf 100%);--ggv-space-xs:.25rem;--ggv-space-sm:.5rem;--ggv-space-pill-y:.625rem;--ggv-space-pill-inset:.75rem;--ggv-space-md:1rem;--ggv-space-lg:1.5rem;--ggv-space-xl:2rem;--ggv-space-2xl:3rem;--ggv-touch-target-min:2.75rem;--ggv-touch-target-cta:3.5rem;--ggv-z-map:0;--ggv-z-logo:800;--ggv-z-nav:900;--ggv-z-overlay:1000;--ggv-font-primary:"Madimi One", cursive, sans-serif;--ggv-font-size-xs:.75rem;--ggv-font-size-sm:.875rem;--ggv-font-size-base:1rem;--ggv-font-size-lg:1.125rem;--ggv-font-size-xl:1.5rem;--ggv-font-weight-semibold:600;--ggv-font-weight-bold:700;--ggv-radius-sm:.5rem;--ggv-radius-md:.75rem;--ggv-radius-lg:1rem;--ggv-radius-xl:1.5rem;--ggv-radius-full:50%;--ggv-shadow-text:0 1px 2px #00000026;--ggv-shadow-button:0 4px 15px #50aa6166;--ggv-shadow-button-hover:0 8px 25px #50aa6180;--ggv-shadow-dialog:0 25px 50px -12px #00000040;--ggv-shadow-strong:0 8px 25px #0003;--ggv-shadow-pill:0 2px 12px #00000026;--ggv-transition-fast:.15s ease;--ggv-transition-normal:.2s ease;--ggv-spring-modal-duration:1.35s;--ggv-spring-modal:cubic-bezier(.21, .53, .07, 1.06);--ggv-spring-slide-duration:.5s;--ggv-spring-slide:cubic-bezier(.26, .3, .18, 1.11);--ggv-spring-pill-duration:.55s;--ggv-spring-pill:cubic-bezier(.38, 1.06, .08, 1.08);--ggv-opacity-overlay-text:.7;--ggv-opacity-disabled:.6;--ggv-opacity-border:.15}@media (prefers-color-scheme:dark){:root{--ggv-color-primary-text:#52ae63;--ggv-color-surface:#1a1a1a;--ggv-color-text:#e8e8e8;--ggv-color-success:#4ade80;--ggv-color-error:#f87171;--ggv-glass-bg:#1e1e1ee6;--ggv-glass-bg-fallback:#1e1e1ef2;--ggv-color-text-tint:#e8e8e814;--ggv-color-text-tint-hover:#e8e8e81f;--ggv-gradient-overlay:linear-gradient(135deg, #50aa6199 0%, #f3c5498c 100%);--ggv-gradient-exit-overlay:linear-gradient(135deg, #f3c549b3 0%, #fbbf24a6 100%);--ggv-shadow-text:0 1px 2px #0006;--ggv-shadow-dialog:0 25px 50px -12px #00000080;--ggv-shadow-strong:0 8px 25px #0006;--ggv-shadow-pill:0 2px 12px #0000004d}}@font-face{font-family:Madimi One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/madimi-one-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Madimi One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/madimi-one-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100svh;min-height:100%}body{height:100svh;min-height:-webkit-fill-available;font-family:var(--ggv-font-primary);background:linear-gradient(135deg, var(--ggv-color-primary), var(--ggv-color-secondary), var(--ggv-color-primary));width:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;height:100svh;min-height:-webkit-fill-available;display:flex;overflow:hidden}h1{font-size:1.2em;line-height:1.1}p{border:none;text-decoration:none}input,select,textarea{font-size:16px!important}.maplibregl-ctrl-attrib.maplibregl-compact-show:not(:focus):not(:hover){visibility:visible;padding:2px 24px 2px 0}.maplibregl-ctrl-attrib.maplibregl-compact-show:not(:focus):not(:hover) .maplibregl-ctrl-attrib-inner{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{width:100vw;height:100svh;position:relative;overflow:hidden}.map-container{width:100%;height:100%;z-index:var(--ggv-z-map);position:absolute;top:0;left:0}.ggv-logo{top:var(--ggv-space-md);z-index:var(--ggv-z-logo);height:var(--ggv-space-2xl);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.maplibregl-ctrl-bottom-right{bottom:var(--ggv-space-xl);right:.75rem}.overlay{background-color:var(--ggv-color-overlay-bg);width:100%;height:100%;z-index:var(--ggv-z-overlay);padding:var(--ggv-space-md);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal{background:var(--ggv-color-surface);border-radius:var(--ggv-radius-xl);padding:var(--ggv-space-xl) var(--ggv-space-lg);width:100%;max-width:100%;box-shadow:var(--ggv-shadow-dialog);text-align:center;position:relative;overflow:hidden}.modal:before{content:"";background:var(--ggv-gradient-accent-bar);height:5px;position:absolute;top:0;left:0;right:0}.modal h1{font-family:var(--ggv-font-primary);font-size:var(--ggv-font-size-xl);font-weight:var(--ggv-font-weight-bold);margin-bottom:var(--ggv-space-xs);text-align:center;color:var(--ggv-color-text)}.modal p{color:var(--ggv-color-text);opacity:var(--ggv-opacity-overlay-text);margin-bottom:var(--ggv-space-lg);line-height:1.6}.overlay-icon-wrapper{width:5rem;height:5rem;margin:0 auto var(--ggv-space-lg);background:var(--ggv-gradient-brand);border-radius:var(--ggv-radius-full);box-shadow:var(--ggv-shadow-strong);justify-content:center;align-items:center;display:flex;position:relative}.overlay-icon-wrapper:after{content:"";border:3px dashed var(--ggv-color-primary);border-radius:var(--ggv-radius-full);opacity:.4;animation:2s ease-in-out infinite gps-pulse;position:absolute;inset:-10px}@keyframes gps-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.overlay-icon{width:2.5rem;height:2.5rem;color:var(--ggv-color-surface)}.overlay-tagalog{font-size:var(--ggv-font-size-base);color:var(--ggv-color-primary-text);margin-bottom:var(--ggv-space-md);font-style:italic}.overlay-description{color:var(--ggv-color-text);opacity:var(--ggv-opacity-overlay-text);margin-bottom:var(--ggv-space-xl);font-size:1.0625rem;line-height:1.6}.overlay-btn-primary{width:100%;padding:var(--ggv-space-md) var(--ggv-space-lg);min-height:var(--ggv-touch-target-cta);background:var(--ggv-gradient-primary);color:var(--ggv-color-on-cta);font-family:var(--ggv-font-primary);font-weight:var(--ggv-font-weight-bold);font-size:var(--ggv-font-size-lg);border-radius:var(--ggv-radius-lg);cursor:pointer;transition:all var(--ggv-transition-normal);box-shadow:var(--ggv-shadow-button);border:none;justify-content:center;align-items:center;gap:.75rem;display:flex}.overlay-btn-primary:hover{box-shadow:var(--ggv-shadow-button-hover);transform:translateY(-3px)}.overlay-btn-primary:active{transform:translateY(-1px)}.overlay-btn-primary:disabled{opacity:var(--ggv-opacity-disabled);cursor:not-allowed;transform:none}.overlay-btn-secondary{width:100%;padding:.875rem var(--ggv-space-lg);background:var(--ggv-color-text-tint);color:var(--ggv-color-text);font-weight:var(--ggv-font-weight-semibold);font-size:var(--ggv-font-size-base);border-radius:var(--ggv-radius-md);cursor:pointer;transition:all var(--ggv-transition-normal);justify-content:center;align-items:center;gap:var(--ggv-space-sm);border:none;display:flex}.overlay-btn-secondary:hover{background:var(--ggv-color-text-tint-hover)}.overlay-btn-icon{width:1.375rem;height:1.375rem}.error-message{color:var(--ggv-color-gray);margin-bottom:var(--ggv-space-md);font-size:var(--ggv-font-size-sm);background:0 0;padding:.75rem 0}.gps-overlay{background:var(--ggv-gradient-overlay)}.gps-tagalog{text-shadow:var(--ggv-shadow-text)}.gps-version{margin-top:var(--ggv-space-lg);font-size:var(--ggv-font-size-xs);color:var(--ggv-color-text);opacity:.4}.gps-btn-disabled{background:var(--ggv-color-disabled);opacity:var(--ggv-opacity-disabled)}.tagalog-inline{color:var(--ggv-color-primary-text);margin-top:var(--ggv-space-sm);text-shadow:var(--ggv-shadow-text);font-size:.9em;font-style:italic;display:block}@supports (-webkit-touch-callout:none){.app-container{height:-webkit-fill-available}}.welcome-overlay{background:var(--ggv-gradient-overlay)}.welcome-offline{margin:calc(-1 * var(--ggv-space-sm)) 0 var(--ggv-space-lg);text-align:left;font-size:var(--ggv-font-size-sm);color:var(--ggv-color-text)}.welcome-offline p{margin:0 0 var(--ggv-space-sm)}.welcome-block-selector{margin-bottom:var(--ggv-space-lg);text-align:left}.welcome-block-selector label{font-weight:var(--ggv-font-weight-semibold);color:var(--ggv-color-text);margin-bottom:var(--ggv-space-sm);font-size:var(--ggv-font-size-sm);display:block}.welcome-select{width:100%;padding:.875rem var(--ggv-space-md);border:2px solid rgba(18, 18, 18, var(--ggv-opacity-border));border-radius:var(--ggv-radius-md);font-size:var(--ggv-font-size-base);background:var(--ggv-color-surface);cursor:pointer;transition:all var(--ggv-transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ggv-space-md) center;background-size:var(--ggv-space-md)}.welcome-select:focus{border-color:var(--ggv-color-primary);outline:none;box-shadow:0 0 0 3px #50aa6126}@media (forced-colors:active){.welcome-select:focus{outline-offset:2px;outline:2px solid}}.arrived-overlay{pointer-events:none;padding:var(--ggv-space-lg) var(--ggv-space-md);padding-top:calc(var(--ggv-space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--ggv-space-lg) + env(safe-area-inset-bottom,0px));background:0 0;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.arrived-overlay .modal{pointer-events:auto}.arrived-top-modal .overlay-description{margin-bottom:0}.arrived-bottom-modal:before{display:none}.arrived-modal:before{background:linear-gradient(90deg, var(--ggv-color-primary), var(--ggv-color-success))}.arrived-icon-wrapper{background:linear-gradient(135deg, var(--ggv-color-primary), var(--ggv-color-success));animation:.6s ease-out success-bounce}@keyframes success-bounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.arrived-icon-wrapper:after{border:3px solid var(--ggv-color-primary);opacity:0;border-style:solid;animation:1s ease-out .3s forwards success-ring}@keyframes success-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.arrived-overlay .overlay-btn-primary{margin-bottom:.75rem}.arrived-exit-icon{width:var(--ggv-font-size-lg);height:var(--ggv-font-size-lg);opacity:var(--ggv-opacity-overlay-text)}.exit-overlay{background:var(--ggv-gradient-exit-overlay)}.exit-modal:before{background:linear-gradient(90deg, var(--ggv-color-secondary), var(--ggv-color-amber))}.exit-icon-wrapper{background:linear-gradient(135deg, var(--ggv-color-secondary), var(--ggv-color-amber))}.exit-icon-wrapper:after{border-color:var(--ggv-color-secondary)}.exit-tagalog{color:var(--ggv-color-secondary-dark)}.error-overlay{background:var(--ggv-gradient-brand)}.error-modal:before{background:linear-gradient(90deg, var(--ggv-color-error), var(--ggv-color-secondary))}.error-icon-wrapper{background:linear-gradient(135deg, var(--ggv-color-error), var(--ggv-color-secondary))}.error-icon-wrapper:after{display:none}.error-details{text-align:left;margin-bottom:var(--ggv-space-lg);font-size:var(--ggv-font-size-xs);color:var(--ggv-color-gray)}.error-details summary{cursor:pointer;margin-bottom:var(--ggv-space-sm)}.error-details pre{background:var(--ggv-color-text-tint);border-radius:var(--ggv-radius-sm);white-space:pre-wrap;word-break:break-word;padding:.75rem;overflow:auto}.nav-top-pill{top:calc(env(safe-area-inset-top,0px) + var(--ggv-space-pill-inset));left:var(--ggv-space-md);right:var(--ggv-space-md);z-index:var(--ggv-z-nav);padding:var(--ggv-space-pill-y) var(--ggv-space-md);justify-content:space-between;align-items:center;gap:var(--ggv-space-pill-inset);background:var(--ggv-glass-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--ggv-radius-xl);box-shadow:var(--ggv-shadow-pill);font-family:var(--ggv-font-primary);color:var(--ggv-color-text);display:flex;position:fixed}.nav-bottom-strip{bottom:calc(env(safe-area-inset-bottom,0px) + var(--ggv-space-pill-inset));left:var(--ggv-space-md);right:var(--ggv-space-md);z-index:var(--ggv-z-nav);padding:var(--ggv-space-pill-inset) var(--ggv-space-md);background:var(--ggv-glass-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--ggv-radius-xl);box-shadow:var(--ggv-shadow-pill);font-family:var(--ggv-font-primary);color:var(--ggv-color-text);justify-content:space-between;align-items:center;display:flex;position:fixed}@supports not (backdrop-filter:blur(10px)){.nav-top-pill,.nav-bottom-strip{background:var(--ggv-glass-bg-fallback)}}.nav-turn{align-items:center;gap:var(--ggv-space-xs);min-width:0;display:flex;overflow:hidden}.nav-turn-icon{font-size:var(--ggv-font-size-xl);color:var(--ggv-color-primary-text);flex-shrink:0}.nav-turn-text{font-size:var(--ggv-font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-turn-dist{font-size:var(--ggv-font-size-base);font-weight:var(--ggv-font-weight-bold);color:var(--ggv-color-primary-text);white-space:nowrap;flex-shrink:0}.nav-cancel-btn{min-width:var(--ggv-touch-target-min);min-height:var(--ggv-touch-target-min);border-radius:var(--ggv-radius-full);background:var(--ggv-color-gray);cursor:pointer;transition:var(--ggv-transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.nav-cancel-btn:active{transform:scale(.95)}.nav-cancel-btn svg{width:var(--ggv-space-md);height:var(--ggv-space-md);color:#fff}.nav-dest-name{align-items:center;gap:var(--ggv-space-xs);min-width:0;display:flex;overflow:hidden}.nav-dest-icon{flex-shrink:0}.nav-dest-text{font-size:var(--ggv-font-size-sm);font-weight:var(--ggv-font-weight-semibold);color:var(--ggv-color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-compass-text{font-size:var(--ggv-font-size-sm);font-weight:var(--ggv-font-weight-semibold);color:var(--ggv-color-primary-text);text-align:right;white-space:nowrap;flex-shrink:0;min-width:4rem}.update-toast{bottom:calc(env(safe-area-inset-bottom,0px) + var(--ggv-space-lg));left:var(--ggv-space-md);right:var(--ggv-space-md);z-index:var(--ggv-z-overlay);padding:var(--ggv-space-md);background:var(--ggv-glass-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--ggv-radius-xl);box-shadow:var(--ggv-shadow-pill);font-family:var(--ggv-font-primary);justify-content:space-between;align-items:center;gap:var(--ggv-space-md);display:flex;position:fixed}.update-toast-content{align-items:center;gap:var(--ggv-space-sm);min-width:0;display:flex}.update-toast-icon{font-size:var(--ggv-font-size-xl);flex-shrink:0}.update-toast-text{font-size:var(--ggv-font-size-sm);font-weight:var(--ggv-font-weight-semibold);color:var(--ggv-color-text);line-height:1.4}.update-toast-tagalog{color:var(--ggv-color-primary-text);font-size:.85em;font-style:italic;display:block}.update-toast-actions{gap:var(--ggv-space-xs);flex-shrink:0;display:flex}.update-toast-btn{min-height:var(--ggv-touch-target-min);border-radius:var(--ggv-radius-md);font-family:var(--ggv-font-primary);font-weight:var(--ggv-font-weight-semibold);font-size:var(--ggv-font-size-sm);cursor:pointer;transition:all var(--ggv-transition-fast);border:none;padding:.5rem 1rem}.update-toast-btn-dismiss{background:var(--ggv-color-text-tint);color:var(--ggv-color-text)}.update-toast-btn-dismiss:active{background:var(--ggv-color-text-tint-hover)}@media (width>=641px){.modal{padding:2.5rem var(--ggv-space-xl);max-width:400px}.modal h1{font-size:1.75rem}.overlay-icon-wrapper{width:6rem;height:6rem}.overlay-icon{width:3rem;height:3rem}.nav-top-pill,.nav-bottom-strip{left:var(--ggv-space-lg);right:var(--ggv-space-lg);padding:var(--ggv-space-pill-inset) var(--ggv-space-lg)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pill-in-from-top{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes pill-in-from-bottom{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.overlay{animation:.3s ease-out overlay-fade-in}.gps-modal,.welcome-modal,.exit-modal,.error-modal{animation:modal-pop-in var(--ggv-spring-modal-duration) var(--ggv-spring-modal) both}.arrived-top-modal{animation:slide-in-from-top var(--ggv-spring-slide-duration) var(--ggv-spring-slide) both}.arrived-bottom-modal{animation:slide-in-from-bottom var(--ggv-spring-slide-duration) var(--ggv-spring-slide) both}.nav-top-pill{animation:pill-in-from-top var(--ggv-spring-pill-duration) var(--ggv-spring-pill) both}.nav-bottom-strip,.update-toast{animation:pill-in-from-bottom var(--ggv-spring-pill-duration) var(--ggv-spring-pill) both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-recalc-spin{animation:1s linear infinite spin;display:inline-block}.user-location-arrow{clip-path:polygon(50% 0%,100% 100%,50% 75%,0% 100%);filter:drop-shadow(0 1px 3px #0006);background:#4285f4;border:none;width:24px;height:24px}.dest-marker-container{width:30px;height:30px;position:relative}.dest-marker-pin{background:#ea4335;border:3px solid #fff;border-radius:50% 50% 50% 0;width:30px;height:30px;position:absolute;bottom:0;left:0;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}.dest-marker-pin:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dest-marker-pulse{border-radius:50%;width:30px;height:30px;animation:2s ease-out infinite dest-pulse-ring;position:absolute;bottom:0;left:0}@keyframes dest-pulse-ring{0%{box-shadow:0 0 #ea433580}70%{box-shadow:0 0 0 18px #ea433500}to{box-shadow:0 0 #ea433500}}@media (prefers-color-scheme:dark){.welcome-select{border-color:rgba(232, 232, 232, var(--ggv-opacity-border));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.welcome-select:focus{box-shadow:0 0 0 3px #50aa6140}.dest-marker-pin{filter:brightness(1.1)}}