:root{--ink:#171f2d;--muted:#7c8592;--paper:#fff;--line:#e8ebef;--accent:#f09c57;--shadow:0 8px 32px #15233716}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);overflow:hidden;background:#ebeff2}button,input,select,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #4088ff;outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#map{position:fixed;inset:74px 0 0;z-index:0;background:#e6eaed}.leaflet-tile-pane{filter:saturate(.35) contrast(.94) brightness(1.035)}.masthead{height:74px;position:fixed;inset:0 0 auto;background:#161e2a;color:white;display:flex;align-items:center;padding:0 28px 0 16px;gap:20px;z-index:600}.icon-button{width:42px;height:42px;flex-shrink:0;border:0;background:transparent;color:inherit;display:grid;place-items:center;border-radius:10px;font-size:21px}.icon-button svg{width:24px;height:24px}.icon-button:hover{background:#ffffff16}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:1.5px}.brand-mark{font-size:18px;font-family:serif;border:1px solid #ffffff4a;padding:5px 7px;color:#f5b87c;letter-spacing:0}.brand-light{font-weight:350;margin-left:5px;color:#c5ccd5}.header-rule{width:1px;height:23px;background:#ffffff25}.header-caption{font-size:9px;letter-spacing:2px;color:#a0adbd}.header-right{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:2px;color:#e3e7ee;white-space:nowrap}.header-right i{font-style:normal;color:#eea163;padding:0 12px}.edition{border:1px solid #ffffff22;border-radius:5px;padding:7px 9px;margin-left:24px;font-size:8px;color:#a0adbd}.explore-controls{position:fixed;top:96px;left:28px;right:28px;z-index:500;display:flex;gap:14px;align-items:center;pointer-events:none}.explore-controls>*{pointer-events:auto}.searchbox{width:340px;min-width:250px;flex-shrink:0;display:flex;gap:12px;align-items:center;padding:6px 17px;background:white;border-radius:12px;box-shadow:var(--shadow);height:52px;border:1px solid #e7ebef}.searchbox svg{width:19px;height:19px;color:#8c97a4;flex-shrink:0}#search{width:100%;min-width:0;border:0;outline:0;font-size:12px;padding:9px 0}.search-hint{color:#b8c0c9;font-size:20px}.filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:6px 0}.filters button{border:1px solid #e5e9ee;border-radius:9px;background:#fff;color:#525e6d;box-shadow:0 3px 12px #1523370a;padding:12px 14px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:650}.filters svg{width:17px;height:17px;stroke:var(--category)}.filters button.active{background:var(--category);border-color:var(--category);color:white}.filters button.active svg{stroke:white}.filter-count{font-size:9px;opacity:.65;margin-left:3px}.zone-switch{position:fixed;top:169px;left:28px;display:flex;width:340px;background:white;box-shadow:var(--shadow);padding:5px;border:1px solid var(--line);border-radius:12px;z-index:500;gap:5px}.zone-switch button{border:0;border-radius:8px;background:transparent;padding:12px 10px;display:flex;align-items:center;gap:9px;flex:1;text-align:left;color:#9099a7}.zone-switch button.active{background:#1b2738;color:white}.zone-number{font-size:10px;color:#a7b1bf}.zone-switch strong{font-size:11px;letter-spacing:1px;display:block}.zone-switch small{font-size:9px;font-weight:400;display:block;margin-top:4px;white-space:nowrap;opacity:.7}.zone-radius{font-size:8px;border:1px solid #9aa6b544;padding:3px;border-radius:4px;white-space:nowrap;margin-left:auto}.area-card{position:fixed;left:28px;bottom:65px;width:340px;z-index:500;background:white;box-shadow:0 12px 45px #1b2b4122;border:1px solid #e7e9ed;border-radius:17px;padding:24px}.area-kicker{font-size:8px;letter-spacing:1.5px;font-weight:650;color:#8892a0;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#ec9c5b;border-radius:50%}.area-kicker>span:last-child{margin-left:auto;font-size:9px;letter-spacing:.5px;color:#adb4bf}.area-card h1{font-size:39px;line-height:1.1;letter-spacing:-1.8px;font-weight:450;margin:22px 0 14px}.area-card em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#a8693f}.area-card>p{font-size:11px;color:#89929e;line-height:1.7;max-width:255px}.area-metrics{display:flex;gap:35px;margin:22px 0}.area-metrics>div{display:flex;flex-direction:column;gap:4px}.area-metrics strong{font-size:27px;font-weight:550;letter-spacing:-1px}.area-metrics strong span{font-size:12px;margin-left:3px;color:#7d8795;font-weight:400}.area-metrics>div>span{font-size:9px;color:#939ca7}.browse-button{width:100%;border:0;color:white;background:#202c3e;padding:15px;border-radius:10px;text-align:left;font-weight:600;font-size:11px;display:flex;justify-content:space-between}.browse-button span{color:#f1b385;font-size:16px}.area-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a3aab3;margin-top:16px}.area-foot button{border:0;background:transparent;color:#8c96a2;font-size:9px;padding:3px}.maptools{position:fixed;right:25px;bottom:80px;z-index:500;display:flex;flex-direction:column;gap:8px}.maptools button{width:44px;height:44px;border:1px solid #e1e6ec;border-radius:10px;background:white;color:#26394d;box-shadow:var(--shadow);font-size:25px}.leaflet-control-zoom{border:1px solid #e1e6ec!important;box-shadow:var(--shadow)!important;border-radius:10px!important;overflow:hidden;margin-bottom:185px!important;margin-right:25px!important}.leaflet-control-zoom a{width:42px!important;height:36px!important;line-height:36px!important;color:#26394d!important}.leaflet-control-attribution{font-size:9px!important}.map-caption{position:fixed;left:28px;bottom:22px;z-index:500;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.8px;color:#5e6f80;background:#ffffffdd;border-radius:6px;padding:9px 12px;box-shadow:0 2px 8px #1b273811}.map-caption>span:first-child{font-weight:650}.legend{position:fixed;right:25px;bottom:24px;z-index:500;display:flex;gap:14px;background:#ffffffeb;border:1px solid #edf0f2;border-radius:7px;padding:10px 13px;font-size:9px;color:#6b7887}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.scrim{position:fixed;inset:0;background:#111b2a55;backdrop-filter:blur(4px);z-index:799;border:0}.drawer{position:fixed;inset:0 auto 0 0;width:440px;max-width:100%;background:#f6f8fb;z-index:800;box-shadow:8px 0 50px #10203033;transform:translateX(-110%);transition:transform .23s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{padding:29px 24px;background:#172232;color:white;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:8px;letter-spacing:2px;color:#9caabd}.drawer-head h2{font-size:24px;font-weight:500;margin:8px 0;letter-spacing:-1px}.drawer-head h2 span{color:#edac74}.drawer-body{overflow:auto;padding:22px 24px 40px}.sort-control{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b95a2;margin-bottom:18px}.sort-control select{border:1px solid #dfe5ed;border-radius:7px;padding:8px;background:white;color:#52647a;font-size:10px}.progress-box{background:#eaf0f8;border:1px solid #dfe7f3;border-radius:12px;padding:17px}.progress-box>div:first-child{display:flex;align-items:baseline;gap:10px}.progress-box strong{font-size:22px}.progress-box span{font-size:10px;color:#7388a3}.progress-track{height:4px;border-radius:5px;background:#d6e1f0;margin-top:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:#6088bf;transition:width .2s}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;gap:15px;margin:22px 0}.toggle small{display:block;font-size:9px;color:#8c98a7;font-weight:400;margin-top:5px}.toggle input{appearance:none;cursor:pointer;width:36px;height:21px;border-radius:15px;background:#cbd4df;position:relative;flex-shrink:0}.toggle input:before{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;background:white;border-radius:50%;transition:transform .2s}.toggle input:checked{background:#273c5a}.toggle input:checked:before{transform:translateX(15px)}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.list-heading h3{font-size:13px;margin:0}.list-heading span{font-size:10px;color:#8b97a7}.card{padding:17px;background:white;border:1px solid #e3e8ee;border-radius:12px;margin-bottom:10px;border-left:3px solid var(--card-color)}.card h2{font-size:14px;font-weight:650;line-height:1.45;margin:8px 0}.tag-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.distance{font-size:9px;color:#8e9cae;white-space:nowrap}.card p{font-size:10px;line-height:1.7;color:#8290a0;margin:7px 0}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.actions button,.link,details button{border:1px solid #dfe5ed;background:#f7f9fc;border-radius:7px;padding:9px 10px;font-size:10px;color:#4a5f7a;text-decoration:none;display:inline-block;cursor:pointer}.actions .maps-link{background:#263b59;border-color:#263b59;color:white}.note{width:100%;border:1px solid #e5eaf1;background:#fafbfd;border-radius:6px;padding:9px;font-size:10px;margin-top:11px}.visited{opacity:.62}.pin{position:relative;width:36px;height:36px;background:var(--c);color:white;border:2px solid white;border-radius:11px;box-shadow:0 3px 10px #1426394d;display:grid;place-items:center;transition:transform .15s}.pin:after{content:'';position:absolute;bottom:-5px;left:12px;width:8px;height:8px;transform:rotate(45deg);background:var(--c);border-right:2px solid white;border-bottom:2px solid white}.pin svg{width:21px;height:21px}.pin:hover{transform:translateY(-3px)}.anchor-pin{width:38px;height:38px;border-radius:50%;background:#1c293c;color:#f2b580;display:grid;place-items:center;border:3px solid white;box-shadow:0 0 0 6px #243d5b22,0 3px 8px #14263933;font-size:17px}.leaflet-tooltip.anchor-label{background:#1c293c;border:0;color:#fff;padding:7px 11px;font-size:10px;font-family:system-ui;border-radius:6px;box-shadow:0 3px 12px #14263922}.leaflet-tooltip-top.anchor-label:before{border-top-color:#1c293c}.leaflet-popup-content-wrapper{border-radius:14px!important;box-shadow:0 8px 30px #17283d33!important}.leaflet-popup-content{font-family:system-ui;min-width:230px;max-width:280px;color:var(--ink);line-height:1.7}.popup-title{font-size:17px;line-height:1.4;margin:9px 0}.popup-address{font-size:10px;color:#8290a0}.popup-tag{font-size:9px;letter-spacing:.6px;font-weight:700;text-transform:uppercase}.popup-note{font-size:9px;color:#a1aab5}.popup-check{margin-top:10px;width:100%;border:1px solid #dce5ef;background:#edf3fa;color:#415b7b;border-radius:8px;padding:10px;font-size:11px;cursor:pointer}.leaflet-container a.maps-link{color:white}.notice{font-size:10px;line-height:1.8;color:#8491a1}details{border-top:1px solid #e0e6ee;padding-top:19px;margin-top:22px;font-size:11px}summary{cursor:pointer;font-weight:600}details a{color:#4c759e;font-size:10px}.toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);max-width:min(90vw,440px);padding:14px 19px;border-radius:10px;background:#17283e;color:white;box-shadow:var(--shadow);z-index:1000;font-size:12px;line-height:1.6}.toast:empty{display:none}.empty-state{padding:25px 12px;text-align:center;color:#8a96a5;font-size:12px;line-height:1.8}@media(max-width:1100px){.header-caption{display:none}.explore-controls{flex-wrap:wrap;gap:8px}.searchbox{width:340px}.filters{flex:1;min-width:0}.filters button{padding:12px 10px}.header-right .edition{display:none}}@media(max-width:780px){.masthead{height:62px;padding:0 14px 0 7px;gap:10px}.brand{font-size:12px;gap:8px}.brand-mark{font-size:15px}.header-rule{display:none}.header-right{font-size:8px;letter-spacing:1px}.header-right i{padding:0 5px}#map{top:62px}.explore-controls{top:75px;left:12px;right:12px;gap:3px}.searchbox{width:100%;height:47px;border-radius:10px}.filters{flex-basis:100%;padding:7px 0;gap:6px}.filters button{padding:10px 12px;font-size:10px;flex-shrink:0}.filters svg{width:15px;height:15px}.zone-switch{left:12px;top:187px;width:calc(100% - 24px);max-width:340px;padding:4px;gap:4px}.zone-switch button{padding:9px 10px}.zone-switch small{font-size:8px}.zone-switch strong{font-size:10px}.area-card{left:12px;bottom:62px;width:calc(100% - 82px);max-width:330px;padding:15px 17px;border-radius:13px}.area-card h1{font-size:28px;margin:10px 0 7px;letter-spacing:-1px}.area-card h1 br{display:none}.area-card>p{display:none}.area-kicker{font-size:7px;letter-spacing:1px}.area-metrics{margin:12px 0;gap:25px}.area-metrics strong{font-size:21px}.area-metrics>div>span{font-size:8px}.browse-button{padding:12px;font-size:10px}.area-foot{margin-top:10px;font-size:8px}.area-foot button{font-size:8px}.maptools{right:12px;bottom:72px}.maptools button{width:40px;height:40px}.leaflet-control-zoom{margin-right:12px!important;margin-bottom:174px!important}.leaflet-control-zoom a{width:38px!important;height:32px!important;line-height:32px!important}.map-caption{left:12px;bottom:17px;padding:8px;font-size:7px;gap:6px}.map-caption>span:last-child{display:none}.map-caption>span:nth-child(2){display:none}.legend{right:12px;bottom:17px;gap:8px;padding:8px;font-size:7px}.legend i{width:5px;height:5px}.drawer-head{padding:24px 20px}.drawer-body{padding:20px}.leaflet-popup-content{min-width:215px;max-width:245px}.toast{bottom:67px}}@media(max-height:700px) and (max-width:780px){.area-card h1,.area-metrics,.area-foot{display:none}.area-card{padding:12px;bottom:56px}.area-kicker{margin-bottom:9px}.zone-switch{top:183px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:#20355022}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:#263b59;color:white;border:2px solid white;box-shadow:0 3px 12px #12253e33;font:600 11px system-ui;display:grid;place-items:center}.marker-cluster span{line-height:normal}.leaflet-cluster-anim .leaflet-marker-icon{transition:transform .25s ease-out,opacity .25s ease-in}
/* Compact map controls and personal ratings */
[hidden]{display:none!important}.masthead{height:54px;padding:0 14px 0 8px;gap:13px}.brand{font-size:12px}.brand-mark{font-size:14px;padding:3px 5px}.header-caption{font-size:8px}.zone-button{border:1px solid #ffffff30;background:#ffffff0d;border-radius:7px;color:white;padding:8px 11px;font:600 11px system-ui;letter-spacing:.2px}.zone-button span{color:#b7c7dc;margin:0 5px}.zone-switch{left:auto;right:14px;top:62px;width:310px;z-index:700}.zone-switch button{padding:10px 8px}#map{top:54px}.explore-controls{top:67px;left:14px;right:14px;gap:9px}.searchbox{height:42px;width:280px;min-width:200px;padding:4px 12px;border-radius:9px}.filters{padding:3px 0}.filters button{padding:9px 11px;font-size:10px}.filters svg{width:15px;height:15px}.area-card{display:none}.drawer{width:365px}.drawer-head{padding:12px 14px}.drawer-head h2{font-size:17px;margin:5px 0;letter-spacing:-.4px}.drawer-head .icon-button{width:32px;height:32px;font-size:17px}.eyebrow{font-size:7px}.drawer-body{padding:12px 13px 25px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:9px;color:#75869b;padding-bottom:9px;border-bottom:1px solid #e0e7f0;margin-bottom:9px}.account-row button,.menu-settings button{font-size:9px;border:1px solid #dbe3ed;padding:6px 8px;border-radius:5px;background:white;color:#425c7a}.menu-settings{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;gap:8px}.menu-settings select{font-size:9px;border:1px solid #dce4ef;border-radius:5px;padding:5px;background:white;color:#466080}.sort-control{margin-bottom:9px;font-size:9px}.sort-control select{font-size:9px;padding:5px}.progress-box{padding:9px 11px;border-radius:8px}.progress-box strong{font-size:16px}.progress-box span{font-size:9px}.progress-track{height:3px;margin-top:6px}.toggle{font-size:10px;margin:12px 0}.toggle small{font-size:8px;margin-top:3px}.list-heading{margin-bottom:8px}.list-heading h3{font-size:11px}.card{padding:10px 11px;border-radius:8px;margin-bottom:7px}.card h2{font-size:12px;margin:6px 0}.card p{font-size:9px;margin:5px 0;line-height:1.55}.tag{font-size:7px}.distance{font-size:8px}.actions{gap:5px;margin-top:7px}.actions button,.link,details button{padding:6px 7px;font-size:9px;border-radius:5px}.note{padding:7px;font-size:9px;margin-top:8px}.votes{display:flex;gap:5px;margin:7px 0}.votes button{flex:1;border:1px solid #dce4ee;background:#f6f8fb;color:#6c7b90;border-radius:5px;padding:7px 5px;font-size:10px;white-space:nowrap;cursor:pointer}.votes button.selected{background:#253e60;border-color:#253e60;color:#fff}.votes button[data-rating="0"].selected{background:#41454d;border-color:#41454d}.votes button[data-rating="2"].selected{background:#d89b20;border-color:#d89b20;color:#fff}.pin-stars{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font:10px/11px system-ui;letter-spacing:1px;color:#e7a522;text-shadow:0 1px 1px white,1px 0 white,-1px 0 white;white-space:nowrap;pointer-events:none}.pin.uninteresting{opacity:.7;box-shadow:0 2px 5px #0002}.shop-photo{width:100%;max-height:120px;object-fit:cover;border-radius:6px;display:block;margin:7px 0}.leaflet-popup-content .shop-photo{max-height:135px}.leaflet-popup-content{max-width:260px}.popup-title{font-size:15px;margin:6px 0}.popup-check{font-size:10px;padding:8px}.pin{width:32px;height:32px;border-radius:9px}.pin svg{width:18px;height:18px}.pin:after{left:10px}.legend{font-size:8px;gap:9px;padding:8px}.map-caption{left:14px;font-size:8px}.maptools{right:14px}.leaflet-control-zoom{margin-right:14px!important}dialog{border:1px solid #dce3ee;border-radius:14px;padding:22px;width:340px;max-width:calc(100vw - 30px);color:#25374e;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#101d3066;backdrop-filter:blur(3px)}dialog h2{font-size:18px;margin:0 0 10px}dialog p{font-size:12px;line-height:1.6;color:#7f8da0}dialog input{width:100%;border:1px solid #cfd9e6;padding:12px;border-radius:8px;font:14px system-ui}#login-error{color:#a65a30;font-size:11px;min-height:15px}dialog .actions{justify-content:flex-end}dialog .actions button{font-size:12px;padding:9px 13px}dialog .actions button[type="submit"]{background:#243e60;color:white}@media(max-width:780px){.masthead{height:49px;gap:9px}.brand{font-size:10px}.brand-mark{font-size:12px}#map{top:49px}.explore-controls{top:60px;left:10px;right:10px;gap:0}.searchbox{width:100%;height:39px;min-width:0}.filters{padding:6px 0}.filters button{padding:8px 10px;font-size:9px}.zone-switch{top:57px;left:auto;right:10px;width:300px;max-width:calc(100vw - 20px)}.drawer{width:min(355px,100%)}.drawer-head{padding:12px 13px}.drawer-body{padding:10px 12px 25px}.map-caption{left:10px;font-size:7px}.legend{right:10px;font-size:7px;gap:7px}.zone-button{padding:7px 9px;font-size:10px}.header-caption{display:none}.leaflet-control-zoom{margin-bottom:174px!important}}
.votes button:disabled{cursor:default;opacity:.6}.votes button.selected:disabled{opacity:1}.popup-check:disabled,.actions button[data-check]:disabled{cursor:default;opacity:.45}.note[readonly]{display:none}#import:disabled{opacity:.4;cursor:default}@media(max-width:480px){.legend{gap:5px;font-size:6px;padding:7px}.map-caption{font-size:6px;padding:7px}}
/* Avoid recompositing all map tiles and hidden list contents on every frame. */
.leaflet-tile-pane{filter:none}.card{content-visibility:auto;contain-intrinsic-size:auto 260px}.shop-photo{height:120px;max-height:120px}.leaflet-popup-content .shop-photo{height:135px;max-height:135px}.scrim{backdrop-filter:none}