:root{--paper: #f7f1e1;--paper-2: #efe6cf;--card: #fdfaf1;--ink: #4c4437;--ink-soft: #6f6655;--muted: #8a8069;--line: #b9a87f;--green: #7c9a68;--green-deep: #5f7f52;--green-soft: #e3ead4;--terracotta: #c98d6b;--terracotta-soft: #f3e2d3;--teal: #5f8f92;--teal-soft: #dcecec;--ochre: #d9b26a;--shadow: 0 10px 28px rgba(60, 50, 35, .22);--shadow-sm: 0 4px 12px rgba(60, 50, 35, .16);--font-kai: "KaiTi", "STKaiti", "楷体", "Kaiti SC", "DFKai-SB", "FangSong", serif;--font-ui: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;opacity:.26;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.9'/></svg>")}button{font-family:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(124,154,104,.55);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%;height:100dvh}.app-header{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:10px 18px;background:var(--paper-2);border-bottom:2.5px solid var(--line);box-shadow:0 2px 10px #4a44381a;z-index:60}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{display:block;line-height:0}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text h1{margin:0;font-size:21px;font-family:var(--font-kai);font-weight:700;letter-spacing:3px;white-space:nowrap}.brand-sub{font-size:11.5px;color:var(--muted);letter-spacing:1px;white-space:nowrap}.panel-toggle{display:none;align-items:center;gap:6px;padding:7px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--card);font-size:13px;font-family:var(--font-kai);cursor:pointer;white-space:nowrap}.panel-toggle:hover{background:var(--green-soft)}.map-area{position:relative;flex:1 1 auto;min-height:0}.zoo-map{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#80a06f;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.zoo-map.is-dragging{cursor:grabbing}.zoo-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(120% 100% at 50% 42%,#0000 58%,#6054341a)}.map-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none;opacity:0}.zoo-map.is-ready .map-world{opacity:1}.map-art{display:block}.satellite-stack{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;background:#80a06f}.satellite-layer{position:absolute;left:0;top:0}.satellite-layer img{image-rendering:auto}.satellite-layer.buffer img{opacity:1}.overlay-art{display:block}.marker-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.map-marker{position:absolute;transform:translate(-50%,-100%);border:none;background:none;padding:0;pointer-events:auto;cursor:pointer;z-index:20}.map-marker.is-selected{z-index:32}.pin{position:relative;display:block;width:46px;height:46px;border-radius:48% 52% 50% 50%/52% 50% 52% 48%;background:var(--cat-color, var(--green));border:2.5px solid var(--ink);box-shadow:0 3px 8px #3c322347;transition:transform .18s ease,box-shadow .18s ease}.pin:after{content:"";position:absolute;left:50%;top:calc(100% - 5px);transform:translate(-50%);border:8px solid transparent;border-top:11px solid var(--cat-color, var(--green))}.pin-icon{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--card);border:2px solid rgba(76,68,55,.5);display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1}.pin-icon svg{display:block}.map-marker:hover .pin{transform:scale(1.12) rotate(-3deg);box-shadow:0 6px 14px #3c322357}.map-marker.is-selected .pin{transform:scale(1.16);box-shadow:0 8px 18px #3c322366}.selected-ring{position:absolute;left:50%;top:-23px;width:62px;height:62px;transform:translate(-50%,-50%);border:2.5px dashed var(--ink);border-radius:50%;opacity:.85;animation:spin-slow 10s linear infinite;pointer-events:none}@keyframes spin-slow{to{transform:translate(-50%,-50%) rotate(360deg)}}.marker-name{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:#fdfaf1f2;border:2px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12.5px;font-family:var(--font-kai);white-space:nowrap;opacity:0;transition:opacity .18s ease;pointer-events:none}.map-marker.is-labelled .marker-name,.map-marker.is-selected .marker-name{opacity:1}.photo-pin{position:relative;display:block;width:58px;height:58px;border-radius:50%;border:3px solid var(--card);outline:2.5px solid var(--ink);outline-offset:-3px;overflow:hidden;background:#e9e2c8;box-shadow:0 4px 10px #3c32234d;transition:transform .18s ease,box-shadow .18s ease}.photo-pin img{width:100%;height:100%;object-fit:cover;display:block}.map-marker:hover .photo-pin{transform:scale(1.1) rotate(-2deg);box-shadow:0 7px 16px #3c32235c}.map-marker.is-selected .photo-pin{transform:scale(1.13);box-shadow:0 8px 18px #3c32236b}.map-marker.is-selected .selected-ring{top:-29px;width:74px;height:74px}.map-cluster{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#718e5ceb;border:1.5px solid rgba(46,61,38,.85);box-shadow:0 2px 6px #3c322340;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;z-index:24;transition:transform .16s ease}.map-cluster:hover{transform:translate(-50%,-50%) scale(1.12)}.cluster-paw{font-size:14px;line-height:1;margin-top:2px;filter:saturate(.6)}.cluster-count{font-family:var(--font-kai);font-size:11px;font-weight:700;color:#fdfaf1;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.25)}.info-card{position:absolute;width:320px;max-width:calc(100% - 24px);background:var(--card);border:2.5px solid var(--ink);border-radius:16px 20px 18px 22px;box-shadow:var(--shadow);padding:14px 16px 12px;z-index:40;animation:card-in .2s ease}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.info-card .arrow{position:absolute;width:15px;height:15px;background:var(--card);border:2.5px solid var(--ink);transform:rotate(45deg)}.info-card .arrow.up{top:-10px;border-right-color:transparent;border-bottom-color:transparent}.info-card .arrow.down{bottom:-10px;border-top-color:transparent;border-left-color:transparent}.info-card-head{display:flex;gap:11px;align-items:flex-start}.card-photo{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:2.5px solid var(--ink);object-fit:cover;margin-top:2px;background:#e9e2c8}.card-photo-credit{margin-top:4px;font-size:10.5px;color:var(--muted);line-height:1.4}.card-photo-credit a{color:var(--green-deep)}.card-emoji{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--green-soft);border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:23px;margin-top:2px}.card-title-wrap{min-width:0;flex:1}.card-cats{display:flex;gap:6px;align-items:center;margin-bottom:3px}.cat-chip{font-size:11px;padding:2px 8px;border-radius:999px;border:1.5px solid rgba(76,68,55,.4)}.feature-chip{font-size:11px;padding:2px 8px;border-radius:999px;background:#f2dcae;border:1.5px solid rgba(76,68,55,.4);color:#6b5326}.card-title{margin:0;font-family:var(--font-kai);font-size:21px;letter-spacing:1px;line-height:1.2}.card-subtitle{margin:3px 0 0;font-size:12px;color:var(--muted)}.card-close{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:none;cursor:pointer;font-size:14px;line-height:1;color:var(--ink-soft);display:flex;align-items:center;justify-content:center}.card-close:hover{background:var(--paper-2);border-color:var(--ink)}.card-desc{margin:10px 0 0;font-size:13.5px;line-height:1.65;color:var(--ink-soft)}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tag{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--paper-2);border:1.5px solid var(--line);color:var(--ink-soft)}.card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:11px;padding-top:9px;border-top:2px dashed var(--line)}.zone-link{border:none;background:none;padding:0;font-size:12.5px;color:var(--green-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.card-note{font-size:11px;color:var(--muted);text-align:right;line-height:1.5}.card-note.missing{text-align:left;margin-top:6px;padding:6px 8px;background:#f8eeda;border:1.5px dashed #c9a86a;border-radius:8px;color:#7a5c22}.info-sheet{position:absolute;left:8px;right:8px;bottom:8px;max-height:56%;overflow:auto;background:var(--card);border:2.5px solid var(--ink);border-radius:18px 20px 16px;box-shadow:0 -8px 24px #3c322333;padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px));z-index:45;touch-action:pan-y;animation:sheet-in .24s ease}@keyframes sheet-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--line);margin:2px auto 8px}.zoom-card{position:absolute;right:14px;bottom:14px;z-index:30;display:flex;flex-direction:column;gap:9px;background:#fdfaf1f7;border:2.5px solid var(--ink);border-radius:16px;padding:10px 12px 12px;box-shadow:var(--shadow-sm);min-width:168px}.zoom-readout{text-align:center;font-family:var(--font-kai);font-size:17px;font-weight:700;letter-spacing:1px}.zoom-row{display:flex;align-items:center;gap:8px}.zoom-btn{width:34px;height:34px;border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.zoom-btn:hover:not(:disabled){background:var(--green-soft)}.zoom-btn:active:not(:disabled){transform:scale(.92)}.zoom-slider{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer}.zoom-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#d8cba6;border:1.5px solid #b3a276}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:50%;background:var(--card);border:2.5px solid var(--ink);box-shadow:0 2px 4px #3c322340}.zoom-slider::-moz-range-track{height:5px;border-radius:999px;background:#d8cba6;border:1.5px solid #b3a276}.zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--card);border:2.5px solid var(--ink)}.preset-row{display:flex;gap:6px}.preset-btn{flex:1;padding:5px 2px;font-size:12.5px;font-family:var(--font-kai);border:2px solid var(--line);border-radius:999px;background:var(--paper);cursor:pointer;transition:all .15s ease;white-space:nowrap}.scale-bar{position:absolute;left:14px;bottom:16px;z-index:30;display:flex;align-items:flex-end;gap:7px;background:#fdfaf1e6;border:2px solid var(--line);border-radius:10px;padding:5px 9px 6px}.scale-label{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}.scale-line{position:relative;height:9px;border-left:2.5px solid var(--ink);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink)}.compass{position:absolute;top:14px;right:14px;width:62px;height:62px;z-index:30;pointer-events:none;opacity:.92}.map-badge{position:absolute;bottom:52px;left:50%;transform:translate(-50%);top:auto;z-index:29;background:#fdfaf1db;border:2px solid rgba(180,156,110,.9);border-radius:999px;padding:3px 12px;font-size:11px;color:var(--muted);white-space:nowrap}.side-panel{position:absolute;top:14px;left:14px;width:254px;max-height:calc(100% - 28px);overflow-y:auto;z-index:25;background:#fdfaf1f7;border:2.5px solid var(--ink);border-radius:18px;box-shadow:var(--shadow-sm);padding:12px 14px 14px;transition:transform .26s ease}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font-family:var(--font-kai);font-size:17px;letter-spacing:2px}.panel-close{display:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:none;cursor:pointer;font-size:13px;line-height:1}.panel-section{margin-top:12px}.panel-section h3{margin:0 0 7px;font-size:12px;color:var(--muted);letter-spacing:2px;font-weight:600}.cat-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:2px solid transparent;border-radius:12px;background:none;text-align:left;cursor:pointer;font-size:14px}.cat-row:hover{background:#f3ead2}.cat-row.is-off{opacity:.55}.cat-dot{width:15px;height:15px;border-radius:50%;border:2px solid var(--ink);flex:0 0 auto}.cat-name{flex:1;font-family:var(--font-kai);font-size:15px}.cat-count{font-size:11.5px;color:var(--muted)}.cat-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent;background:var(--paper);flex:0 0 auto}.cat-row:not(.is-off) .cat-check{background:var(--green-soft);border-color:var(--green-deep);color:#42543a}.zone-chips{display:flex;flex-wrap:wrap;gap:6px}.zone-chip{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;font-size:12.5px;font-family:var(--font-kai);cursor:pointer;transition:all .14s ease}.zone-chip:hover{border-color:var(--green-deep);background:var(--green-soft)}.panel-note{margin-top:14px;padding:9px 11px;background:#f3ead2;border:2px dashed var(--line);border-radius:12px;font-size:11.5px;color:var(--ink-soft);line-height:1.6}.panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#463c2847;z-index:24}.search{position:relative;width:100%;max-width:560px;justify-self:center}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:block;opacity:.75;pointer-events:none}.search-input{width:100%;padding:9px 40px;border:2.5px solid var(--ink);border-radius:999px;background:var(--card);font-size:15px;color:var(--ink);outline:none;transition:box-shadow .15s ease}.search-input::placeholder{color:#a89c83}.search-input:focus{box-shadow:0 0 0 3.5px #7c9a6859}.search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:var(--paper-2);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.search-list{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:350px;overflow-y:auto;background:var(--card);border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);z-index:80;padding:5px}.search-group{padding:6px 12px 2px;font-size:11.5px;color:var(--muted);font-family:var(--font-kai);letter-spacing:1px}.search-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-radius:10px;background:none;text-align:left;cursor:pointer;font-size:14px}.search-item:hover,.search-item.is-active{background:#f3ead2}.search-item .s-emoji{width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto;overflow:hidden}.search-item .s-photo{width:100%;height:100%;object-fit:cover;display:block}.search-item .s-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item .s-sub{font-size:11.5px;color:var(--muted);white-space:nowrap}.search-item mark{background:#f2dcae;border-radius:4px;padding:0 2px;color:inherit}.search-empty{padding:18px 14px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.7}@media (max-width: 900px){.app-header{grid-template-columns:1fr auto;grid-template-areas:"brand toggle" "search search";gap:8px 14px;padding:8px 12px}.brand{grid-area:brand}.search{grid-area:search;max-width:none}.panel-toggle{grid-area:toggle;display:flex}.brand-sub{display:none}.brand-text h1{font-size:18px}}@media (max-width: 767px){.side-panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:56%;transform:translateY(calc(100% + 24px));border-radius:18px 20px 16px}.side-panel.is-open{transform:none}.panel-close{display:block}}@media (max-width: 560px){.map-badge{display:none}.zoom-card{right:10px;bottom:10px;min-width:156px;padding:8px 10px 10px}.zoom-readout{font-size:15px}.preset-btn{font-size:11.5px;padding:4px 2px}.scale-bar{left:10px;bottom:12px;padding:4px 8px 5px}.scale-bar .scale-line{max-width:64px}.scale-bar .scale-label:last-child{display:none}.compass{width:48px;height:48px;top:10px;right:10px}}@media (prefers-reduced-motion: reduce){.selected-ring,.info-card,.info-sheet{animation:none}.pin,.map-marker:hover .pin{transition:none}}.brand-truth{margin-left:8px;font-size:10.5px;color:#8a8069;letter-spacing:.5px;white-space:nowrap}.app-header{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 14px;gap:14px}.brand-text h1{font-size:20px;letter-spacing:3px}.brand-sub{font-size:11px}.legend-bar{position:absolute;top:12px;left:12px;z-index:26;display:flex;flex-wrap:nowrap;gap:6px;padding:5px 7px;background:#fdfaf1f0;border:2px solid rgba(180,156,110,.9);border-radius:999px;box-shadow:0 3px 10px #3c322324}.legend-chip{border:none;background:none;padding:3px 8px;font-size:12.5px;font-family:var(--font-kai);border-radius:999px;cursor:pointer;color:var(--ink-soft);white-space:nowrap;transition:all .14s ease}.legend-chip:hover{background:#f3ead2}.legend-chip.is-off{opacity:.4;text-decoration:line-through}.map-quick{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:28;display:flex;gap:8px}.quick-btn{border:2px solid #4c4437;background:#fdfaf1f5;color:#4c4437;font-size:13px;font-family:var(--font-kai);padding:6px 14px;border-radius:999px;cursor:pointer;box-shadow:0 3px 10px #3c322329;transition:transform .14s ease,background .14s ease}.quick-btn:active{transform:scale(.94)}.quick-btn:hover{background:var(--green-soft)}.zoom-bar{position:absolute;right:12px;bottom:14px;z-index:30;display:flex;flex-direction:column;gap:5px;padding:6px 8px 5px;background:#fdfaf1f2;border:2px solid #4c4437;border-radius:16px;box-shadow:0 6px 16px #3c322333}.zoom-row{display:flex;align-items:center;gap:4px}.zoom-btn{width:30px;height:30px;border-radius:50%;border:2px solid #4c4437;background:var(--paper);font-size:16px;line-height:1;cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.zoom-btn:disabled{opacity:.4;cursor:default}.preset-btn{min-width:0;padding:5px 8px;font-size:12.5px;font-family:var(--font-kai);border:2px solid #d8cba6;border-radius:999px;background:var(--paper);cursor:pointer;white-space:nowrap;color:var(--ink-soft);transition:all .14s ease}.preset-btn:hover{border-color:var(--green-deep)}.preset-btn.is-active{background:var(--green-soft);border-color:var(--green-deep);color:#42543a;font-weight:700}.zoom-slider-row{display:flex;align-items:center;gap:6px}.zoom-pct{font-size:11px;color:var(--muted);min-width:34px;text-align:right;font-family:var(--font-kai)}.zoom-slider{flex:1;min-width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.zoom-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#d8cba6;border:1px solid #b3a276}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--card);border:2px solid var(--ink)}.zoom-slider::-moz-range-track{height:4px;border-radius:999px;background:#d8cba6;border:1px solid #b3a276}.zoom-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--card);border:2px solid var(--ink)}.map-marker.is-partner .partner-pin{position:relative;display:block;width:52px;height:52px;border-radius:50%;border:3px solid #fdfaf1;outline:2.5px solid #c98d2b;outline-offset:-3px;overflow:visible;background:radial-gradient(circle at 35% 30%,#ffedc2,#f5d37a);box-shadow:0 4px 10px #785a1459;transition:transform .18s ease}.partner-avatar{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;background:#fff6}.partner-badge{position:absolute;right:-9px;bottom:-5px;background:#c98d2b;color:#fff;font-size:9px;font-family:var(--font-kai);padding:1px 6px;border-radius:999px;border:1.5px solid #fdfaf1;letter-spacing:1px;box-shadow:0 2px 5px #785a144d}.map-marker.is-partner:hover .partner-pin{transform:scale(1.12)}.card-venue{margin-top:8px;font-size:14px;color:#5f6b4e;font-family:var(--font-kai);display:flex;align-items:center;gap:6px}.venue-dot{width:8px;height:8px;border-radius:50%;background:var(--green);border:1.5px solid #4c4437}.venue-unknown{color:var(--muted)}.card-meta{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted);line-height:1.5}.card-photo.is-partner,.card-emoji.is-partner{outline:3px solid #c98d2b}@media (max-width:720px){.brand-truth{display:none}}@media (max-width:560px){.app-header{grid-template-columns:1fr auto;row-gap:6px;padding:6px 10px}.brand-text h1{font-size:17px;letter-spacing:2px}.brand-logo svg{width:34px;height:34px}.brand-sub{font-size:10px}.search-input{font-size:14px}.zoom-bar{right:8px;bottom:10px;padding:5px 6px 4px;border-radius:14px}.zoom-btn{width:26px;height:26px;font-size:14px}.preset-btn{padding:4px 6px;font-size:11.5px}.zoom-slider{min-width:54px}.legend-bar{left:8px;right:8px;top:48px;justify-content:flex-start;overflow-x:auto;max-width:calc(100% - 16px)}.legend-chip{padding:3px 7px;font-size:11.5px}.map-quick{top:8px}.quick-btn{padding:5px 11px;font-size:12px}}.survey-entry{position:absolute;left:12px;bottom:54px;z-index:34}.survey-entry button{border:2px solid #4c4437;background:#fdfaf1f5;color:#4c4437;font-family:var(--font-kai);font-size:13px;padding:7px 12px;border-radius:999px;cursor:pointer;box-shadow:0 3px 10px #3c32232e}.survey-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.survey-banner{pointer-events:auto;position:absolute;top:8px;left:8px;right:8px;background:#fdfaf1f7;border:2px solid #c98d2b;border-radius:14px;padding:7px 10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 14px #785a1433}.survey-banner-title{font-family:var(--font-kai);font-weight:700;color:#8a5a10}.survey-privacy{font-size:10.5px;color:var(--muted)}.survey-banner-actions{display:flex;flex-wrap:wrap;gap:6px}.survey-banner-actions button{border:1.5px solid #4c4437;background:#f7f1e1;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.survey-gpsinfo{font-size:11px;color:var(--green-deep)}.survey-msg{font-size:11px;color:var(--muted)}.survey-form-sheet{pointer-events:auto;position:absolute;left:8px;right:8px;bottom:8px;background:var(--card);border:2px solid #4c4437;border-radius:18px 20px 16px;padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #3c322333;max-height:62%;overflow:auto}.survey-form-title{font-family:var(--font-kai);font-weight:700;margin:2px 0 6px}.survey-coords{font-size:12px;color:var(--ink-soft);display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.survey-obsc{color:var(--green-deep)}.survey-nearby{margin-bottom:8px}.survey-label{font-size:11px;color:var(--muted);margin-bottom:4px}.survey-near-row{display:flex;flex-wrap:wrap;gap:6px}.survey-near-chip{border:1.5px solid #b3a276;background:#fffdf5;border-radius:999px;padding:4px 8px;font-size:12px;cursor:pointer}.survey-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.survey-fields input,.survey-fields textarea{font:inherit;padding:9px 10px;border:1.5px solid #b3a276;border-radius:10px;background:#fffdf5;width:100%;box-sizing:border-box;font-size:14px}.survey-photos{margin-bottom:8px}.survey-photo-btn{border:2px solid #4c4437;background:#f7f1e1;border-radius:999px;padding:9px 14px;font-size:14px;cursor:pointer;width:100%}.survey-photo-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.survey-photo-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1.5px solid #b3a276}.survey-form-actions{display:flex;gap:10px;margin-top:4px}.survey-cancel,.survey-save{flex:1;padding:11px;border-radius:999px;font-size:15px;font-family:var(--font-kai);cursor:pointer;border:2px solid #4c4437}.survey-cancel{background:#f7f1e1}.survey-save{background:#7c9a68;color:#fff;border-color:#5f7f52}.survey-save:disabled{opacity:.45;cursor:default}.survey-hint{color:var(--muted);font-size:13px;padding:8px 0}.survey-adjust-hint{display:flex;flex-direction:column;gap:8px}.survey-list-sheet{pointer-events:auto;position:absolute;inset:auto 0 0 0;height:66%;background:var(--card);border-top:2px solid #4c4437;border-radius:18px 18px 0 0;padding:8px 12px 14px;display:flex;flex-direction:column}.survey-list-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-kai);font-weight:700}.survey-list-actions{display:flex;gap:6px}.survey-list-actions button,.survey-import-label{border:1.5px solid #4c4437;background:#f7f1e1;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.survey-list{flex:1;overflow:auto;margin-top:6px;display:flex;flex-direction:column;gap:6px}.survey-list-item{text-align:left;background:#fffdf5;border:1.5px solid #d8cba6;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.survey-item-title{font-family:var(--font-kai);font-size:14px}.survey-item-sub{font-size:11px;color:var(--muted)}.survey-empty{color:var(--muted);font-size:13px;text-align:center;padding:20px 8px}.survey-list-foot{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.survey-foot-note{font-size:11px;color:var(--muted)}.survey-detail{pointer-events:auto;position:absolute;left:8px;right:8px;bottom:8px;background:var(--card);border:2px solid #4c4437;border-radius:18px;padding:12px 14px;box-shadow:0 -8px 24px #3c322333;max-height:60%;overflow:auto}.survey-detail-head{display:flex;justify-content:space-between;font-weight:700;font-family:var(--font-kai)}.survey-detail-head button{border:none;background:none;font-size:16px;cursor:pointer}.survey-detail-title{font-family:var(--font-kai);font-size:16px;margin-top:4px}.survey-detail-sub,.survey-detail-meta{font-size:12px;color:var(--ink-soft);margin-top:2px}.survey-detail-photos{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.survey-detail-photos img{width:72px;height:72px;object-fit:cover;border-radius:8px}.survey-detail-notes{font-size:13px;color:var(--ink-soft);background:#f3ead2;border-radius:8px;padding:6px 8px;margin:6px 0}.survey-detail-actions{display:flex;gap:8px}.survey-detail-actions button{flex:1;border:1.5px solid #4c4437;background:#f7f1e1;border-radius:999px;padding:8px;font-size:13px;cursor:pointer}.survey-modal{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#3c322359;display:flex;align-items:center;justify-content:center}.survey-modal-box{background:var(--card);border:2px solid #4c4437;border-radius:14px;padding:16px;width:84%;max-width:340px}.survey-modal-actions{display:flex;gap:10px;margin-top:12px}.survey-modal-actions button{flex:1;padding:9px;border-radius:999px;border:1.5px solid #4c4437;background:#f7f1e1;cursor:pointer}.survey-danger{background:#f0d9cf!important;color:#8a3a2a!important;border-color:#b06e62!important}.field-layer .field-marker{position:absolute;transform:translate(-50%,-100%);border:none;background:none;cursor:pointer;z-index:36;pointer-events:auto}.field-marker .field-pin{font-size:30px;filter:drop-shadow(0 2px 3px rgba(60,50,35,.4))}.field-marker .marker-name{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);background:#fdfaf1f0;border:1.5px solid #c98d2b;border-radius:999px;padding:1px 8px;font-size:11.5px;color:#8a5a10;white-space:nowrap;font-family:var(--font-kai)}.field-layer .field-marker.draft{pointer-events:none;z-index:37}.field-layer .me-marker{position:absolute;transform:translate(-50%,-50%);z-index:35}.me-dot{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#4080dce6;border:2px solid #fff;box-shadow:0 1px 4px #0006}.me-accuracy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px dashed rgba(64,128,220,.8);background:#4080dc1f}.offline-banner{position:absolute;bottom:96px;left:50%;transform:translate(-50%);z-index:29;background:#785a14ed;color:#fff;border-radius:999px;padding:5px 14px;font-size:12px;white-space:nowrap}@media (max-width: 720px){.offline-banner{bottom:110px;font-size:11px}}