@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#1b2430;background:#f6f8f7;font-synthesis:none;--green: #1c7c54;--green-dark: #105c3c;--line: #dce4df;--shadow: 0 18px 50px rgba(25, 55, 43, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1,h2,.brand{font-family:Manrope,sans-serif}.topbar{height:72px;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:12px}.container{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}.hero,.detail-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:34px}.hero h1,.detail-heading h1{font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:-.04em;margin-bottom:12px}.hero p:not(.eyebrow),.detail-heading p:not(.eyebrow){color:#69736e;max-width:620px;margin-bottom:0;font-size:17px}.eyebrow{color:var(--green);font-weight:700;letter-spacing:.14em;font-size:12px;margin-bottom:9px}.button{border:0;background:var(--green);color:#fff;border-radius:11px;padding:12px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s ease;white-space:nowrap}.button:hover{background:var(--green-dark);transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.secondary{background:#fff;color:#35433c;border:1px solid var(--line)}.button.secondary:hover{background:#f2f5f3}.button.small{padding:8px 12px;font-size:14px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.map-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 7px 25px #1e3c300d;transition:.2s ease}.map-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-preview{height:170px;background:radial-gradient(circle at 15% 20%,#a5d8bc 0 3%,transparent 4%),linear-gradient(135deg,#dfeee6,#b6d9c7);display:grid;place-content:center;gap:11px;text-align:center;color:var(--green-dark)}.card-preview span{background:#ffffffbf;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.card-body{padding:20px}.card-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.card-title h2{font-size:18px;margin-bottom:8px}.card-body>p{color:#768079;font-size:14px;min-height:40px;margin:16px 0}.badge{display:inline-block;font-size:11px;color:#6c7771;background:#eef1ef;padding:4px 8px;border-radius:20px}.badge.public{color:#12603e;background:#dcf3e7}.icon-button{border:0;background:transparent;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:#657069}.icon-button:hover{background:#edf1ef}.icon-button.danger:hover{color:#ba3030;background:#fff0f0}.card-actions{border-top:1px solid #edf0ee;padding-top:14px;display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--green)}.card-actions a{display:flex;align-items:center;gap:4px}.state,.empty{padding:80px 24px;text-align:center;color:#707a74}.empty{background:#fff;border:1px dashed #bdc9c2;border-radius:18px}.empty svg{color:var(--green)}.empty h2{color:#27332d;margin:14px 0 8px}.alert{background:#fff0f0;color:#a62929;border:1px solid #f4caca;padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:14px}.modal-backdrop{position:fixed;inset:0;background:#101d178c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);background:#fff;padding:28px;border-radius:20px;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto}.modal-heading,.panel-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.modal-heading h2,.panel-title h2{margin-bottom:22px;font-size:22px}.form-stack{display:grid;gap:18px}.form-stack label{display:grid;gap:7px;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #ccd5d0;border-radius:10px;padding:11px 12px;background:#fff;color:#25312b;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1c7c541a}textarea{min-height:86px;resize:vertical}.form-stack .check{display:flex;grid-template-columns:18px auto;align-items:center;font-weight:500}.check input{width:17px;height:17px;accent-color:var(--green)}.back{display:inline-flex;gap:7px;align-items:center;font-size:14px;font-weight:700;color:#617068;margin-bottom:28px}.action-row{display:flex;gap:10px}.map-viewer{height:560px;position:relative;border-radius:18px;overflow:hidden;background:#dce7e1;box-shadow:var(--shadow)}.map-viewer iframe{border:0;width:100%;height:100%;display:block}.legend-stack{position:absolute;z-index:2;width:min(310px,calc(100% - 32px));display:grid;gap:10px;max-height:calc(100% - 36px);overflow-y:auto;scrollbar-width:thin}.top-left{top:18px;left:18px}.top-right{top:18px;right:18px}.bottom-left{bottom:18px;left:18px}.bottom-right{bottom:18px;right:18px}.legend-block{background:#fffffff5;border:1px solid rgba(30,45,38,.12);border-radius:14px;box-shadow:0 10px 28px #14281f2e;color:#1d2923;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-category-header{width:100%;min-height:45px;padding:11px 12px 11px 15px;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;cursor:pointer;color:inherit}.legend-category-header>strong{font-family:Manrope,sans-serif;font-size:14px}.legend-toggle{width:25px;height:25px;border-radius:8px;background:#edf2ef;display:grid;place-items:center;flex:0 0 auto}.legend-block.collapsed{width:fit-content;min-width:160px;justify-self:end}.top-left .legend-block.collapsed,.bottom-left .legend-block.collapsed{justify-self:start}.legend-rows{padding:0 14px 12px;display:grid}.legend-category+.legend-category{border-top:1px solid #edf0ee}.legend-row{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #edf0ee}.legend-row>div{min-width:0}.legend-row strong{display:block;font-size:13px;font-weight:600}.legend-row small{display:block;margin-top:2px;color:#6e7872;font-size:11px;line-height:1.35;white-space:pre-wrap}.legend-swatch{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px #0000001f;justify-self:center}.legend-icon{font-size:19px;line-height:1;text-align:center}.legend-icon-image{width:22px;height:22px;display:block;object-fit:contain;justify-self:center}.settings-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.switch-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.switch-row p{font-size:13px;color:#768079;margin:5px 0 0}.switch-row input{width:20px;height:20px;accent-color:var(--green)}.share-url{display:block;margin-top:18px;padding:11px;border-radius:8px;background:#f1f4f2;overflow:hidden;text-overflow:ellipsis;font-size:12px}.muted{color:#7b857f;font-size:14px}.annotation-list{display:grid;gap:7px}.annotation-list>div{display:grid;grid-template-columns:18px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid #edf0ee;border-radius:10px}.annotation-list small{display:block;color:#7b857f;margin-top:3px}.color-dot{width:11px;height:11px;border-radius:3px;border:1px solid #b9c2bd}.row-icon{width:16px;text-align:center;font-size:15px}.row-icon-image{width:18px;height:18px;object-fit:contain}.row-actions{display:flex}.edit-form-heading{display:flex;justify-content:space-between;align-items:center;color:#35433c}.annotation-form{padding:14px;background:#f5f7f6;border-radius:12px;display:grid;gap:9px;margin-bottom:14px}.inline-fields{display:grid;grid-template-columns:1fr 48px auto;gap:8px}.inline-fields input[type=color]{height:42px;padding:4px}.block-fields{grid-template-columns:1fr 1fr auto;align-items:center}.block-fields .check{display:flex;align-items:center;gap:7px;font-size:12px}.block-fields .check input{width:16px}.block-list{display:grid;gap:12px}.block-editor{border:1px solid var(--line);border-radius:13px;overflow:hidden}.block-editor>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;background:#f5f7f6}.block-editor>header small{display:block;color:#748078;margin-top:3px}.block-editor>header>div:last-child{display:flex}.block-editor .annotation-form{margin:10px}.block-editor .annotation-list{padding:0 10px 10px}.row-marker-fields{display:grid;grid-template-columns:120px 1fr auto;gap:8px}.row-marker-fields input[type=color]{height:42px;padding:4px}.icon-upload{min-height:42px;border:1px dashed #aebbb4;border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:9px;color:#5f6d65;font-size:12px;cursor:pointer;background:#fff}.icon-upload:hover{border-color:var(--green)}.icon-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.icon-upload img{width:27px;height:27px;object-fit:contain}.public-view{height:100vh;display:grid;grid-template-rows:auto 1fr;background:#fff}.public-view .map-viewer{height:auto;border-radius:0;box-shadow:none}.public-title{padding:15px 22px;border-bottom:1px solid var(--line)}.public-title h1{font-size:18px;margin-bottom:2px}.public-title p{margin:0;color:#737e77;font-size:13px}.fullscreen-state{min-height:100vh;display:grid;place-content:center;text-align:center;padding:20px}@media(max-width:850px){.map-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.detail-heading{align-items:flex-start;flex-direction:column}.map-viewer{height:500px}}@media(max-width:580px){.topbar{padding:0 16px}.topbar .button{font-size:0;padding:11px}.topbar .button:after{content:"My Maps";font-size:13px}.container{width:min(100% - 28px,1180px);padding-top:32px}.hero{align-items:flex-start;flex-direction:column}.hero .button{width:100%}.map-grid{grid-template-columns:1fr}.action-row{width:100%;flex-wrap:wrap}.action-row>*{flex:1}.map-viewer{height:68vh;min-height:430px}.legend-stack{width:calc(100% - 24px);left:12px;right:12px}.top-left,.top-right{top:12px}.bottom-left,.bottom-right{bottom:12px}.block-fields,.row-marker-fields{grid-template-columns:1fr}.modal{padding:22px}}