:root{font:16px/1.5 system-ui,sans-serif;color:#173e41;background:#f1f7f5;--teal:#166c70}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 5%;background:#fff;border-bottom:1px solid #dce7e3;flex-wrap:wrap}.brand{text-decoration:none;color:var(--teal);font-weight:700;letter-spacing:.08em}.brand span{font-weight:400}main{max-width:1100px;margin:auto;padding:24px}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-size:1.5rem;margin:0}h2{font-size:1.125rem;margin:0}p{margin:8px 0 16px}button{font:inherit;padding:9px 15px;border:1px solid #c2d5cf;border-radius:7px;background:#fff;color:#173e41;cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:default}#mark,#account-submit,#confirm-form button[type=submit]{background:var(--teal);color:#fff;border-color:var(--teal)}button:focus-visible,input:focus-visible,.lot:focus-visible{outline:3px solid #9668a1;outline-offset:3px}.map{height:520px;position:relative;overflow:hidden;border-radius:12px;background:#e8f0eb}.map svg{width:100%;height:100%;touch-action:none}.lot{stroke:#a2b8ae;stroke-width:1;cursor:pointer}.lot:hover{filter:brightness(1.1)}.lot.selected{stroke:#163e41;stroke-width:3}.road{fill:none;stroke:white;stroke-width:9;pointer-events:none}.street{fill:#234a47;stroke:#fff;stroke-width:3px;paint-order:stroke;font:500 12px system-ui;pointer-events:none}.zoom{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:4px}.attribution{position:absolute;bottom:0;right:0;background:#fffffff0;padding:4px 8px;font-size:.75rem}.selection{display:flex;gap:16px;justify-content:space-between;align-items:center;background:white;padding:20px;border-radius:0 0 12px 12px;flex-wrap:wrap}.actions{display:flex;flex-wrap:wrap;gap:8px}.palette{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}.palette span{height:15px;border-radius:3px}.preview{font-size:.875rem;color:#49635f}dialog{max-width:500px;width:calc(100% - 32px);border:0;border-radius:12px;padding:24px;color:#173e41;box-shadow:0 12px 60px #173e4140}dialog::backdrop{background:#173e4180}label{display:block;margin:14px 0}input:not([type=checkbox]){display:block;width:100%;font:inherit;padding:10px;border:1px solid #bed0c9;border-radius:6px}.check{display:flex;align-items:flex-start;gap:10px}.check input{margin-top:6px;width:20px;height:20px;flex-shrink:0}summary{font-weight:600;cursor:pointer;padding:12px 0}#status{min-height:24px;color:#166c70}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}.map{height:420px}.palette{grid-template-columns:repeat(12,1fr)}.selection{padding:14px}.brand{font-size:.9rem}}

#mapbox-map{position:absolute;inset:0}.map .zoom{z-index:2}.map .attribution{left:0;right:auto;bottom:0;z-index:2}select{font:inherit;padding:8px;max-width:100%;margin-bottom:8px;border:1px solid #bed0c9;border-radius:6px}.sr-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}