*{margin:0;padding:0;box-sizing:border-box}#title{position:absolute;top:12px;left:12px;z-index:1000}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;background:#f8f9fa}#map{height:100vh;width:100%;filter:saturate(.3) contrast(.9);transition:filter .3s ease}#map.placing-mode{filter:saturate(.3) contrast(.9) brightness(.95)}.leaflet-control-attribution{background:#ffffff80!important;font-size:10px!important;color:#999!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#64646426!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background-color:#50505040!important;color:#555!important;font-weight:500!important;font-size:12px!important}.header-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:900;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px 28px;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 20px #0000000a;width:90%;max-width:520px;transition:all .3s ease;text-align:center}.header-container.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-10px)}.header-container h1{font-size:20px;font-weight:500;margin-bottom:8px;color:#2c3e50;letter-spacing:-.02em}.header-container p{font-size:13px;color:#868e96;margin-bottom:20px;line-height:1.5}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.add-memory-btn,.explore-btn{background:#2c3e50;color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c3e5040}.add-memory-btn:hover{background:#1a252f;transform:translateY(-2px);box-shadow:0 4px 12px #2c3e5040}.explore-btn{background:transparent;color:#2c3e50;border:2px solid #2c3e50}.search-box{position:relative}#locationSearch{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:14px;font-weight:400;color:#2c3e50;background:#fff;transition:all .2s ease}#locationSearch:focus{outline:none;border-color:#6464644d;box-shadow:0 0 0 3px #6464640d}#locationSearch::placeholder{color:#adb5bd}#searchResults{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:10px;max-height:220px;overflow-y:auto;display:none;box-shadow:0 4px 20px #00000014;z-index:10}.search-result-item{padding:12px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px;color:#495057}.search-result-item:hover{background-color:#00000005}.search-result-item:last-child{border-bottom:none}.side-panel{position:fixed;right:0;top:0;height:100vh;height:100dvh;width:420px;max-width:90vw;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(0,0,0,.06);box-shadow:-4px 0 30px #0000001a;z-index:1500;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.side-panel.active{transform:translate(0)}.panel-header{padding:28px 28px 20px;border-bottom:1px solid rgba(0,0,0,.06);position:relative}.panel-header h2{font-size:20px;font-weight:500;color:#2c3e50;letter-spacing:-.02em;margin-bottom:8px;padding-right:40px}.panel-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#868e96;transition:all .2s ease;padding:0}.panel-close-btn:hover{background:#f8f9fa;color:#495057}.panel-content{flex:1;overflow-y:auto;padding:28px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:500;font-size:13px;letter-spacing:-.01em}.form-group .search-box{position:relative}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:14px;font-family:inherit;color:#2c3e50;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6464644d;box-shadow:0 0 0 3px #6464640d}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.image-upload-container{margin-top:8px}.image-upload-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;border:2px dashed rgba(0,0,0,.12);border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fafbfc;color:#868e96;font-size:13px}.image-upload-label:hover{border-color:#00000040;background:#f8f9fa;color:#495057}.image-upload-input{display:none}.image-preview-container{position:relative;margin-top:12px}.image-preview{width:100%;max-height:200px;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.image-remove-btn{position:absolute;top:8px;right:8px;background:#fffffff2;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#495057;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.image-remove-btn:hover{background:#fff;color:#e74c3c}.popup-image{width:100%;max-height:180px;object-fit:cover;border-radius:8px;margin-bottom:12px;margin-top:4px}.popup-location{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-footer{padding:20px 28px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;flex-shrink:0;background:#fffffffa}.btn-primary{flex:1;background-color:#2c3e50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1a252f;transform:translateY(-1px);box-shadow:0 4px 12px #2c3e5040}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:#dee2e6;color:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:#f8f9fa;color:#495057;border:1px solid rgba(0,0,0,.06)}.btn-secondary:hover{background-color:#e9ecef}button{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.leaflet-popup-pane{z-index:1100!important}.leaflet-popup{z-index:1100!important;margin-bottom:30px!important}.leaflet-popup-content-wrapper{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:0;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000001a}.leaflet-popup-tip{background:#fffffffa;border:1px solid rgba(0,0,0,.06);box-shadow:none}.leaflet-popup-close-button{color:#adb5bd!important;font-size:18px!important;font-weight:300!important;padding:4px 8px!important;width:auto!important;height:auto!important;top:8px!important;right:8px!important;line-height:1!important;z-index:1000!important}.leaflet-popup-close-button:hover{color:#495057!important;background:transparent!important}.leaflet-popup-content{margin:0!important}.popup-content{padding:30px;max-width:260px}.popup-content h3{margin-bottom:12px;color:#2c3e50;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.4}.popup-content p{margin-bottom:10px;color:#495057;line-height:1.6;font-size:13px;font-weight:400}.popup-content .author{font-style:normal;color:#868e96;font-size:12px;margin-top:12px;margin-bottom:0;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.popup-content .date{font-size:11px;color:#adb5bd;margin-top:6px}.popup-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.popup-nav-btn{background:#f8f9fa;border:1px solid rgba(0,0,0,.06);border-radius:6px;padding:6px 12px;font-size:12px;color:#495057;cursor:pointer;transition:all .2s ease}.popup-nav-btn:hover:not(:disabled){background:#e9ecef}.popup-nav-btn:disabled{opacity:.3;cursor:not-allowed}.popup-counter{font-size:11px;color:#868e96}.loading{text-align:center;padding:16px;color:#868e96;font-size:13px}.notification{position:fixed;top:24px;right:24px;background:#2c3e50f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:14px 20px;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:3000;animation:slideInRight .25s ease;font-size:13px;font-weight:500}.notification.error{background:#dc3545f2}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.setup-banner{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#ffc107f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#2c3e50;padding:16px 28px;border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:1000;text-align:center;max-width:90%;font-size:13px}.setup-banner strong{display:block;margin-bottom:4px;font-weight:600}@media (max-width: 768px){.header-container{bottom:16px;padding:20px 24px}.search-container{top:16px;padding:16px 20px}.side-panel{width:100vw;max-width:100vw;height:60vh;height:60dvh;top:auto;bottom:0;border-left:none;border-top:1px solid rgba(0,0,0,.06);border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:0 -4px 30px #00000026}.side-panel.active{transform:translateY(0)}.panel-header{padding:20px 20px 16px}.panel-close-btn{top:20px;right:20px}.panel-content{padding:20px}.panel-footer{padding:16px 20px;padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom)))}.notification{top:16px;right:16px;left:16px}.button-row{flex-direction:column;width:100%}.add-memory-btn,.explore-btn{width:100%}}