/* Mineral whites, cool gray, charcoal. The map stays geographical in both views. */
:root{--paper:#f5f5f3;--ink:#292c2e;--lime:#d3d6d7;--muted:#73777b;--line:#dcdedf}
body{background:#f0f1ef;color:var(--ink)}
.header,.rail{background-color:#f7f7f5;background-image:radial-gradient(#43484d08 .6px,transparent .6px);background-size:5px 5px}
.header{border-bottom:1px solid #d7d9d9}.brand-dot{color:#929799}.islands{background:#e5e7e7}.island.active{background:#303436;color:white}.island.active:hover{background:#43484a}.solid-button{border-radius:5px;background:#303436;color:#fafafa}.solid-button:hover{background:#505557}#savedCount{background:#e5e7e7}.search{background:#ffffffb8;border-color:#d4d7d7;border-radius:5px}kbd{background:#eceeee;color:#8a8e90}.chips{gap:7px}.chip{font-size:14px;border-color:#d4d7d7;border-radius:5px}.chip.active{background:#373b3d;border-color:#373b3d}.chip:hover{background:#e1e4e4}.chip.active:hover{background:#545a5d}.icon-chip{flex:1}.range-label input,.check input{accent-color:#4d5357}.result-bar{font-size:14px;padding:15px 28px}.result-bar select{font-size:12px;max-width:126px}.property-card{border-color:#dce0e0;border-radius:8px;box-shadow:0 2px 4px #22262a03}.property-card:hover{box-shadow:0 9px 22px #272b2e12}.property-card.selected{border-color:#6e767a;box-shadow:0 0 0 2px #d0d4d5}.card-photo img,.passport-photo img{filter:saturate(.62)}.card-badge{background:#f7f7f4f0;color:#3c4144}.card-number{background:#303b394a}.save-card.saved{background:#cfd5d6}.card-meta{border-color:#e9ecec}.sample-label{background:#e5e8e8}.rail-foot{font-size:11px}.sample-label{font-size:10px}
.map-area{background:#ecefee;color:#363b3e}.map{background:#e9edee}.map-shade{background:linear-gradient(180deg,#e7ecec0d,transparent 50%,#f5f6f440);pointer-events:none}.map-area.satellite .map-shade{background:linear-gradient(180deg,#091a220d,transparent 60%,#0b1d2630)}
#mapCanvas{opacity:0;filter:grayscale(1);transition:opacity .5s}#mapCanvas.ready{opacity:1}.map-area.satellite #mapCanvas{filter:none}.map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:14px;color:#777e81;background:#edf0f0;z-index:1;pointer-events:none;transition:opacity .4s}.map-ready .map-loading{opacity:0}.loading-spinner{width:30px;height:30px;border:2px solid #cfd4d5;border-top-color:#545d61;border-radius:50%;animation:spin .9s linear infinite}.map-error .loading-spinner{display:none}.map-area:not(.map-ready) .pins,.map-area:not(.map-ready) .parcel-layer{visibility:hidden}.map-error .map-loading{opacity:1}.map-breadcrumb{font-size:12px;letter-spacing:1.2px;background:#fafaf8ed;border:1px solid #dce0e0;padding:9px 14px;border-radius:5px;box-shadow:0 2px 8px #303b3e06}.atlas-mark{font-size:24px;color:#6c7478}.view-toggle{background:#f5f6f4e8;border:1px solid #d4d9d9;backdrop-filter:blur(12px);border-radius:5px;box-shadow:0 2px 8px #303b3e06}.view-toggle button{font-size:14px;color:#737b7e;border-radius:3px;padding:8px 12px}.view-toggle button.active{background:#373d40;color:white}.coordinates{color:#5f696e;top:108px;padding:10px 12px;background:#f7f8f5e8;border:1px solid #dce1e0;border-radius:4px;font-size:12px}.coord-caption{font-size:10px}.compass{color:#414c51;background:#f8f8f6d9;border:1px solid #d4dada;padding:9px;border-radius:4px;right:31px;top:200px;opacity:1}.compass span{font-size:12px}.map-intro{background:#f9faf7e8;border:1px solid #d8dede;padding:18px 23px;text-align:left;right:30px;bottom:155px;border-radius:5px;box-shadow:0 4px 18px #46505506}.map-intro .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:1.3px;color:#6b757a;opacity:1}.map-intro h2{font-size:43px;line-height:.98;letter-spacing:-1.8px;margin:13px 0 12px}.map-intro h2 em{letter-spacing:-1px}.map-intro p{font-size:12px;color:#6f777b;opacity:1;margin:0}.map-tools{border:1px solid #d3dada;border-radius:5px;box-shadow:0 3px 12px #222a2e10}.map-tools button:hover{background:#e2e6e7}.tool-divider{background:#d5dadb}.pin{border:1px solid #bcc4c7;border-radius:5px;background:#fafbf9;color:#30383d;font-size:14px;padding:9px 12px;box-shadow:0 3px 9px #30393e24}.pin:after{border-color:#bcc4c7}.pin.active{background:#343c40;color:white;border-color:#343c40}.pin.active:after{border-color:#343c40}.pin.active:before{border-color:#56646b}.pin:hover{background:#e0e6e7;box-shadow:0 6px 18px #30393e30}.pin.active:hover{background:#4b555a}.pin-preview{color:#30373b;background:#f9faf7;border:1px solid #c9cfd1}.pin-preview b{font-size:13px}.parcel{stroke:#58676e;fill:#5d73732b;stroke-width:2}.parcel-dot{fill:#424f56}.map-area.satellite .parcel{stroke:#f1f1e8;fill:#ffffff30}.map-area.satellite .parcel-dot{fill:#fafbf5}.tour-bar{border-radius:6px;background:#f8f9f6ed;border:1px solid #ccd3d5;box-shadow:0 4px 12px #303a3e12;backdrop-filter:blur(10px)}.tour-bar button{color:#3c454a;font-size:14px}.tour-bar #playIcon{background:#3e474c;color:white}.tour-bar #tourStep{color:#6c777d;font-size:12px;opacity:1}.tour-progress{background:#56646b}.map-bottom{font-size:11px;color:#59656a;bottom:14px;align-items:center}.map-bottom>span{background:#f8f9f6df;padding:5px 8px;border-radius:3px}.map-bottom #attribution{font-size:10px;white-space:nowrap}.map-bottom .scale{font-size:11px}.map-hint{color:#69757b;opacity:1;font-size:12px;bottom:49px;background:#f8f9f6df;padding:5px 8px;border-radius:3px}.passport,.submit-dialog{background:#f7f7f5;border:1px solid #d8dddd;border-radius:8px}.passport::backdrop{background:#303c414a}.passport-price button{background:#e3e7e7;color:#3a4246}.check-icon{background:#e2e7e5;color:#515d58}.check-row small{color:#616e67}.check-row.pending small{color:#7a7168}.check-row.pending .check-icon{background:#e9e6e2;color:#7a7168}.boundary-card{background:#e9eded}.passport-cta{background:#333c41;color:white;border-radius:5px}.passport-cta:hover{background:#535f65}.total-price,.verification-note{color:#73797d}.submit-dialog input,.submit-dialog select{border-color:#d3d9da}.submit-dialog::backdrop{background:#30383c80}.toast{background:#303a40;color:white;border-color:#727c80}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.chip{font-size:13px}.chips{gap:5px}.result-bar{padding:14px 22px;font-size:13px}.tour-bar button{font-size:12px}.map-bottom{gap:8px;font-size:10px}.map-intro{right:22px}}
@media(max-width:760px){.header .islands{background:#f6f7f4f0;border-color:#d2d8da;box-shadow:0 3px 10px #27343b0e;top:81px}.header .island{color:#59666c;font-size:13px}.header .island.active{background:#3c464c;color:white}.header-actions .solid-button{font-size:12px}.rail{border-radius:12px 12px 0 0}.result-bar{font-size:13px;padding:16px 20px 11px}.result-bar:before{background:#bfc7ca}.view-toggle button{font-size:12px;padding:8px 9px}.map-top{top:17px}.coordinates{top:79px;right:18px;font-size:11px;padding:8px;gap:4px}.coord-caption{font-size:9px}.compass{top:144px;right:18px;padding:7px}.compass svg{width:20px;height:28px}.compass span{font-size:10px}.map-intro{bottom:354px;right:18px;padding:13px 16px;border-radius:4px}.map-intro .eyebrow{font-size:8px;letter-spacing:1px}.map-intro h2{font-size:33px;letter-spacing:-1.3px;margin:9px 0}.map-intro p{font-size:11px}.tour-bar{bottom:294px;left:18px;padding:6px}.tour-bar button{font-size:11px;gap:7px}.tour-bar #playIcon{width:28px;height:28px}.tour-bar #tourStep{display:none}.map-tools{bottom:294px;right:18px}.map-tools button{width:31px;height:33px}.map-bottom{bottom:232px;left:18px;right:auto;font-size:9px;max-width:calc(100% - 116px)}.map-bottom .scale{display:none}.map-bottom>span{font-size:9px;padding:5px 7px}.map-bottom #attribution{display:block;font-size:9px;position:absolute;bottom:32px;left:0}.map-bottom #mapNotice{line-height:1.25}.mobile-switch{bottom:233px;border-radius:5px;border:1px solid #cfd6d8;padding:9px 10px;box-shadow:none;font-size:11px}.property-card{border-radius:6px}.card-info h3{font-size:13px}.card-meta{font-size:10px;white-space:normal;gap:4px}.card-meta span:last-child{text-align:right}.passport{border-radius:10px}.passport-body{padding:22px}.pin{font-size:12px;padding:8px 11px}.rail.expanded .chip{font-size:14px}.icon-chip{flex:0 0 35px}.passport-body .eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}
.map-area:not(.map-ready) .pin{visibility:hidden!important}
.map{z-index:0}.map-ready .map-loading{visibility:hidden}
@media(max-width:760px){.rail.expanded h1 em{margin-left:.16em}}
@media(max-width:760px){.map-intro{display:none}}
.pin:active{transform:translate(-50%,-50%) scale(.97)}
.map-intro{top:95px;left:30px;right:auto;bottom:auto;max-width:210px;padding:16px 18px}.map-intro h2{font-size:35px}.map-intro .eyebrow{font-size:9px;letter-spacing:1px}
.pin.compact:not(:hover):not(:focus-visible){width:15px;height:15px;padding:0;font-size:0;border-radius:50%;background:#66757c;border:2px solid #fafbf9}.pin.compact:not(:hover):not(:focus-visible) .pin-are{display:none}.pin.compact:not(:hover):not(:focus-visible):after{display:none}.pin.compact:hover,.pin.compact:focus-visible{z-index:10}
@media(max-width:760px){.map-intro{display:none}}