:root{color-scheme:light;--paper:#f5f3ed;--panel:#fffefa;--ink:#202b29;--muted:#77817c;--line:#e7e6df;--teal:#1c6658;--teal2:#a7c9b5;--sand:#e9ddc2;--accent:#b77445;--shadow:0 12px 40px #1d312313}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper)}body{overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:1000}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--teal);color:white;display:grid;place-items:center;font-size:22px;font-weight:bold}.brand strong{display:block;font-size:15px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:3px}.header-actions{display:flex;gap:10px;align-items:center}.icon-btn,.install-btn{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;height:38px;min-width:40px;font-size:18px}.install-btn{padding:0 15px;font-size:12px;background:var(--teal);color:#fff;border-color:var(--teal)}.app{height:calc(100% - 76px);display:grid;grid-template-columns:360px 1fr;direction:rtl;padding:16px;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px 25px 18px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shadow);z-index:500}.eyebrow{color:var(--teal);font-size:11px;font-weight:bold;letter-spacing:.2px}.panel h1{font-size:30px;line-height:1.35;margin:13px 0 8px;letter-spacing:-.6px}.panel h1 em{font-style:normal;color:var(--teal)}.intro{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 24px}.search-wrap{position:relative}.search-wrap label{font-size:11px;font-weight:bold;display:block;margin-bottom:9px}.searchbox{height:44px;border:1px solid var(--line);border-radius:11px;background:var(--paper);display:flex;align-items:center;padding:0 12px;gap:8px}.searchbox>span{font-size:22px;color:var(--teal)}.searchbox input{border:0;outline:0;background:transparent;width:100%;font:12px Tahoma,Arial;color:var(--ink)}.searchbox input::placeholder{color:#a2a9a4}.searchbox button{border:0;background:none;font-size:20px;color:var(--muted);cursor:pointer;display:none}.results{position:absolute;top:73px;right:0;left:0;max-height:290px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);z-index:900}.result{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}.result:last-child{border:0}.result:hover{background:var(--paper)}.result b{font-size:12px}.result small{font-size:10px;color:var(--muted);direction:ltr}.section-label{font-size:10px;color:var(--muted);margin:26px 0 10px}.zoom-state{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px}.state-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #b7744519}.zoom-state strong{font-size:12px;display:block}.zoom-state small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.zoom-state button{margin-right:auto;border:0;background:var(--paper);color:var(--teal);width:31px;height:31px;border-radius:9px;font-size:19px;cursor:pointer}.legend{display:grid;gap:11px;margin:18px 2px 0}.legend div{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.swatch{width:12px;height:12px;border-radius:4px;display:inline-block}.swatch.gov{background:#e1d1ad;border:1px solid #a6774e}.swatch.district{background:#d5e6dc;border:1px solid #5c8777}.swatch.places{background:#c57441;border-radius:50%;width:9px;height:9px;margin:0 1.5px}.notice{margin-top:22px;padding:12px 12px 10px;border-radius:11px;background:#faf5eb;border:1px solid #f0e6d4}.notice b{font-size:10px;color:#8b623c}.notice p{font-size:10px;color:#806e57;line-height:1.7;margin:6px 0 0}.panel-bottom{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.location-btn{background:var(--teal);color:white;border:0;border-radius:10px;padding:11px 13px;font:12px Tahoma;cursor:pointer}.location-btn span{font-size:17px;vertical-align:middle;margin-left:5px}.offline-status{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.offline-status i{width:6px;height:6px;border-radius:50%;background:#dcad4c}.offline-status.ready i{background:#4b9c69}.credits{font-size:9px;line-height:1.7;color:#9ba29c;margin-top:13px;border-top:1px solid var(--line);padding-top:10px}.map-shell{position:relative;min-height:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}#map{height:100%;width:100%;direction:ltr;background-color:#fff;background-image:none;background-size:auto}.leaflet-container{font:12px Tahoma,Arial,sans-serif}.leaflet-control-zoom a{color:var(--teal)!important}.leaflet-control-attribution{font-size:9px!important;color:#77817c!important;background:#fffefa9c!important}.map-caption{position:absolute;z-index:400;top:17px;right:17px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:10px;box-shadow:var(--shadow)}.caption-pin{color:var(--accent);font-size:10px}.caption-divider{width:1px;height:14px;background:var(--line);margin:0 2px}.map-note{position:absolute;z-index:800;left:50%;transform:translateX(-50%);bottom:24px;background:#fffefaed;border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-size:10px;color:#796348;box-shadow:var(--shadow);white-space:nowrap}.map-loader{position:absolute;z-index:900;inset:0;background:#f5f3edee;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--muted)}.spinner{width:17px;height:17px;border:2px solid #dce5dd;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.leaflet-popup-content-wrapper{border-radius:12px!important;background:var(--panel)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}.leaflet-popup-content{margin:13px 15px!important;min-width:150px}.pop-name{font-size:14px;font-weight:bold}.pop-en{font-size:10px;color:var(--muted);direction:ltr;text-align:right;margin-top:4px}.pop-meta{border-top:1px solid var(--line);margin-top:9px;padding-top:7px;font-size:10px;line-height:1.8;color:var(--muted)}.dark{color-scheme:dark;--paper:#182321;--panel:#202d2a;--ink:#edf1ec;--muted:#a3b0a8;--line:#34433e;--teal:#74b49d;--teal2:#294940;--sand:#6f6245;--accent:#da9a67;--shadow:0 12px 40px #0003}.dark #map{background-color:#fff;background-image:none}.dark .notice{background:#302c23;border-color:#49402f}.dark .notice b{color:#d4aa78}.dark .notice p{color:#bcaa8b}.dark .map-loader{background:#182321ee}.dark .map-caption,.dark .map-note{background:#202d2aed}.dark .swatch.gov{background:#4a4031;border-color:#c09a68}.dark .swatch.district{background:#293f37;border-color:#74b49d}@media(max-width:760px){body{overflow:hidden}.topbar{height:62px;padding:0 14px}.app{height:calc(100% - 62px);padding:9px;gap:9px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(210px,42%)}.map-shell{grid-row:1;border-radius:14px}.panel{grid-row:2;border-radius:14px;padding:16px 16px 12px}.panel h1{font-size:23px;margin:7px 0 3px}.intro{font-size:10px;margin-bottom:12px}.eyebrow{font-size:10px}.search-wrap label{font-size:10px;margin-bottom:6px}.searchbox{height:38px}.section-label{margin:13px 0 7px}.zoom-state{padding:7px 10px}.legend{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.legend div{font-size:10px}.notice{margin-top:10px;padding:8px 10px}.notice p{font-size:9px;margin-top:3px}.panel-bottom{padding-top:10px}.credits{display:none}.map-caption{top:10px;right:10px}.map-note{bottom:14px;font-size:9px;max-width:92%;white-space:normal;text-align:center}.leaflet-bottom{bottom:0}}

.map-label{background:#fffefad9!important;border:1px solid #aa754d!important;color:#37413b!important;border-radius:4px!important;box-shadow:0 1px 4px #0002!important;font-family:Tahoma,Arial,sans-serif!important;font-size:10px!important;font-weight:bold!important;padding:2px 4px!important;white-space:nowrap!important}.map-label:before{display:none}.dark .map-label{background:#202d2ade!important;border-color:#74b49d!important;color:#edf1ec!important}

.layer-options{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.layer-options summary{cursor:pointer;color:var(--teal);font-size:11px;font-weight:bold}.layer-options label{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--muted);font-size:10px;cursor:pointer}.layer-options input{accent-color:var(--teal)}.hide-map-labels .map-label{display:none!important}

.swatch.subdistrict{background:#dbe6ec;border:1px solid #557a9a}