:root{--ink:#17221d;--muted:#69736e;--cream:#f7f8f5;--green:#1f6b4f;--lime:#d9f172;--line:#dfe5e0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:var(--font-geist),Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app{position:relative;min-height:100svh;overflow:hidden;background:#e8ece6}header{position:absolute;z-index:20;top:0;left:0;right:0;height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand,.locate{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:780;letter-spacing:-.04em}.brand b{display:grid;place-items:center;width:32px;height:32px;border-radius:11px 11px 11px 4px;background:var(--ink);color:white;font-size:15px;transform:rotate(-3deg)}.locate{width:42px;height:42px;border:1px solid #17221d1f;border-radius:50%;background:#fffffff0;box-shadow:0 5px 18px #1d2d241f;font-size:23px}.map{position:absolute;inset:0 0 44svh;overflow:hidden;background-color:#e9eee8;background-image:linear-gradient(28deg,transparent 49%,#ffffff94 50%,transparent 52%),linear-gradient(115deg,transparent 43%,#ffffff80 44%,transparent 46%)}.water{position:absolute;width:35%;height:120%;right:-14%;top:-20%;transform:rotate(12deg);border-radius:48%;background:#cddfdd;border:5px solid #ffffff59}.road{position:absolute;height:9px;background:white;border:1px solid #dfe4df}.r1{width:110%;left:-5%;top:38%;transform:rotate(-8deg)}.r2{width:80%;left:4%;top:65%;transform:rotate(18deg)}.r3{width:90%;left:20%;top:18%;transform:rotate(66deg)}.area{position:absolute;font-size:10px;letter-spacing:.24em;font-weight:700;color:#88938c}.a1{left:16%;top:24%}.a2{left:45%;top:69%}.dest{position:absolute;z-index:5;left:56%;top:48%;width:30px;height:30px;border:4px solid white;border-radius:50%;background:var(--ink);box-shadow:0 4px 12px #17221d4d;color:var(--lime);display:grid;place-items:center;font-size:10px}.pin{position:absolute;z-index:4;transform:translate(-50%,-50%);border:0;background:transparent;display:flex;padding:0;filter:drop-shadow(0 4px 6px #14281e2e)}.pin span{height:30px;display:flex;align-items:center;background:white;padding:0 9px;border-radius:9px 0 0 9px;font-size:12px;font-weight:750}.pin b{width:30px;height:30px;display:grid;place-items:center;border-radius:0 9px 9px 0;background:var(--green);color:white;font-size:12px}.pin.active{z-index:8;transform:translate(-50%,-50%) scale(1.13)}.pin.active span{background:var(--lime)}.pin.active b{background:var(--ink)}.search{position:absolute;z-index:22;top:66px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 28px));height:56px;padding:5px 5px 5px 17px;display:flex;align-items:center;gap:10px;background:white;border:1px solid #17221d1a;border-radius:16px;box-shadow:0 12px 35px #1a322426}.search>span{font-size:24px;color:var(--green)}.search input{min-width:0;flex:1;border:0;outline:0;font-size:16px}.clear{width:30px;height:30px;border:0;background:transparent;color:#89918d;font-size:24px}.go{height:44px;border:0;border-radius:12px;background:var(--green);color:white;padding:0 18px;font-weight:700}.sheet{position:absolute;z-index:15;left:0;right:0;bottom:0;height:48svh;background:var(--cream);border-radius:26px 26px 0 0;box-shadow:0 -12px 35px #16281d1a;padding:0 max(18px,5vw) 28px;overflow-y:auto;transition:transform .3s ease}.handle{position:sticky;z-index:5;top:0;width:100%;height:29px;border:0;background:linear-gradient(var(--cream) 75%,transparent);display:grid;place-items:start center;padding-top:9px}.handle i{width:42px;height:4px;border-radius:4px;background:#bdc5c0}.title{display:flex;justify-content:space-between;align-items:end;gap:12px}.title p{margin:0 0 3px;font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64vw}.title h1{margin:0;font-size:24px;letter-spacing:-.04em}.title>span{flex:none;border:1px solid #dfb56f;border-radius:999px;padding:5px 8px;color:#8a5c12;background:#fff8e9;font-size:9px;font-weight:800}nav{display:flex;gap:8px;margin:17px 0 14px;overflow:auto;scrollbar-width:none}nav button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:white;color:#53605a;padding:8px 12px;font-size:12px;font-weight:650}nav button.on{background:var(--ink);border-color:var(--ink);color:white}.cards{display:grid;gap:10px}article{background:white;border:1px solid #e2e7e3;border-radius:17px;padding:15px;box-shadow:0 2px 7px #16231c08;transition:.18s}article:hover,article.chosen{border-color:#7fa791;box-shadow:0 8px 24px #1d463117}.cardhead{display:flex;align-items:flex-start;gap:11px}.cardhead em{flex:none;width:28px;height:28px;border-radius:9px;background:#edf1ed;display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:800;color:var(--green)}.cardhead>div{min-width:0;flex:1}.cardhead h2{margin:1px 0 3px;font-size:16px}.cardhead p{margin:0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardhead aside{text-align:right}.cardhead strong{display:block;white-space:nowrap;font-size:15px}.cardhead small{display:block;color:var(--muted);font-size:10px}.stats{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:13px 0 0 39px;color:#68736d;font-size:11px}.stats b{color:#344139}.stats .good,.stats .mid,.stats .low{display:flex;align-items:center;gap:5px}.stats i{width:7px;height:7px;border-radius:50%;background:#24a362;box-shadow:0 0 0 3px #e6f6ee}.stats .mid i{background:#ee9d36}.stats .low i{background:#dc5d4b}.navigate{width:calc(100% - 39px);margin:14px 0 0 39px;height:42px;border:0;border-radius:11px;background:var(--green);color:white;font-size:13px;font-weight:750}.navigate:hover,.go:hover{background:#15543d}footer{text-align:center;color:#7a837e;font-size:10px;margin:15px 0 0}@media(max-width:700px){.sheet.peek{transform:translateY(calc(100% - 72px))}.map{inset-bottom:42svh}.stats{gap:9px}header{padding:0 17px}.brand{font-size:18px}.locate{width:38px;height:38px}.road{height:7px}}@media(min-width:701px){.app{display:grid;grid-template-columns:minmax(360px,42%) 1fr}.map{inset:0 0 0 42%}.sheet{top:0;bottom:0;right:58%;height:100svh;border-radius:0;padding-top:130px;box-shadow:8px 0 35px #16281d14}.handle{display:none}.search{left:21%;width:min(540px,38%)}header{left:42%;padding-left:30px}.brand{position:fixed;left:5vw;top:18px}.cards{gap:12px}article{padding:17px}.title>span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#gmap{position:absolute;inset:0}.map-loading{position:absolute;inset:0;display:grid;place-items:center;background:#e9eee8;color:#68736d;font-size:13px;font-weight:650}.google-pin{border:0;background:transparent;display:flex;padding:0;filter:drop-shadow(0 4px 7px #14281e38);transition:.18s}.google-pin span{height:32px;display:flex;align-items:center;padding:0 9px;border-radius:10px 0 0 10px;background:white;color:#17221d;font-size:12px;font-weight:760}.google-pin b{width:32px;height:32px;display:grid;place-items:center;border-radius:0 10px 10px 0;background:#1f6b4f;color:white}.google-pin.active{transform:scale(1.16)}.google-pin.active span{background:#d9f172}.google-pin.active b{background:#17221d}.destination-marker{width:31px;height:31px;border:4px solid white;border-radius:50%;display:grid;place-items:center;background:#17221d;color:#d9f172;box-shadow:0 4px 12px #17221d4d;font-size:10px}