*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b3d2e;color:#f5f5f0}.map-root,body,body>*,html,main{height:100%}.map-root{position:absolute;inset:0;width:100%}.pin-popup{font:14px/1.3 system-ui,sans-serif}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;z-index:20}.sheet{position:relative;width:100%;background:#fff;color:#111;border-radius:16px 16px 0 0;padding:20px 16px 28px;box-shadow:0 -4px 16px rgba(0,0,0,.2)}.sheet-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;line-height:1}.sheet-row{display:flex;gap:12px;margin:8px 0 4px}.cat-btn{flex:1 1;padding:18px;font-size:20px;font-weight:700;border:2px solid #ccc;border-radius:12px;background:#f7f7f7}.cat-btn.is-active{border-color:#1e6fd9;background:#e7f0fc}.chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{padding:12px 16px;font-size:16px;border:2px solid #ccc;border-radius:999px;background:#fff}.chip.is-active{border-color:#2e8b3d;background:#e8f5ea}.post-btn{width:100%;margin-top:12px;padding:18px;font-size:20px;font-weight:700;color:#fff;background:#1e6fd9;border:0;border-radius:12px}.post-btn:disabled{background:#9bbbe6}.sheet-error{color:#b00020;margin:8px 0 0;font-size:14px}.map-home{position:relative;height:100%}.map-fallback{position:absolute;inset:0;z-index:5;overflow-y:auto;background:#0b3d2e;color:#f5f5f0;padding:104px 16px 100px;display:flex;flex-direction:column;gap:8px}.map-fallback-msg{margin:0;font-size:15px;line-height:1.5;color:#f5d97e}.map-fallback-sub{margin:0;font-size:13px;color:#a8c9b8}.map-fallback-empty{margin:16px 0 0;font-size:14px;color:#a8c9b8}.map-fallback-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.map-fallback-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:12px;row-gap:4px;background:rgba(255,255,255,.07);border-radius:10px;padding:12px 14px}.map-fallback-label{font-size:16px;font-weight:600;color:#f5f5f0}.map-fallback-price{font-size:14px;color:#f5d97e}.fab{position:fixed;right:18px;bottom:24px;width:60px;height:60px;border-radius:50%;border:0;background:#1e6fd9;color:#fff;font-size:34px;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.35);z-index:10}.filter-bar{position:absolute;top:0;left:0;right:0;z-index:8;padding:8px 8px 6px;background:linear-gradient(180deg,rgba(11,61,46,.92),rgba(11,61,46,0));pointer-events:none}.filter-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row-items{margin-top:6px}.filter-chip{flex:0 0 auto;padding:8px 14px;font-size:15px;font-weight:600;color:#0b3d2e;background:#fff;border:2px solid transparent;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.filter-chip-sm{padding:6px 12px;font-size:14px;font-weight:500;min-height:40px;display:inline-flex;align-items:center}.filter-chip.is-active{border-color:#1e6fd9;background:#e7f0fc}.pin-marker{position:relative;width:26px;height:26px;cursor:pointer}.pin-ring{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.4)}.pin-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff}.pin-clock{position:absolute;top:-6px;right:-6px;font-size:11px;line-height:1}.pin-landed{margin-top:4px;font-size:12px;color:#555}.pin-landed.is-warn{color:#b00020;font-weight:700}.map-fallback-landed{display:block;width:100%;margin-top:4px;font-size:12px;color:#a8c9b8}.map-fallback-landed.is-warn{color:#f5a3a3;font-weight:700}.list-sheet{position:fixed;left:0;right:0;bottom:0;z-index:12;max-height:45vh;background:#fff;color:#111;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.2);display:flex;flex-direction:column}.list-handle{width:40px;height:4px;border-radius:2px;background:#ccc;margin:8px auto 4px}.list-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 8px;border-bottom:1px solid #eee}.list-sort{display:flex;gap:8px}.list-sort-btn{padding:8px 14px;font-size:14px;font-weight:600;border:2px solid #ccc;border-radius:999px;background:#f7f7f7;color:#111}.list-sort-btn.is-active{border-color:#1e6fd9;background:#e7f0fc}.list-close{border:0;background:none;font-size:26px;line-height:1;min-width:44px;min-height:44px}.list-empty{padding:24px 16px;text-align:center;color:#777}.list-rows{list-style:none;margin:0;padding:4px 0 16px;overflow-y:auto}.list-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:10px;gap:10px;padding:12px 16px;border-bottom:1px solid #f2f2f2}.list-label{font-size:16px;font-weight:600}.list-price{font-size:14px;color:#1e6fd9}.list-distance{font-size:13px;color:#666}.list-landed{grid-column:1/-1;font-size:12px;color:#555}.list-landed.is-warn{color:#b00020;font-weight:700}.list-dot{width:14px;height:14px;border-radius:50%;background:#2e8b3d;border:2px solid #2e8b3d}.list-dot.band-stale{border-color:#777}.landed-step{margin-top:4px}.landed-note{margin:4px 0 0;font-size:13px;color:#8a6d00}.village-backdrop{position:fixed;inset:0;z-index:18;background:rgba(0,0,0,.45);display:flex;align-items:flex-end}.village-sheet{width:100%;background:#fff;color:#111;border-radius:16px 16px 0 0;padding:18px 16px 24px}.village-title{margin:0;font-size:20px}.village-sub{margin:4px 0 12px;font-size:14px;color:#555}.village-list{display:flex;flex-wrap:wrap;gap:8px}.village-item{flex:1 0 40%;padding:14px;font-size:16px;font-weight:600;border:2px solid #ccc;border-radius:12px;background:#f7f7f7;color:#111}.village-skip{width:100%;margin-top:14px;padding:12px;font-size:15px;border:0;background:none;color:#1e6fd9}.list-reopen{position:fixed;left:18px;bottom:24px;padding:12px 18px;font-size:15px;font-weight:700;color:#fff;background:#2e8b3d;border:0;border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.35);z-index:10}