:root{--bg: #f7f5ef;--surface: #ffffff;--ink: #1c2421;--ink-soft: #5c6862;--brand: #0b3d2e;--brand-soft: #e3ede8;--warn: #8a3b12;--warn-bg: #fbeee6;--border: #dcd8cd;--radius: 12px;--tab-h: 60px;--header-h: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto;background:var(--bg);overflow-x:hidden}.app-header{flex:0 0 auto;padding:env(safe-area-inset-top) 16px 8px;padding-top:max(10px,env(safe-area-inset-top));background:var(--brand);color:#fff}.app-header h1{margin:6px 0 0;font-size:1.25rem;letter-spacing:.01em}.tagline{margin:2px 0 8px;font-size:.8rem;opacity:.85}.app-main{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px calc(var(--tab-h) + 16px)}.view-fill{height:100%}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;max-width:720px;margin:0 auto;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:1000}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;color:var(--ink-soft);font-size:.72rem;cursor:pointer}.tab.active{color:var(--brand);font-weight:600}.tab-icon{font-size:1.25rem}.controls{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.radius-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.control-label{font-size:.85rem;color:var(--ink-soft)}.pill{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.85rem;cursor:pointer}.pill.active{background:var(--brand);border-color:var(--brand);color:#fff}.layer-picker{position:relative}.layer-toggle{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.85rem;cursor:pointer}.layer-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c1873;display:flex;align-items:flex-end;justify-content:center;z-index:1300}.layer-sheet{width:100%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;background:var(--surface);border-radius:18px 18px 0 0;padding:8px 14px calc(16px + env(safe-area-inset-bottom));animation:sheet-up .18s ease-out}.layer-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 0 10px}.layer-sheet-head strong{font-size:1.1rem}.layer-count{margin-left:8px;font-size:.85rem;color:var(--ink-soft)}.layer-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.layer-group{margin-bottom:10px}.layer-group-head{position:sticky;top:0;background:var(--surface);display:flex;justify-content:space-between;align-items:baseline;padding:8px 2px 4px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.layer-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 6px;border:none;border-bottom:1px solid var(--border);background:none;text-align:left;font-size:.95rem;color:var(--ink);cursor:pointer}.layer-row.on{color:var(--brand);font-weight:600}.layer-name{flex:1 1 auto}.layer-check{flex:0 0 auto;color:var(--brand);font-weight:700}.layer-swatch{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.status{padding:14px 4px;color:var(--ink-soft);font-size:.9rem}.status.empty{text-align:center;padding:32px 16px}.status-warn{background:var(--warn-bg);color:var(--warn);border-radius:var(--radius);padding:12px}.text-btn{border:none;background:none;color:var(--brand);font:inherit;font-weight:600;cursor:pointer;padding:0 4px}.btn{padding:9px 14px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.result-head{display:flex;justify-content:space-between;align-items:baseline;padding:4px 4px 10px;font-size:.9rem;color:var(--ink-soft)}.accuracy{font-size:.75rem}.card-list{display:flex;flex-direction:column;gap:8px}.feature-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer}.card-thumb{flex:0 0 auto;width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--brand-soft)}.card-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.4rem}.card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.card-title{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{font-size:.78rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-distance{flex:0 0 auto;font-size:.8rem;font-weight:600;color:var(--brand)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c1873;display:flex;align-items:flex-end;justify-content:center;z-index:1200}.sheet{width:100%;max-width:720px;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:18px 18px 0 0;padding:8px 16px calc(24px + env(safe-area-inset-bottom));animation:sheet-up .18s ease-out;touch-action:pan-y}.sheet-grab{padding:6px 0 8px;cursor:grab;touch-action:none}.sheet-arrow{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--brand-soft);color:var(--brand);font-size:1.1rem;line-height:1;cursor:pointer}.sheet-arrow:disabled{opacity:.35;cursor:default}.sheet-title{flex:1 1 auto;min-width:0}@keyframes sheet-up{0%{transform:translateY(16px);opacity:.6}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--border);margin:6px auto 10px}.sheet-header{display:flex;align-items:center;gap:8px}.sheet-title{margin:0;font-size:1.15rem}.sheet-close{flex:0 0 auto;border:none;background:var(--brand-soft);color:var(--brand);width:32px;height:32px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer}.sheet-layer{margin:4px 0 12px;font-size:.8rem;color:var(--ink-soft)}.sheet-image{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius);margin-bottom:12px}.sheet-desc{font-size:.95rem;line-height:1.5}.sheet-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.sheet-links a{color:var(--brand);font-weight:600;text-decoration:none;font-size:.9rem}.sheet-attrs{width:100%;border-collapse:collapse;margin-top:8px;font-size:.85rem}.sheet-attrs th,.sheet-attrs td{text-align:left;vertical-align:top;padding:6px 8px;border-bottom:1px solid var(--border)}.sheet-attrs th{width:38%;color:var(--ink-soft);font-weight:600}.map-view{position:relative;height:100%;min-height:360px;border-radius:var(--radius);overflow:hidden}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.map-status{position:absolute;bottom:112px;left:8px;background:#ffffffe6;border-radius:6px;padding:4px 8px;font-size:.78rem;color:var(--ink-soft);z-index:401}.map-deck{position:absolute;left:0;right:0;bottom:0;z-index:800;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:10px 10px 12px;background:linear-gradient(to top,#f7f5eff5 60%,#f7f5ef00);touch-action:pan-y}.map-deck .map-card{flex:1 1 auto;max-width:none;min-width:0}.map-card{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;text-align:left;cursor:pointer;box-shadow:0 1px 6px #00000026}.map-card.active{border-color:var(--brand);box-shadow:0 2px 12px #0b3d2e59}.map-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.map-card-title{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-card-meta{font-size:.76rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-card-dist{font-size:.72rem;font-weight:600;color:var(--brand)}.strip-nav{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:#fffffff5;color:var(--brand);font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:0 1px 6px #0003}.strip-nav:disabled{opacity:.35;cursor:default}.thumb-map{border-radius:8px;overflow:hidden;background:#e9e9e1}.map-view .leaflet-bottom{bottom:100px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000eb;overflow:hidden;touch-action:none}.lightbox-img{position:absolute;top:0;left:0;max-width:100%;max-height:100%;transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-select:none;touch-action:none}.lightbox-close{position:absolute;top:calc(8px + env(safe-area-inset-top));right:12px;z-index:2001;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff38;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.map-controls{position:absolute;top:8px;left:8px;right:8px;z-index:401;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.map-basemap,.map-opacity{display:flex;align-items:center;gap:6px;background:#fffffff0;border:1px solid var(--border);border-radius:8px;padding:5px 8px;box-shadow:0 1px 4px #0000001f}.map-basemap select{border:none;background:none;font-size:.85rem;font-weight:600;color:var(--ink)}.map-opacity input[type=range]{width:90px}.map-controls .layer-toggle{box-shadow:0 1px 4px #0000001f}.locate-btn{width:34px;height:34px;font-size:1.2rem;line-height:1;background:#fff;color:var(--brand);border:none;cursor:pointer}.preset-row{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--border)}.preset-btn{flex:1 1 auto;padding:6px 10px;border:1px solid var(--brand);border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.8rem;font-weight:600;cursor:pointer}.preset-btn:hover{background:var(--brand);color:#fff}.leaflet-container{font:inherit;background:var(--brand-soft)}.data-lab{display:flex;flex-direction:column;gap:12px}.lab-controls{display:flex;flex-direction:column;gap:6px}.lab-field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--ink-soft)}.lab-field select{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:.95rem}.lab-meta{margin:0;font-size:.9rem}.lab-meta strong{font-size:1.1rem;color:var(--brand)}.lab-actions{display:flex;flex-wrap:wrap;gap:8px}.lab-loaded{font-size:.9rem}.lab-stats h3,.lab-preview h3{font-size:.95rem;margin:8px 0}.lab-stats ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lab-stats li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.stat-count{font-weight:600;color:var(--brand)}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.lab-preview table{border-collapse:collapse;font-size:.78rem;white-space:nowrap}.lab-preview th,.lab-preview td{padding:6px 10px;border-bottom:1px solid var(--border);text-align:left}.lab-preview th{background:var(--brand-soft);color:var(--brand);position:sticky;top:0}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view{animation:fadeIn .28s ease both}.feature-card{animation:cardIn .3s cubic-bezier(.22,.61,.36,1) both;transition:border-color .18s ease,box-shadow .18s ease,transform .08s ease}.card-list .feature-card:nth-child(1){animation-delay:.02s}.card-list .feature-card:nth-child(2){animation-delay:.05s}.card-list .feature-card:nth-child(3){animation-delay:.08s}.card-list .feature-card:nth-child(4){animation-delay:.11s}.card-list .feature-card:nth-child(5){animation-delay:.14s}.card-list .feature-card:nth-child(6){animation-delay:.17s}.card-list .feature-card:nth-child(7){animation-delay:.2s}.card-list .feature-card:nth-child(8){animation-delay:.23s}.feature-card:active{transform:scale(.985)}.pill,.preset-btn,.btn,.layer-toggle,.sheet-arrow,.strip-nav,.tab,.location-current{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease}.pill:active,.preset-btn:active,.btn:active:not(:disabled),.sheet-arrow:active:not(:disabled),.strip-nav:active:not(:disabled),.location-current:active{transform:scale(.95)}.tab-icon{transition:transform .2s cubic-bezier(.22,.61,.36,1)}.tab.active .tab-icon{transform:translateY(-2px) scale(1.1)}.sheet-backdrop,.layer-sheet-backdrop{animation:fadeIn .2s ease both}.sheet,.layer-sheet{animation:sheet-up .28s cubic-bezier(.22,.61,.36,1) both}.lightbox{animation:fadeIn .2s ease both}.map-card{transition:border-color .2s ease,box-shadow .2s ease}.feature-card:hover,.map-card:hover{box-shadow:0 2px 10px #0000001f}.location-bar{position:relative}.location-current{display:flex;align-items:baseline;gap:5px;max-width:100%;padding:2px 0;border:none;background:none;font-size:.82rem;color:var(--ink-soft);cursor:pointer}.loc-prefix{flex:0 0 auto}.loc-label{flex:0 1 auto;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-change{flex:0 0 auto;color:var(--brand);text-decoration:underline;text-underline-offset:2px}.location-panel{margin-top:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px;box-shadow:0 4px 16px #0000001a;animation:viewIn .18s ease both}.loc-input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:.95rem}.loc-mine{display:inline-block;margin:8px 0 4px}.loc-results{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}.loc-results li button{display:block;width:100%;text-align:left;padding:9px 6px;border:none;border-bottom:1px solid var(--border);background:none;font-size:.86rem;color:var(--ink);cursor:pointer}.loc-results li button:active{background:var(--brand-soft)}.credits{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:.78rem;color:var(--ink-soft);line-height:1.55}.credits h3{font-size:.9rem;color:var(--ink);margin:0 0 8px}.credits p{margin:0 0 8px}.credits a{color:var(--brand)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.tab-icon{display:inline-flex}.tab-icon svg{width:23px;height:23px;display:block}.locate-btn{transition:background-color .2s ease,color .2s ease}.locate-btn.located{background:#1e6fff;color:#fff}.locate-btn.locating{color:#1e6fff;animation:locatePulse 1s ease-in-out infinite}@keyframes locatePulse{0%,to{opacity:1}50%{opacity:.45}}.credits-url{word-break:break-all;font-size:.74rem}.radius-row .layer-picker{margin-left:auto}.about h2{font-size:1.05rem;margin:18px 0 8px}.about p{font-size:.9rem;line-height:1.6;color:var(--ink);margin:0 0 10px}.about a{color:var(--brand)}.about-links{margin:0 0 10px;padding-left:18px;font-size:.9rem;line-height:1.8}.about-links a{color:var(--brand)}.lab-export{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.lab-export>h3{font-size:1.05rem;margin:0 0 6px}.lab-intro{font-size:.85rem;color:var(--ink-soft);line-height:1.5;margin:0 0 12px}