.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:65px;background-color:#ffffff;box-shadow:0 -4px 20px rgba(0,0,0,0.05);z-index:1500;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);font-family:"Roboto",sans-serif;touch-action:none}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-decoration:none;font-size:11px;font-weight:600;width:20%;height:100%;cursor:pointer;transition:color 0.2s ease;-webkit-tap-highlight-color:transparent}.nav-item i{font-size:24px;margin-bottom:4px;transition:transform 0.2s}.nav-item.active{color:#059669;font-weight:700;text-shadow:0 0 1px rgba(5,150,105,0.3)}.nav-item:active i{transform:scale(0.9)}#nav-saved,#nav-manage,#nav-guide{display:none}#nav-notifications{display:flex}.nav-item-center{position:relative;overflow:visible}.nav-fab{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 8px 20px rgba(5,150,105,0.6);border:4px solid #ffffff;transition:transform 0.2s,box-shadow 0.2s;z-index:10}.nav-fab i{font-size:24px;margin:0;color:white}.nav-label-center{margin-top:32px;display:block}.nav-item-center:active .nav-fab{transform:translateX(-50%) scale(0.95);box-shadow:0 2px 8px rgba(5,150,105,0.3)}@media (max-width:768px){.mobile-bottom-nav{display:flex}.leaflet-bottom{bottom:70px !important;transition:bottom 0.3s}.leaflet-control-attribution{display:none}}.mobile-account-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:25000;display:none;justify-content:center;align-items:flex-end}.mobile-account-menu-content{background:white;width:100%;box-sizing:border-box;max-width:500px;border-radius:16px 16px 0 0;padding:20px;box-shadow:0 -2px 10px rgba(0,0,0,0.1);animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-header{font-size:1.2em;font-weight:bold;margin-bottom:15px;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px;color:#333}.mobile-menu-item{display:flex;align-items:center;padding:12px 0;text-decoration:none;color:#333;font-size:16px;border-bottom:1px solid #f9f9f9;cursor:pointer}.mobile-menu-item:active{background-color:#f0f0f0}.mobile-menu-item i{width:30px;text-align:center;margin-right:10px;font-size:1.2em}.mobile-menu-close{width:100%;padding:12px;margin-top:15px;background:#f1f1f1;border:none;border-radius:8px;font-weight:bold;color:#333;cursor:pointer;font-size:16px}.mobile-menu-close:active{background:#e0e0e0}.account-btn-desktop{display:none}.custom-zoom-control{display:none !important}.fixed-locate-btn.active a,.fixed-locate-btn.following a{color:#2196f3 !important}@media (max-width:1023px){.fixed-locate-btn{width:32px !important;height:32px !important;border-radius:8px !important}.fixed-locate-btn a{font-size:14px !important;border-radius:8px !important}}@media (min-width:1024px){:root{--primary-color:#059669;--secondary-color:#f97316}body{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden}.mobile-bottom-nav{display:flex !important;position:relative;width:72px;height:100%;flex-direction:column;justify-content:flex-start;border-right:none;padding-top:10px;padding-bottom:10px;background-color:#ffffff;z-index:3000;box-shadow:4px 0 15px rgba(0,0,0,0.05);bottom:auto;left:auto;order:-1}.nav-item{width:calc(100% - 16px);height:64px;margin:0 8px 4px 8px;border-radius:12px;font-size:10px;gap:4px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color 0.2s,color 0.2s}.nav-item:hover{background-color:#f8fafc;color:#059669}.nav-item i{font-size:22px;margin-bottom:0}.nav-item.active{color:#059669;background:linear-gradient(135deg,rgba(5,150,105,0.1) 0%,rgba(4,120,87,0.1) 100%);font-weight:600}.nav-item-center{margin-bottom:8px}.nav-fab{position:static;transform:none;width:48px;height:48px;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:16px;box-shadow:0 4px 10px rgba(5,150,105,0.3);border:none;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all 0.2s ease}.nav-fab:hover{background:linear-gradient(135deg,#047857 0%,#064e3b 100%);transform:translateY(-2px);box-shadow:0 6px 15px rgba(5,150,105,0.4)}.nav-fab i{color:#ffffff;font-size:24px}.nav-label-center{margin-top:4px;font-size:10px;color:inherit}#nav-account{display:none !important}#nav-saved,#nav-manage,#nav-guide{display:flex}#nav-notifications{display:none !important}#map{flex-grow:1;height:100%;width:calc(100% - 72px);z-index:1}.floating-search-wrapper{position:absolute;top:15px;left:92px;right:20px;display:flex;flex-direction:row;align-items:center;gap:15px;pointer-events:none;z-index:2000;padding:0}.search-container-relative{width:420px;flex-shrink:0;pointer-events:auto;background:transparent;box-shadow:none}.search-bar-container{box-shadow:0 2px 6px rgba(0,0,0,0.15);height:48px;border-radius:24px;padding-left:15px}.quick-filters-container{flex-grow:1;display:flex;flex-direction:row;flex-wrap:nowrap;pointer-events:auto;padding:0;gap:8px;overflow-x:auto;white-space:nowrap;align-items:center;height:48px;scrollbar-width:none;cursor:grab;user-select:none}.quick-filters-container.active{cursor:grabbing}.quick-filters-container::-webkit-scrollbar{display:none}.account-btn-desktop{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background-color:#ffffff;box-shadow:0 2px 6px rgba(0,0,0,0.15);color:#5f6368;cursor:pointer;margin-left:10px;transition:background-color 0.2s;flex-shrink:0;pointer-events:auto}.account-btn-desktop:hover{background-color:#f0f2f5;color:#333}.account-btn-desktop.has-avatar{padding:0;overflow:hidden;background-color:transparent;border:1px solid #e5e7eb}.desktop-user-avatar{width:100%;height:100%;object-fit:cover;display:block}.featured-carousel-container{left:72px !important;width:calc(100% - 72px) !important;bottom:0}.featured-carousel-wrapper{cursor:grab}.leaflet-right{right:20px;display:flex;flex-direction:column;gap:10px}.leaflet-top.leaflet-right{top:80px}#list-view-container{position:absolute;top:80px;left:92px;width:400px;height:calc(100vh - 100px);background:linear-gradient(160deg,rgba(16,185,129,0.95) 0%,rgba(5,150,105,0.95) 40%,rgba(4,120,87,0.98) 100%) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1900;border-radius:20px !important;box-shadow:0 10px 30px rgba(0,0,0,0.25) !important;border:1px solid rgba(255,255,255,0.3);transform:translateX(-150%);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:block !important;overflow-y:auto;overflow-x:hidden}#list-view-container::-webkit-scrollbar{width:6px}#list-view-container::-webkit-scrollbar-track{background:transparent;border-radius:20px}#list-view-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:20px}#list-view-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.4)}#list-view-container.active{transform:translateX(0)}.list-view-backdrop{display:none !important}.leaflet-bar{border:none;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.leaflet-control-layers{border-radius:8px}.custom-zoom-control{display:flex !important;flex-direction:column;position:fixed !important;right:20px !important;z-index:1100 !important;background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.3);transition:bottom 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;margin-bottom:0 !important;margin-right:0 !important}.custom-zoom-control button{width:28px;height:28px;background:white;border:none;cursor:pointer;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0}.custom-zoom-control button:hover{color:#000;background:#ebebeb}.zoom-in-btn{border-bottom:1px solid #e6e6e6 !important}.fixed-locate-btn{right:20px !important;border-radius:8px !important;box-shadow:0 1px 4px rgba(0,0,0,0.3) !important;width:28px !important;height:28px !important;background-color:white !important;transition:bottom 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;margin-bottom:0 !important;margin-right:0 !important}.fixed-locate-btn a{font-size:14px !important;color:#666 !important;border-radius:8px !important}.fixed-locate-btn a:hover{color:#000 !important;background-color:#ebebeb !important}}.nav-icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-badge-dot{position:absolute;top:0;right:-3px;width:8px;height:8px;background-color:#dc3545;border-radius:50%;border:1px solid #fff;font-size:0 !important;z-index:10}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}85%{transform:rotate(-5deg)}100%{transform:rotate(0)}}.bell-shake{animation:bell-shake 0.8s cubic-bezier(0.36,0.07,0.19,0.97) both;transform-origin:top center;will-change:transform}