:root{--ink:#263c34;--deep:#173b31;--green:#275b46;--muted:#65736d;--line:#dce1d7;--paper:#f6f7f2;--cream:#e8eedf;--font:"DM Sans", "Inter", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--font);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{opacity:.5;cursor:default}a{color:var(--green)}:is(button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #d29b2c}svg{flex-shrink:0}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}h1,h2,h3,p{margin:0}.topbar{color:#fff;background:#173b31;height:72px}.header-inner{align-items:center;gap:clamp(38px,6vw,100px);max-width:1680px;height:100%;margin:auto;padding:0 clamp(24px,4.4vw,74px);display:flex}.brand{color:#fff;gap:10px;padding:0}.brand img{width:40px;height:40px}.brand strong{letter-spacing:-1.8px;font-size:26px;font-weight:740;line-height:1}.brand strong span{margin-inline-start:3px;font-weight:440}.topbar nav{align-self:stretch;align-items:stretch;gap:24px;display:flex}.topbar nav button{color:#c4d1c7;padding:0 4px;font-size:14px;font-weight:570;position:relative}.topbar nav button.nav-active{color:#fff}.topbar nav .nav-active:after{content:"";background:#c5d798;border-radius:3px;height:3px;position:absolute;bottom:0;left:3px;right:3px}.topbar nav small{background:#426355;border-radius:6px;padding:0 5px}.header-right{align-items:center;gap:20px;margin-inline-start:auto;display:flex}.header-right button{color:#e0e9e1;padding:8px 0;font-size:13px}.header-right i{background:#527066;width:1px;height:18px}.language{min-width:55px}.workspace{max-width:1680px;margin:auto;padding:0 clamp(24px,4.4vw,74px)}.page-intro{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px;display:flex}.context{color:#626f66;align-items:center;gap:10px;font-size:12px;font-weight:560;display:flex}.context>span:not(.country-flag){color:#a1aba0}.country-flag{background:linear-gradient(#bc5848 0 26%,#faf9f1 26% 74%,#bc5848 74%);border-radius:2px;justify-content:center;align-items:center;width:17px;height:12px;display:inline-flex;box-shadow:0 0 0 1px #ddd}.country-flag i{clip-path:polygon(50% 0,72% 32%,63% 32%,88% 61%,73% 61%,100% 82%,57% 82%,57% 100%,44% 100%,44% 82%,0 82%,27% 61%,12% 61%,38% 32%,28% 32%);background:#356f47;width:7px;height:7px}h1{letter-spacing:-.052em;margin:8px 0;font-size:clamp(32px,3.3vw,54px);font-weight:640;line-height:1.12}.page-intro p{color:#64746a;font-size:15px;line-height:1.5}.primary,.outline-btn,.quiet{border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:10px 15px;font-size:14px;font-weight:610;line-height:1.25;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff;border:1px solid #24563f}.primary:hover:enabled{background:#1a4435}.draw-main{align-self:center;min-height:45px;padding:11px 17px;box-shadow:0 2px 4px #14382c12}.draw-main svg:last-child{margin-inline-start:8px}.outline-btn{background:#fff;border:1px solid #cbd5c9}.quiet{color:var(--muted);background:0 0;font-weight:500}.full{width:100%}.work-grid{grid-template-columns:minmax(254px,292px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.side-card,.map-card{background:#fff;border:1px solid #d4dbd0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #30453507}.side-card{scrollbar-width:thin;flex-direction:column;max-height:clamp(550px,65vh,825px);display:flex;overflow:auto}.side-section{padding:23px 22px}.section-symbol{color:#416747;background:#eaf0e3;border:1px solid #dde6d4;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:14px;display:flex}h2{letter-spacing:-.042em;font-size:23px;font-weight:655;line-height:1.2}h3{letter-spacing:-.018em;font-size:15px;font-weight:650;line-height:1.35}.side-section>p{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.55}.search-wrap{color:#728075;background:#fbfcf8;border:1px solid #c8d1c6;border-radius:7px;align-items:center;gap:8px;height:43px;padding:0 12px;display:flex}.search-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:0;font-size:13px}.search-wrap:focus-within{outline:2px solid #7f9a78}.search-wrap button{padding:0}.results{border:1px solid var(--line);background:#fff;border-radius:7px;max-height:235px;margin-top:6px;padding:3px;overflow:auto}.results button{text-align:start;justify-content:space-between;width:100%;padding:7px;font-size:13px}.results small{color:var(--muted);font-size:11px;display:block}.results button:hover,.place-row:hover{background:#f0f4ea}.locations{border-top:1px solid var(--line);padding-top:18px}.locations h3{margin-bottom:7px}.place-row{align-items:center;justify-content:initial;text-align:start;border-bottom:1px solid #e7ebe2;gap:11px;width:100%;padding:10px 0;display:flex}.place-row:last-child{border-bottom:none}.place-row b,.place-row small{display:block}.place-row b{font-size:14px;font-weight:610}.place-row small{color:#778176;margin-top:2px;font-size:11.5px}.place-row>svg:last-child{color:#829183;margin-inline-start:auto}.pin{color:#5b7658;background:#edf1e5;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.pin1{color:#947442;background:#f5eddd}.pin2{color:#6d7d88;background:#e8eeef}.guide-box{background:#f0f3e8;border:1px solid #e2e7d7;border-radius:8px;align-items:center;gap:9px;min-height:82px;margin:auto 14px 15px;padding:12px 10px;display:flex}.guide-art{flex:0 0 65px;width:65px;overflow:hidden}.guide-art svg{width:100%;display:block}.guide-box b{font-size:12px;font-weight:640}.guide-box button{color:#3c6348;gap:3px;padding:2px 0;font-size:12px}.map-column{min-width:0}.map-card{flex-direction:column;height:clamp(550px,65vh,825px);display:flex}.map-body{background:#b7c0a7;flex:1;position:relative;overflow:hidden;container-type:size}.map-first-paint{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.overview-start{width:min(434cqw - 260px,348cqh - 195px);max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-49.87%,-53.25%)}.leaflet-host{z-index:1;direction:ltr;position:absolute;inset:0;background:#b7c0a7!important}.map-switch,.map-ctrl,.north,.draw-tools,.map-error,.tiles-error{z-index:500;position:absolute}.map-switch{direction:ltr;background:#f9faf5;border:1px solid #e0e3d6;border-radius:8px;padding:3px;display:flex;top:15px;left:15px;box-shadow:0 2px 8px #132c2638}.map-switch button{color:#536156;border-radius:5px;gap:6px;padding:7px 10px;font-size:12px;font-weight:620}.map-switch button.active{color:#fff;background:#2b4e3e}.map-ctrl{color:#31493a;background:#fcfdf9;border:1px solid #d5decd;border-radius:7px;display:grid;bottom:38px;right:14px;box-shadow:0 2px 8px #172e2444}.map-ctrl button{border-bottom:1px solid #dbe1d5;width:36px;height:35px}.map-ctrl button:last-child{border-bottom:0}.map-ctrl button:hover,.map-switch button:not(.active):hover{background:#e6edde}.map-ctrl svg{width:17px;height:17px}.north{color:#fff;filter:drop-shadow(0 1px 3px #1a3227);line-height:1;font:600 11px/1.2 var(--font);flex-direction:column;align-items:center;display:flex;top:15px;right:20px}.north svg{width:17px;height:25px}.map-status{color:#626e64;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:4px;height:38px;padding:0 14px;font-size:11px;display:flex}.map-status>span{align-items:center;gap:6px;display:flex}.map-status i{background:#73995d;border-radius:50%;width:7px;height:7px}.map-status span:last-child{font-family:ui-monospace,Courier New,monospace;font-size:10.5px}.imagery-credit{z-index:410;background:#f7faf0df;padding:0 4px;font-size:9px;line-height:13px;position:absolute;bottom:0;right:0}.imagery-credit:empty{display:none}.imagery-credit a{color:#324c3e;text-decoration:none}.leaflet-control-scale-line{color:#fff!important;text-shadow:0 1px 3px #000!important;background:#1934297d!important;border-color:#fff!important;font-size:10px!important}.leaflet-control-scale{margin-bottom:13px!important;margin-left:14px!important}.place-tag{white-space:nowrap;color:#fff;font:600 12px/1.15 var(--font);text-shadow:0 1px 3px #1d2e24,0 0 4px #132211,0 1px 5px #1c2b20;pointer-events:none!important;background:0 0!important;border:0!important}.place-tag span{position:absolute;top:-6px;left:6px}.place-tag.city:before,.place-tag.major:before{content:"";background:#fcfae8;border:1px solid #36463c;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:-3px}.place-tag.major{font-size:15px}.place-tag.country,.place-tag.nearby{letter-spacing:4px;color:#fff7d2;font-size:16px;font-weight:650}.place-tag.nearby{letter-spacing:3px;color:#e6e5ce;font-size:12px}.place-tag.water{color:#e8f2e7;letter-spacing:.4px;font-family:Georgia,serif;font-size:17px;font-style:italic;font-weight:400}.place-tag.country span,.place-tag.nearby span,.place-tag.water span{left:0;transform:translate(-50%)}.map-body.drawing .leaflet-host{cursor:crosshair}.vertex{background:#fff7ae;border:2px solid #594a1a;border-radius:3px}.draw-tools{white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:5px;font-size:12px;display:flex;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #142e2640}.draw-tools>span{align-items:center;gap:5px;padding:0 6px;display:flex}.draw-tools button{border-radius:4px;min-width:30px;min-height:31px;padding:3px 6px}.draw-tools .finish{background:var(--green);color:#fff}.map-error,.tiles-error{text-align:start;color:#57462f;background:#fcf7dd;border-radius:5px;max-width:78%;padding:7px 10px;font-size:12px;top:65px;left:14px}.map-error{z-index:502}.workspace footer{color:#7a837a;align-items:center;gap:12px;padding:17px 1px 20px;font-size:11.5px;display:flex}.footer-brand{color:#58695a;align-items:center;gap:5px;font-weight:630;display:flex}.workspace footer>span:nth-child(2){border-inline-start:1px solid #cdd5c8;padding-inline-start:12px}.workspace footer button{color:#5e6c60;margin-inline-start:auto;font-size:12px}.area{background:#f6f8f0;border-block:1px solid #e0e6d9;border-radius:6px;flex-direction:column;align-items:flex-start;margin:16px 0;padding:12px 14px;display:flex}.area>span,.area>small{color:#6f7b69;font-size:12px}.area strong{letter-spacing:-.04em;font-size:25px;line-height:1.25}.area strong small{font-size:14px;font-weight:450}.link{color:var(--green);padding:4px 0;font-size:12px}.editor form{gap:12px;display:grid}.editor label,.coords-entry label{gap:4px;font-size:12px;font-weight:600;display:grid}.editor input,.editor select,.editor textarea,.coords-entry input{width:100%;min-width:0;color:var(--ink);background:#fcfdf9;border:1px solid #cbd5c7;border-radius:6px;padding:9px 10px;font-size:14px;font-weight:400}.editor .quiet{margin-top:-6px}.savenote{color:#626f62;align-items:flex-start;gap:7px;display:flex}.savenote small{font-size:11.5px}.coords-entry{margin:10px 0 18px;font-size:13px}.coords-entry summary{cursor:pointer}.coords-entry label{margin:8px 0}.record .link+h2{margin-top:9px}.record dl{margin:0 0 14px;font-size:12px}.record dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;display:flex}dd{text-align:end;overflow-wrap:anywhere;margin:0}.record dt{color:var(--muted)}.record>.outline-btn{margin-top:10px}.confirm,.register-empty{background:#f2f5ec;border:1px solid #d9e2d2;border-radius:7px;margin-top:14px;padding:13px;font-size:13px}.confirm button{padding:8px;font-size:12px}.register-empty p{color:var(--muted);margin:5px 0 12px}.parcel-list{margin-top:10px}.toast{z-index:1200;color:#fff;background:#213c30;border:1px solid #839e89;border-radius:8px;align-items:center;gap:15px;max-width:90vw;padding:12px 15px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #12251e48}.toast button{color:#fff;padding:3px}dialog{width:min(480px,100vw - 26px);max-height:85dvh;color:var(--ink);background:#fdfef9;border:1px solid #cfd9c9;border-radius:14px;padding:24px;overflow:auto;box-shadow:0 20px 80px #112c2a40}dialog::backdrop{background:#10251ed1}dialog section{margin-top:17px}dialog p{color:#637066;margin:5px 0;font-size:13px;line-height:1.6}.guide-head{justify-content:space-between;align-items:center;display:flex}.guide-head button{padding:6px}dialog details{margin-top:18px;font-size:12px}dialog summary{cursor:pointer;font-weight:600}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:normal}html[dir=rtl] .place-tag{letter-spacing:0;font-family:Arial,sans-serif}@media (min-width:1500px){.work-grid{grid-template-columns:320px minmax(0,1fr)}.side-section{padding:26px}.guide-box{margin:auto 18px 17px}.guide-box b,.guide-box button{font-size:13px}.place-row{padding:13px 0}}@media (max-width:1050px){.header-inner,.workspace{padding-inline:24px}.work-grid{grid-template-columns:255px minmax(0,1fr);gap:14px}.header-inner{gap:40px}.side-section{padding:20px 17px}.map-ctrl{right:9px}.map-switch{top:10px;left:10px}}@media (max-width:819px){.topbar{height:59px}.header-inner,.workspace{padding-inline:15px}.header-inner{gap:18px}.brand img{width:31px;height:31px}.brand strong{font-size:22px}.topbar nav{gap:10px}.topbar nav button{font-size:12px}.header-right{gap:10px}.header-right .guide-link,.header-right i{display:none}.header-right button{font-size:12px}.page-intro{align-items:center;padding:20px 0 16px}.context{gap:7px;font-size:10px}.page-intro h1{font-size:32px}.page-intro p{max-width:390px;font-size:12px}.draw-main{gap:5px;min-height:39px;padding:9px 10px;font-size:12px}.draw-main svg:last-child{display:none}.work-grid{flex-direction:column;gap:13px;display:flex}.map-column{order:0;scroll-margin-top:6px}.side-card{order:1;max-height:none}.side-home{grid-template-columns:1fr 1fr;align-items:start;display:grid}.side-home .locations{border-top:0;border-inline-start:1px solid var(--line)}.guide-box{grid-column:1/-1;width:calc(100% - 32px);min-height:60px;margin:0 16px 14px}.guide-art{flex-basis:60px}.side-section{padding:17px}.side-home .section-symbol{display:none}.map-card{height:min(59dvh,530px);min-height:340px}.map-status{height:32px;padding:0 9px;font-size:10px}.map-status span:last-child{font-size:9px}.map-switch button{padding:6px 8px;font-size:11px}.map-ctrl button{width:33px;height:34px}.side-section h2{font-size:21px}.side-edit form{grid-template-columns:1fr 1fr}.editor form>label:last-of-type,.editor .savenote{grid-column:1/-1}.workspace footer{flex-wrap:wrap;gap:6px;font-size:10px}.workspace footer>span:nth-child(2){padding-inline-start:6px}.workspace footer button{font-size:10px}.side-edit,.side-record{scroll-margin-top:8px}.map-ctrl{bottom:26px}.draw-tools{bottom:24px}.draw-tools>span{font-size:10px}}@media (max-width:540px){.header-inner{gap:13px}.topbar nav button{flex-direction:column;gap:2px;font-size:10px}.topbar nav button svg{width:15px;height:15px}.topbar nav{gap:6px}.brand{gap:5px}.header-right .language{gap:4px;min-width:42px}.header-right .language svg{width:13px}.page-intro{gap:8px}.page-intro h1{font-size:30px}.page-intro p{max-width:250px;font-size:11.5px}.work-grid{gap:10px}.side-home{display:flex}.side-home .locations{border:0;border-top:1px solid var(--line);width:100%}.side-home .side-section{width:100%}.side-home .search-section{padding:14px 16px}.side-home .search-section>p{margin:5px 0 9px}.side-home .guide-box{align-self:stretch;width:auto}.side-edit form{grid-template-columns:1fr;display:grid}.map-card{height:51dvh;min-height:330px}.place-tag.water{font-size:12px}.place-tag.country{letter-spacing:2px;font-size:13px}.place-tag.city{font-size:10px}.draw-tools{left:8px;transform:none}.draw-tools>span svg{display:none}.map-switch,.north{top:9px}.workspace footer>span:nth-child(2){display:none}.coords-entry input,.editor input,.editor textarea,.editor select,.search-wrap input{font-size:16px}.toast{min-width:75vw}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important}}.compact-search .section-symbol,.compact-search>p,.compact-search>h2{display:none}.compact-search{margin:12px 0}.attribute-table{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:18px;overflow:hidden}.attribute-table header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.attribute-table h2{align-items:center;gap:9px;font-size:18px;display:flex}.attribute-table .outline-btn{min-height:33px;font-size:12px}.table-scroll{overflow-x:auto}.attribute-table table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.attribute-table th,.attribute-table td{text-align:start;border-bottom:1px solid #e7ebe2;padding:9px 12px}.attribute-table thead{color:#536452;background:#f2f5ed}.attribute-table tbody tr:hover{background:#fafbf5}.parcel-export-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}
