*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}:root{--color-primary:#157f3c;--color-muted-foreground:#6b7280;--color-border:#e5e7eb}.wrapper{width:100vw;height:100vh;position:relative}.sidebar{z-index:10010;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:16rem;height:100%;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (width>=768px){.sidebar{width:20rem}}.sidebar-open{transform:translate(0)}.sidebar-closed{transform:translate(-100%)}.sidebar-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sidebar-brand{align-items:center;min-width:0;display:flex}.sidebar-logo-link{color:inherit;border-radius:.375rem;align-items:center;gap:.375rem;margin-left:-.25rem;padding:.125rem .25rem;text-decoration:none;transition:background-color .15s;display:flex}.sidebar-logo-link:hover{background-color:#f3f4f6}.sidebar-logo{flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-title{white-space:nowrap;font-size:.875rem;font-weight:600}.sidebar-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.icon-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1rem;transition:background-color .15s;display:flex}.icon-btn:hover{color:#111827;background-color:#f3f4f6}.sidebar-nav{flex-direction:column;flex:1;gap:.375rem;min-height:0;padding:.125rem .5rem .375rem;display:flex}.layers-section{border-top:1px solid #f3f4f6}.layers-label{color:var(--color-muted-foreground);margin-bottom:.25rem;font-size:.75rem;display:block}.layer-select{color:#374151;cursor:pointer;appearance:auto;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem}.layer-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #157f3c33}.main-container{z-index:0;position:fixed;inset:0}.menu-button{z-index:10050;cursor:pointer;background-color:#fffffff2;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.menu-button:hover{background-color:#fff}.menu-button:focus{box-shadow:0 0 0 2px white, 0 0 0 4px var(--color-primary);outline:none}.menu-icon{width:1.5rem;height:1.5rem;color:var(--color-primary)}.selected-object-bar{z-index:10060;backdrop-filter:blur(4px);background-color:#fffffff2;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:fixed;top:1rem;left:4.5rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.selected-object-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.selected-object-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.selected-object-addr{color:var(--color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.selected-object-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background-color .15s,color .15s;display:flex}.selected-object-close:hover{color:#111827;background-color:#f3f4f6}@media (width>=768px){.selected-object-bar{left:21rem;right:1rem}}.overlay{z-index:10000;background-color:#0006;position:fixed;inset:0}@media (width>=768px){.overlay{display:none}}.search-wrapper{border-top:1px solid #f3f4f6;flex-direction:column;flex:1;min-height:0;display:flex}.search-label{color:var(--color-muted-foreground);margin-bottom:.25rem;font-size:.75rem}.search-form{align-items:stretch;gap:0;display:flex}.search-input{color:#374151;background-color:#f9fafb;border:1px solid #e5e7eb;border-right:none;border-radius:.5rem 0 0 .5rem;outline:none;flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #157f3c33}.search-submit-btn{background-color:var(--color-primary);color:#fff;cursor:default;border:1px solid #e5e7eb;border-radius:0 .5rem .5rem 0;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;transition:background-color .15s;display:flex}.search-submit-btn svg{display:block}.search-status{border-radius:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.search-status-loading{color:#6b7280;font-style:italic}.search-status-info{color:var(--color-primary);background-color:#157f3c14;border:1px solid #157f3c26}.search-status-error{color:#bc1010;background-color:#ef434314;border:1px solid #ef434326}.search-results{flex-direction:column;flex:1;min-height:0;margin:.375rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-result-item{text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;align-items:flex-start;gap:.5rem;width:100%;padding:.5rem .625rem;transition:background-color .15s;display:flex}.search-result-item:hover:not(:disabled){background-color:#f9fafb}.search-result-item:disabled{cursor:default;opacity:.5}.search-result-item .poi-marker{flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;margin-top:.125rem;display:flex}.search-result-item .poi-marker svg{border:1.5px solid #fff;border-radius:50%;width:100%;height:100%;padding:2px;box-shadow:0 0 0 1px #0000001a}.search-result-text{flex-direction:column;min-width:0;display:flex}.search-result-name{color:#1f2937;font-size:.875rem;font-weight:500}.search-result-addr{color:var(--color-muted-foreground);font-size:.75rem}.geolocation-section{border-top:1px solid #f3f4f6;flex-direction:column;gap:.375rem;display:flex}.geolocation-label{color:var(--color-muted-foreground);font-size:.75rem}.geo-btn-group{background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:.5rem;gap:1px;display:flex;overflow:hidden}.geo-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:none;flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.375rem .25rem;font-size:.625rem;line-height:1.2;transition:background-color .15s,color .15s;display:flex}.geo-btn:hover{background-color:#f9fafb}.geo-btn-active{background-color:var(--color-primary);color:#fff}.geo-btn-active:hover{background-color:#157f3ce6}.geo-btn svg{flex-shrink:0;display:block}.geo-btn-disabled{opacity:.4;cursor:not-allowed}.geo-btn-disabled:hover{background-color:#fff}.geo-btn-follow svg{animation:1.5s ease-in-out infinite geo-follow-pulse}@keyframes geo-follow-pulse{0%,to{opacity:1}50%{opacity:.45}}.sidebar-version{color:#9ca3af;text-align:center;user-select:none;border-top:1px solid #f3f4f6;margin-top:auto;padding-top:.5rem;font-size:.65rem}#map{width:100%;height:100%}.zoom-controls{background-color:#fff;border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.zoom-button{cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:1.125rem;font-weight:700}.zoom-button:hover{background-color:#f3f4f6}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{color:#fff;opacity:0;pointer-events:auto;border-radius:.5rem;max-width:24rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .3s,transform .3s;transform:translate(100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.toast-visible{opacity:1;transform:translate(0)}.toast-success{background-color:#16a34a}.toast-error{background-color:#dc2626}.toast-info{background-color:#2563eb}.toast-loading{background-color:#f59e0b}.user-location-marker{background:0 0!important;border:none!important}.user-location-marker:before{content:"";background:#3b82f6;border:3px solid #fff;border-radius:50%;width:24px;height:24px;animation:1.5s ease-in-out infinite user-location-pulse;display:block;box-shadow:0 0 0 2px #3b82f666}@keyframes user-location-pulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 12px #3b82f600}to{box-shadow:0 0 #3b82f600}}.user-location-heading{background:0 0!important;border:none!important}.user-location-heading:before{display:none}.user-heading-arrow{clip-path:polygon(50% 0%,0% 100%,50% 75%,100% 100%);background:#3b82f6;border-radius:2px;width:28px;height:28px;animation:1.5s ease-in-out infinite user-location-pulse;box-shadow:0 0 0 2px #3b82f666}.user-location-compass{background:0 0!important;border:none!important}.user-location-compass:before{display:none}.user-compass-arrow{clip-path:polygon(50% 0%,0% 100%,50% 75%,100% 100%);background:#10b981;border-radius:2px;width:28px;height:28px;animation:1.5s ease-in-out infinite user-location-pulse;box-shadow:0 0 0 2px #10b98166}.poi-marker{background:0 0!important;border:none!important}.poi-marker svg{box-sizing:border-box;color:#fff;border:2px solid #fff;border-radius:50%;width:100%;height:100%;padding:4px;display:block;box-shadow:0 1px 4px #00000059}.poi-marker-building svg{background:#78716c}.poi-marker-route svg{background:#8b5cf6}.poi-marker-stop svg{background:#0ea5e9}.poi-marker-settlement svg{background:#f59e0b}.poi-marker-street svg{background:#64748b}.poi-marker-poi svg{background:#ef4444}.poi-marker-food svg{background:#f97316}.poi-marker-shop svg{background:#ec4899}.poi-marker-health svg{background:#ef4444}.poi-marker-education svg{background:#3b82f6}.poi-marker-culture svg{background:#a855f7}.poi-marker-fuel svg{background:#eab308}.poi-marker-finance svg{background:#14b8a6}.poi-marker-accommodation svg{background:#6366f1}.poi-marker-sport svg{background:#22c55e}.poi-marker-service svg{background:#0ea5e9}