*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2a31}#map{inset:0}#map,.panel{position:absolute}.panel{top:12px;left:12px;z-index:5;width:270px;background:#fff;border:1px solid #d7d2c6;border-radius:12px;padding:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-height:calc(100vh - 24px);overflow:auto}.panel h1{font-size:16px;margin:0 0 4px}.panel p.sub{font-size:12px;color:#5d6b72;margin:0 0 12px}.personas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.persona{font-size:13px;padding:5px 10px;border:1px solid #d7d2c6;border-radius:8px;background:#faf8f3;cursor:pointer}.persona.active{background:#1c2a31;color:#fff;border-color:#1c2a31}.layer{padding:7px 0;border-top:1px solid #efece4}.layer-row{display:flex;align-items:center;gap:8px;cursor:pointer}.layer-row span{font-size:14px}.layer input[type=range]{width:100%;margin-top:5px;accent-color:#c8632f}.legend{display:flex;align-items:center;gap:8px;margin-top:12px}.ramp{height:10px;width:130px;border-radius:5px;background:linear-gradient(90deg,#d4503e,#e7b94e,#2f9e6b)}.legend small{font-size:12px;color:#5d6b72}.lead{margin-top:14px;border-top:1px solid #efece4;padding-top:12px}.lead input,.lead textarea{width:100%;margin:4px 0;padding:7px;border:1px solid #d7d2c6;border-radius:7px;font-size:13px;font-family:inherit}.lead button{width:100%;padding:9px;background:#c8632f;color:#fff;border:none;cursor:pointer;margin-top:4px}.lead .ok,.lead button,.ok{border-radius:8px;font-size:14px}.lead .ok,.ok{font-weight:600;color:#2f9e6b;margin:8px 0 0;padding:8px 10px;background:#eafaf963}.zone-card{position:absolute;top:12px;right:12px;z-index:6;width:330px;max-height:calc(100vh - 24px);overflow-y:auto;background:#fff;border:1px solid #d7d2c6;border-radius:12px;padding:16px 16px 18px;box-shadow:0 6px 24px rgba(0,0,0,.14)}.zone-card .zc-close{position:absolute;top:8px;right:10px;z-index:2;width:30px;height:30px;border:none;background:#f2efe8;border-radius:50%;font-size:18px;line-height:1;color:#5d6b72;cursor:pointer;padding:0}.zone-card .zc-close:hover{background:#e5e1d8}.zone-card strong{display:block;padding-right:28px}@media (max-width:640px){.zone-card{top:auto;bottom:0;right:0;left:0;width:auto;max-height:72vh;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px rgba(0,0,0,.16);padding-top:22px}.panel{max-height:40vh;width:calc(100vw - 24px)}}.zc-handle{display:none}@media (max-width:640px){.zc-handle{display:block;width:44px;height:5px;background:#cfcbc1;border-radius:3px;margin:-8px auto 10px;cursor:-webkit-grab;cursor:grab}}.map-footer{position:absolute;bottom:52px;right:12px;z-index:10;font-size:11px;display:flex;gap:10px;align-items:center;background:hsla(0,0%,100%,.85);padding:4px 10px;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-footer a{color:#5d6b72;text-decoration:none}.map-footer a:hover{color:#1c2a31;text-decoration:underline}@media (max-width:640px){.map-footer{bottom:52px;right:8px;font-size:10px}.map-footer.footer-hidden-mobile{display:none}.panel-scroll-hint{position:absolute;left:12px;width:calc(100vw - 24px);top:calc(40vh - 18px);height:30px;pointer-events:none;z-index:6;border-radius:0 0 12px 12px;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}}@media (min-width:641px){.panel-scroll-hint{display:none}}