*{margin:0;padding:0;box-sizing:border-box}.skip-nav{position:absolute;top:-9999px;left:-9999px;z-index:9999;padding:8px 16px;background:#1a73e8;color:#fff;font-size:.875rem;border-radius:0 0 4px;text-decoration:none}.skip-nav:focus{top:0;left:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #1a73e8;outline-offset:2px;border-radius:4px}body{font-family:Roboto,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa;margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}.container{display:flex;flex-direction:column;height:100vh;position:relative}#map{height:100%;width:100%;position:absolute;top:0;left:0;z-index:0}.search-container{position:absolute;top:10px;left:0;right:0;z-index:1000;padding:0 10px;display:flex;justify-content:center}.search-bar{display:flex;align-items:center;background-color:#fff;border-radius:24px;box-shadow:0 2px 6px #00000029;padding:0 8px 0 16px;height:48px;width:100%;max-width:480px}.search-icon{color:#5f6368;font-size:16px;padding-right:12px}.search-input{flex:1;border:none;font-size:16px;outline:none;background:transparent;color:#202124}.mic-icon,.user-icon{color:#5f6368;font-size:18px;padding:0 8px;cursor:pointer}.mic-icon{transition:color .2s ease,transform .2s ease;position:relative}.mic-icon.active{color:#1a73e8}.mic-icon.active:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border-radius:50%;background:transparent;border:2px solid rgba(26,115,232,.3);transform:translate(-50%,-50%) scale(1);animation:mic-pulse 1.5s infinite}@keyframes mic-pulse{0%{transform:translate(-50%,-50%) scale(.95);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}to{transform:translate(-50%,-50%) scale(.95);opacity:1}}.mic-icon.disabled{color:#dadce0;cursor:pointer;position:relative}.mic-icon.disabled:after{content:"";position:absolute;width:2px;height:150%;background-color:#f44336;top:-25%;left:50%;transform:rotate(45deg);pointer-events:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.user-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f1f3f4;margin-left:8px}.categories{position:absolute;top:70px;left:0;right:0;display:flex;justify-content:center;padding:8px 0;overflow-x:auto;z-index:10;-ms-overflow-style:none;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:0 4px;border-radius:24px;background:#fff;color:#3c4043;font-size:16px;font-weight:500;box-shadow:0 2px 6px #00000029;cursor:pointer;white-space:nowrap;transition:background-color .2s}.category:hover,.category.active{background-color:#e8eaed}.category i{font-size:16px;color:#5f6368}.floating-button{position:fixed;bottom:16px;left:16px;width:40px;height:40px;background:#ffffffe6;color:#5f6368;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #0000004d;cursor:pointer;z-index:1000;border:none;transition:all .2s ease}.floating-button:active{transform:scale(.95);background-color:#f1f3f4}.floating-button.active{color:#2ecc71;background:#fffffff2}.floating-button.active i{animation:location-pulse 1.5s infinite}@keyframes location-pulse{0%{transform:scale(1);text-shadow:0 0 0 rgba(46,204,113,0)}50%{transform:scale(1.15);text-shadow:0 0 10px rgba(46,204,113,.7)}to{transform:scale(1);text-shadow:0 0 0 rgba(46,204,113,0)}}.user-location-marker{color:#2ecc71}.user-location-marker.pulsing i{animation:marker-pulse 2s infinite}@keyframes marker-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.popup-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 10px #0000001a;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:1000;max-height:80vh;display:flex;flex-direction:column}.popup-sheet.hidden{display:none}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;cursor:grab;touch-action:none}.popup-drag-handle{position:absolute;top:0;left:0;right:0;height:30px;cursor:grab;z-index:1}.popup-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#e0e0e0;border-radius:2px}.popup-header h2{font-size:16px;font-weight:500;margin:10px 0 0;color:#202124}.popup-content{padding:0;overflow-y:auto;flex-grow:1}.popup-content ul{list-style:none;margin:0;padding:0}.popup-content li{padding:12px 16px;border-bottom:1px solid #f1f3f4;font-size:16px;color:#202124;cursor:pointer}.popup-content li:hover{background-color:#f8f9fa}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:8px 0;box-shadow:0 -1px 4px #0000001a;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;color:#5f6368;cursor:pointer}.nav-item.active{color:#1a73e8}.nav-item i{font-size:20px;margin-bottom:4px}.nav-item span{font-size:12px;font-weight:500}.route-marker{color:#fff;text-align:center;font-size:30px;text-shadow:0 0 3px rgba(0,0,0,.5);transition:transform .2s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.route-path{stroke-width:8px;stroke-opacity:.8;cursor:pointer}.route-path-hitbox{stroke-width:24px;stroke-opacity:0;cursor:pointer;pointer-events:stroke}.route-marker:hover{transform:scale(1.2)}.start-marker{color:#4caf50}.end-marker{color:#f44336}.start-marker i,.end-marker i{background-color:#fff;border-radius:50%;padding:1px;box-shadow:0 1px 4px #0000004d}.navigation-popup{text-align:center;padding:5px 0}.navigation-popup a{color:#fff}.navigation-buttons{display:flex;justify-content:space-around;margin-top:8px}.nav-button{background-color:#1a73e8;color:#fff;text-decoration:none;padding:6px 12px;border-radius:4px;font-size:16px;display:inline-flex;align-items:center;gap:5px}.nav-button.google-maps{position:relative}.nav-button.google-maps:before{content:"";background-image:url(../icons/g-48.png);background-size:contain;background-repeat:no-repeat;width:18px;height:18px;position:relative;left:-2px}.nav-button.google-maps i{display:none}.nav-button.apple-maps{background-color:#000;color:#fff}.nav-button i{font-size:20px}@media (max-width: 768px){.search-container{top:10px;left:10px;right:10px;padding:0}.categories{top:68px;justify-content:flex-start;padding-left:10px}.floating-button{bottom:70px;right:16px}}@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3),only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2){.floating-button{bottom:70px;right:20px}}@supports (padding: max(0px)){.floating-button{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:max(16px,env(safe-area-inset-right,16px))}}.byway-popup{border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0003}.byway-popup .leaflet-popup-content-wrapper{padding:0;border-radius:8px;overflow:hidden}.byway-popup .leaflet-popup-content{margin:0;width:100%!important;max-width:320px}.byway-popup-content{font-family:Roboto,sans-serif}.byway-header{padding:12px 16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.byway-header h3{margin:0;font-size:18px;font-weight:500}.byway-details{padding:0 16px 16px;background:#fff}.byway-description{margin:0 0 15px;font-size:16px;line-height:1.5;color:#333}.byway-info{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.info-item{display:flex;align-items:center;margin-bottom:8px;font-size:13px;color:#555}.info-item i{margin-right:8px;width:16px;text-align:center;color:#666}.info-item a{color:#2196f3;text-decoration:none;display:inline-flex;align-items:center}.info-item a:hover{text-decoration:underline}.info-item a:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px;margin-left:6px;opacity:.8}.popup-action-btn{flex:1;padding:8px 0;border:none;border-radius:24px;background:#f0f0f0;color:#333;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.popup-action-btn i{margin-right:6px}.popup-action-btn.start-navigation{background:#2196f3;color:#fff}.popup-action-btn.start-navigation:hover{background:#1976d2}.leaflet-popup-close-button{color:#000c!important;font-size:24px!important;top:10px!important;right:10px!important}.leaflet-popup-close-button:hover{color:#fff!important}.byway-popup .leaflet-popup-tip{background:#fff}.byway-panel-content{padding:0;font-family:Roboto,sans-serif}.byway-header-panel{padding:4px 16px 12px}.byway-header-border{border-top:1px solid #f1f3f4;height:10px}.byway-header-panel h3{margin:0;font-size:24px;font-weight:400}.byway-details-panel{padding:16px}.byway-description{margin:0 0 16px;font-size:16px;line-height:1.5;color:#202124}.byway-info{margin-bottom:16px}.byway-info .info-item{display:flex;align-items:center;margin-bottom:8px;font-size:16px;color:#5f6368}.byway-info .info-item i{margin-right:8px;width:16px;text-align:center;color:#1a73e8}.byway-info .info-item a{color:#1a73e8;text-decoration:none}.byway-actions{display:flex;gap:8px}.popup-sheet{min-height:200px;max-height:80vh}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#0009;opacity:0;transition:opacity .3s ease}.modal.visible{display:block;opacity:1}.modal-content{background-color:#fff;margin:10vh auto;padding:20px;border-radius:20px;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;position:relative;max-height:80vh;overflow-y:auto}.modal-close{color:#aaa;position:absolute;font-size:24px;font-weight:700;cursor:pointer;line-height:1;right:12px;top:12px}.modal-close{width:36px;height:36px;border-radius:50%;background-color:#f1f1f1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.modal-close:hover{color:#555}.modal h3{margin-top:8px;margin-bottom:16px;color:#202124;font-size:18px}.modal-message{font-size:15px;margin-bottom:16px;color:#5f6368}.modal-instructions{font-size:16px;color:#3c4043;line-height:1.5}.modal-instructions ul{margin-left:20px;margin-bottom:16px}.modal-instructions li{margin-bottom:8px}.modal-instructions details{margin-bottom:8px}.modal-instructions summary{cursor:pointer;color:#1a73e8;font-weight:500}.modal-instructions details p{margin:8px 0 8px 16px;color:#5f6368}.notification-modal .modal-content{background-color:#fff;border-top:4px solid #1a73e8}.notification-modal .modal-message{margin-bottom:20px}.notification-modal .modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.notification-modal .view-byway-btn{background-color:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.notification-modal .view-byway-btn:hover{background-color:#1967d2}.rounded-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}@media (min-width: 768px){.popup-sheet{left:50%;transform:translate(-50%) translateY(100%);max-width:50vw;width:50vw;border-radius:24px 24px 0 0}.popup-sheet:not(.hidden){transform:translate(-50%) translateY(0)}.byway-panel-content{max-width:50vw;margin-left:auto;margin-right:auto}#search-dropdown{left:50%!important;transform:translate(-50%);width:100%;max-width:480px}.search-container{justify-content:center}}.byway-images-container{margin-top:16px;width:100%;border-top:1px solid #f1f3f4;padding-top:16px}.byway-images-scroll{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:8px;height:248px}@media (max-width: 767px){.byway-images-scroll{scrollbar-width:none;-ms-overflow-style:none}.byway-images-scroll::-webkit-scrollbar{display:none}}@media (min-width: 768px){.byway-images-scroll{cursor:grab}.byway-images-scroll:active{cursor:grabbing}.byway-images-scroll::-webkit-scrollbar{height:6px}.byway-images-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.byway-images-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.byway-images-scroll::-webkit-scrollbar-thumb:hover{background:#a1a1a1}}.byway-images-grid{display:grid;box-sizing:border-box;grid-template-rows:auto auto;grid-auto-flow:column;grid-gap:8px;min-width:100%;height:100%;flex:none}.byway-image-item{border-radius:8px;overflow:hidden;position:relative;display:inline-block;flex:none;margin-left:2px}.byway-image-item:first-child{margin-left:0}.byway-image-item.large{grid-row:1 / 3;width:248px;height:100%}.byway-image-item.small{width:120px;height:120px}.byway-image-item img{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);width:100%;height:100%;object-fit:cover}.byway-image-loading,.no-images-message{padding:12px;text-align:center;color:#666;font-style:italic;width:100%}.author-badge{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;position:absolute;bottom:17px;right:0;background-color:#fffc;padding:1px 4px;border-radius:0;font-size:.75rem;z-index:900;line-height:1.4}.author-badge a{color:#0078a8;text-decoration:none;white-space:nowrap}.author-badge a:hover{text-decoration:underline}.location-prompt{position:fixed;bottom:0;left:0;right:0;background-color:#fff;color:#202124;padding:16px;z-index:10000;text-align:center;box-shadow:0 -2px 10px #0000001a;border-top-left-radius:12px;border-top-right-radius:12px}.location-prompt-content{max-width:480px;margin:0 auto;padding:8px}.location-prompt h3{margin-top:0;font-size:16px;font-weight:500;color:#202124}.location-prompt p{font-size:16px;line-height:1.4;margin-bottom:16px;color:#5f6368}.location-button{background-color:#fff;color:#5f6368;border:none;border-radius:50%;width:48px;height:48px;padding:0;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.location-button:hover{background-color:#1765cc}.location-button:disabled{background-color:#dadce0;cursor:not-allowed;color:#5f6368}@media screen and (max-width: 768px){.location-prompt{padding:16px}.location-button{padding:8px 16px;font-size:20px}}@media (max-width: 767px){.byway-link,.map-marker,.clickable-element,button,.nav-link,select,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.byway-list-item{padding:16px;position:relative}.byway-list-item:active{background-color:#f0f0f0}.leaflet-marker-icon,.map-pin{transform:scale(1.4)}.sheet-handle{height:6px;width:60px}.search-bar{height:46px}.search-input{font-size:16px}.category{padding:10px 18px;min-height:44px;z-index:1}.leaflet-popup-close-button{padding:8px!important;font-size:20px!important}.sheet-handle{margin:12px auto 8px}.close-sheet{padding:10px;margin:-10px}}.notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 10px #00000026;display:flex;align-items:center;justify-content:space-between;z-index:1500;min-width:280px;max-width:90%}.notification.fade-out{opacity:0;transform:translate(-50%,20px);transition:opacity .3s,transform .3s}.notification-content h3{font-size:16px;margin-bottom:4px;color:#202124;font-weight:500}.notification-content p{font-size:16px;color:#5f6368}.notification-action{background-color:#1a73e8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;margin-left:16px;font-size:16px}.error-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:1;transition:opacity .3s}.modal-content{background-color:#fff;padding:24px;border-radius:24px;max-width:90%;width:320px;text-align:center;display:flex;flex-direction:column;align-items:center}.modal-content p{margin-bottom:20px;color:#202124;font-size:16px}.modal-content button{background-color:#1a73e8;color:#fff;border:none;padding:12px 24px;border-radius:24px;font-weight:500;font-size:16px;cursor:pointer}.byway-popup.leaflet-popup .leaflet-popup-content-wrapper{border-radius:8px;padding:0;box-shadow:0 2px 10px #00000026}.byway-popup.leaflet-popup .leaflet-popup-content{margin:0;padding:8px;width:280px!important}.byway-popup.leaflet-popup .leaflet-popup-tip{background-color:#fff}.byway-popup h3{margin:0 0 8px;color:#202124;font-size:16px;font-weight:500}.byway-popup p{margin:4px 0;color:#5f6368;font-size:16px}.byway-list-item{display:flex;flex-direction:column;padding:16px}.byway-name{font-size:16px;font-weight:500;color:#202124;margin-bottom:4px}.byway-location{font-size:16px;color:#5f6368}.search-highlight{font-weight:700;background-color:#e8f0fe;color:#1a73e8;padding:2px 0}.has-search-highlight{background-color:#f8f9fa}.no-results-message{padding:16px;text-align:center;color:#5f6368;font-size:16px}@keyframes searchMatchPulse{0%{background-color:#1a73e833}50%{background-color:#1a73e81a}to{background-color:transparent}}.search-match-pulse{animation:searchMatchPulse 1.5s ease-out}.floating-button.locating{pointer-events:none}.user-location-marker{display:flex;align-items:center;justify-content:center}.user-location-marker i{color:#1a73e8;background-color:#1a73e8;border-radius:50%;border:2px solid white;box-shadow:0 0 3px #0000004d}@keyframes pulse{0%{box-shadow:0 0 #1a73e8b3}70%{box-shadow:0 0 0 10px #1a73e800}to{box-shadow:0 0 #1a73e800}}.pulsing i{animation:pulse 2s infinite}#search-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;list-style:none;padding:8px 0;margin:0;z-index:999999;max-height:400px;overflow-y:hidden}.search-bar.dropdown-open{border-radius:24px 24px 0 0}#search-dropdown.hidden{display:none}#search-dropdown .dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;font-size:16px;color:#333;position:relative}#search-dropdown .dropdown-item:before{content:"";display:inline-block;width:24px;height:24px;margin-right:12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%235f6368"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:16px;opacity:.6}#search-dropdown .byways-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;font-size:16px;color:#333;position:relative}#search-dropdown .byways-item:before{content:"";display:inline-block;width:24px;height:24px;margin-right:12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%235f6368" d="M256 32l-74.8 0c-27.1 0-51.3 17.1-60.3 42.6L3.1 407.2C1.1 413 0 419.2 0 425.4C0 455.5 24.5 480 54.6 480L256 480l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64 201.4 0c30.2 0 54.6-24.5 54.6-54.6c0-6.2-1.1-12.4-3.1-18.2L455.1 74.6C446 49.1 421.9 32 394.8 32L320 32l0 64c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-64zm64 192l0 64c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:16px 16px;opacity:.8}#search-dropdown .dropdown-item:hover,#search-dropdown .byways-item:hover{background-color:#f5f5f5}#search-dropdown .divider{border-top:1px solid #e0e0e0;margin:8px 0}#search-dropdown .section-header,#search-dropdown .section-footer{padding:8px 16px;font-size:12px;color:#5f6368;font-weight:500}.round-close-btn{width:36px;height:36px;border-radius:50%;background-color:#f1f1f1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.round-close-btn:hover{background-color:#e0e0e0}.round-close-btn i{font-size:20px;color:#666}.welcome-modal .modal-content{max-width:360px;padding:24px;text-align:center;border-radius:20px;position:relative;margin:5vh auto;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.welcome-modal .close-button{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#5f6368;padding:0;line-height:1}.welcome-header{margin-bottom:16px}.welcome-header h3{font-weight:400;font-size:24px;margin-left:16px}.welcome-logo{width:80px;height:80px}.welcome-features{margin:24px 0}.welcome-feature{display:flex;align-items:center;margin-bottom:20px;text-align:left}.feature-icon{width:40px;height:40px;background-color:#e8f0fe;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.feature-icon i{color:#1a73e8;font-size:18px}.feature-text h4{margin:0 0 4px;font-size:16px;font-weight:500;color:#202124}.feature-text p{margin:0;font-size:14px;color:#5f6368;line-height:1.4}.welcome-start-btn{background-color:#1a73e8;color:#fff;border:none;padding:12px 24px;border-radius:20px;font-weight:500;font-size:16px;cursor:pointer;transition:background-color .2s;width:100%;margin-bottom:8px}.welcome-start-btn:hover{background-color:#1567d3}.welcome-attribution{margin-top:14px;font-size:12px;color:#80868b}.welcome-attribution a{color:#1a73e8;text-decoration:none;white-space:nowrap}.welcome-attribution a:hover{text-decoration:underline}@media (max-width: 400px){.welcome-modal .modal-content{max-width:320px;padding:20px;margin:3vh auto;max-height:90vh}.welcome-feature{margin-bottom:16px}.feature-text p{font-size:13px}}@media (max-height: 700px){.welcome-modal .modal-content{margin:2vh auto;padding:18px}.welcome-feature{margin-bottom:12px}.welcome-features{margin:12px 0}}.offline-banner{position:fixed;top:0;left:0;right:0;background-color:#f8d7da;color:#721c24;padding:8px 16px;z-index:2000;box-shadow:0 2px 5px #0003;transform:translateY(-100%);transition:transform .3s ease-out;font-family:Roboto,sans-serif}.offline-banner.visible{transform:translateY(0)}.offline-content{display:flex;align-items:center;max-width:768px;margin:0 auto}.offline-content i.fa-wifi-slash{margin-right:10px;font-size:16px}.offline-content span{flex-grow:1;font-size:14px}#close-offline-banner{background:none;border:none;color:#721c24;cursor:pointer;padding:4px 8px;font-size:16px}.offline-banner.visible+.container{margin-top:40px}.offline-map-placeholder{display:flex;height:60vh;background-color:#e9ecef;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;color:#6c757d}.offline-map-placeholder i{font-size:48px;margin-bottom:16px}.offline-map-placeholder p{max-width:80%;margin-bottom:16px}.cached-data-notice{background-color:#cce5ff;color:#004085;padding:8px 12px;border-radius:4px;margin-top:8px;font-size:13px}@media (max-width: 768px){.offline-banner{padding:8px 12px}.offline-content span{font-size:13px}}