:root{--ocean:#35b9d0;--paper:#fffaeb;--paper-solid:#fffdf5;--ink:#274e48;--muted:#536b63;--line:#d9e0cc;--green:#3f7058;--green-soft:#e8eedb;--coral:#a84932;--peach:#f5ddd0;--yellow:#f3cf70;--white:#fff;--shade:#274e481f;--clear:transparent;--glass:#fffaebed;--focus:#9a492f;--text-small:12px;--text-body:14px;--radius-control:12px;--radius-panel:22px;--shadow-panel:0 10px 32px #274e4824;--ease-out:cubic-bezier(.16, 1, .3, 1);--font:ui-rounded, "SF Pro Rounded", "Avenir Next", Avenir, system-ui, sans-serif;font-family:var(--font);color:var(--ink);background:var(--ocean);font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow-x:clip}body{font-size:var(--text-body)}button,a{-webkit-tap-highlight-color:var(--clear)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{transition:background .15s,transform .15s}button:active:not(:disabled):not(.marker){transform:scale(.97)}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,p{margin:0}button svg{flex:none;width:20px;height:20px}svg{display:block}.hidden,[hidden]{display:none!important}#app{height:100dvh;min-height:320px;position:relative;overflow:clip}.map{position:absolute;inset:0 0 0 312px;overflow:clip}.map canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.map canvas:focus-visible{outline:3px solid var(--focus);outline-offset:-5px}.rail{background:var(--paper);border-radius:var(--radius-panel);width:286px;box-shadow:var(--shadow-panel);z-index:3;flex-direction:column;display:flex;position:absolute;top:20px;bottom:20px;left:20px;overflow:clip}.brand{padding:24px}.brand-top{color:var(--muted);font-size:var(--text-small);align-items:center;gap:9px;margin-top:14px;font-weight:500;display:flex}.brand-top img{width:24px;height:24px}.brand h1{letter-spacing:-.03em;margin:0 0 8px;font-size:33px;font-weight:750;line-height:1.22}.brand p{font-size:var(--text-body);color:var(--muted);max-width:215px;line-height:1.6}.divider{background:var(--line);height:1px;margin:0 24px}.list-heading{justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.list-heading h2{font-size:var(--text-body);font-weight:700;line-height:1.4}.count{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--muted);background:var(--green-soft);border-radius:7px;padding:5px 8px}.filters{gap:5px;padding:0 16px 12px;display:flex}.filter{border-radius:var(--radius-control);font-size:var(--text-small);white-space:nowrap;background:var(--clear);color:var(--muted);min-height:44px;padding:8px}.filter[aria-pressed=true]{background:var(--green);color:var(--paper)}.place-list{scrollbar-width:thin;scrollbar-color:var(--line) var(--clear);flex:1;min-height:0;padding:0 12px 15px;overflow:auto}.place-row{text-align:left;background:var(--clear);border-radius:13px;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px;display:flex}.place-row:hover,.place-row[aria-pressed=true]{background:var(--green-soft)}.place-icon{width:28px;height:32px;color:var(--green);flex:none;place-items:center;display:grid}.place-row[data-category=Beach] .place-icon{color:var(--coral)}.place-name{font-weight:650;font-size:var(--text-body);line-height:1.35;display:block}.place-category{font-size:var(--text-small);color:var(--muted);margin-top:3px;display:block}.visit-check{color:var(--green);width:16px;margin-left:auto;font-size:11px}.rail-footer{border-top:1px solid var(--line);align-items:center;gap:12px;padding:16px 24px;display:flex}.footprint{color:var(--coral)}.rail-footer strong{font-size:12px;display:block}.rail-footer p{font-size:var(--text-small);color:var(--muted);margin-top:3px}.top-note{pointer-events:none;z-index:2;position:absolute;top:30px;left:338px}.location-tag{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.location-tag:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.coordinate{color:var(--muted);letter-spacing:.02em;margin-top:7px;font-size:11px}.postmark{border:1px dashed var(--green);width:70px;height:70px;color:var(--green);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;top:25px;right:29px;transform:rotate(10deg)}.postmark svg{width:24px;height:24px}.postmark span{letter-spacing:.1em;text-transform:uppercase;font-size:8px}.markers{pointer-events:none;position:absolute;inset:0}.marker{white-space:nowrap;pointer-events:auto;background:var(--clear);align-items:center;gap:7px;min-height:44px;margin-top:-40px;margin-left:-14px;padding:8px 0;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0}.marker-dot{z-index:1;background:var(--paper);border:1.5px solid var(--white);width:28px;height:28px;box-shadow:0 2px 5px var(--shade);color:var(--green);border-radius:50% 50% 50% 7px;flex:none;place-items:center;display:grid;position:relative;transform:rotate(-45deg)}.marker-dot svg{width:14px;height:14px;transform:rotate(45deg)}.marker-label{z-index:1;background:var(--glass);box-shadow:0 2px 5px var(--shade);border-radius:8px;padding:6px 9px;position:relative}.marker[data-selected=true] .marker-dot,.marker[data-selected=true] .marker-label{z-index:2;background:var(--green);color:var(--paper);border-color:var(--green)}.marker.compact:not([data-selected=true]) .marker-label{display:none}.you-label{font-size:var(--text-small);letter-spacing:.02em;background:var(--coral);color:var(--paper);pointer-events:none;box-shadow:0 3px 8px var(--shade);border-radius:7px;padding:4px 8px;font-weight:750;position:absolute;transform:translate(-50%,-100%)}.controls{z-index:3;flex-direction:column;gap:9px;display:flex;position:absolute;bottom:100px;right:24px}.control-group{background:var(--paper);box-shadow:0 4px 14px var(--shade);border-radius:15px;flex-direction:column;padding:3px;display:flex}.icon-button{background:var(--clear);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:var(--green-soft)}.compass{flex-direction:column;gap:3px;font-size:10px;font-weight:800;display:flex}.compass svg{width:19px;height:19px}.explorer-dock{z-index:3;pointer-events:none;justify-items:center;gap:12px;display:grid;position:absolute;bottom:44px;left:312px;right:0}.bottom-bar{pointer-events:auto;justify-content:center;align-items:center;gap:10px;display:flex}.wander-button{background:var(--ink);color:var(--paper);border:1px solid var(--green);box-shadow:0 5px 15px var(--shade);white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:14px 22px;font-size:13px;font-weight:650;display:flex}.wander-button svg{width:17px;height:17px}.map-hint{font-size:var(--text-small);text-align:center;color:var(--ink);max-width:calc(100% - 32px);line-height:1.5}.hint-touch{display:none}kbd{font:inherit;font-weight:700}.attribution{color:var(--ink);z-index:2;flex-wrap:wrap;justify-content:flex-end;column-gap:10px;font-size:11px;line-height:1.6;display:flex;position:absolute;bottom:8px;left:330px;right:16px}.toast{background:var(--paper);max-width:calc(100% - 360px);box-shadow:0 5px 20px var(--shade);z-index:5;text-align:center;border-radius:12px;padding:10px 16px;font-size:12px;position:absolute;top:100px;left:calc(50% + 156px);transform:translate(-50%)}.toast:empty{display:none}.place-card{scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper);overscroll-behavior:contain;background:var(--paper);border-radius:var(--radius-panel);width:320px;max-height:calc(100dvh - 160px);box-shadow:var(--shadow-panel);animation:card-arrive .22s var(--ease-out);z-index:4;padding:26px;position:absolute;bottom:110px;right:85px;overflow-y:auto}.close-card{width:36px;height:36px;position:absolute;top:10px;right:10px}.card-category{color:var(--green);font-size:var(--text-small);align-items:center;gap:7px;margin:10px 0 18px;display:flex}.card-category svg{width:18px;height:18px}.place-card h2{letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance;max-width:calc(100% - 28px);font-size:28px;font-weight:750;line-height:1.15}.description{color:var(--muted);font-size:15px;line-height:1.65}.route-note{font-size:var(--text-small);color:var(--muted);border-top:1px solid var(--line);margin-top:16px;padding-top:16px;line-height:1.5}.walk-button{white-space:nowrap;background:var(--green);width:100%;min-height:48px;color:var(--paper);font-weight:650;font-size:var(--text-body);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;display:flex}.walk-button:hover{background:var(--ink)}.card-source{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11px;display:flex}.card-source a{font-weight:600}.mobile-header,.mobile-list-button,.close-places{display:none}.fallback{background:var(--ocean);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fallback img{object-fit:contain;max-width:100%;max-height:100%}.loading{z-index:6;background:var(--ocean);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.loading img{width:62px;height:62px}.loading h2{letter-spacing:-.03em;font-size:24px}.loading p{color:var(--ink);font-size:13px}@media (min-width:1500px){.rail{width:300px;top:30px;bottom:30px;left:30px}.map{left:345px}.top-note{left:370px}.explorer-dock{left:345px}.toast{left:calc(50% + 172px)}.attribution{left:365px}}@media (max-width:900px) and (min-width:701px){.rail{width:246px;top:12px;bottom:12px;left:12px}.map{left:258px}.brand{padding:24px 20px}.brand h1{font-size:28px}.top-note{left:280px}.postmark{display:none}.filters{gap:1px;padding-left:14px}.filter{padding:7px 8px}.explorer-dock{left:258px}.toast{left:calc(50% + 129px)}.place-card{width:min(300px,100% - 282px);bottom:145px;right:16px}.attribution{left:275px}}@media (max-width:700px){#app{min-height:320px}.map{inset:70px 0 165px}.rail{width:auto;top:88px;left:12px;right:12px;bottom:calc(150px + env(safe-area-inset-bottom));border-radius:23px;display:none}.rail.open{display:flex}.rail .brand,.rail .divider{display:none}.rail .list-heading{gap:8px;padding:12px 18px}.rail .list-heading h2{margin-right:auto}.close-places{display:grid}.place-row{min-height:62px}.filters{gap:5px}.filter{min-height:44px;font-size:12px}.mobile-header{z-index:3;align-items:center;gap:10px;padding:18px 20px;display:flex;position:absolute;top:0;left:0;right:0}.mobile-header img{width:34px;height:34px}.mobile-header h1{letter-spacing:-.03em;font-size:23px;line-height:1.1}.mobile-header p{color:var(--muted);margin-top:3px;font-size:10px}.mobile-header .count{background:var(--glass);margin-left:auto;font-size:10px}.top-note,.postmark{display:none}.controls{gap:7px;top:90px;bottom:auto;right:14px}#app:has(.rail.open) .controls{visibility:hidden}.control-group{border-radius:13px;padding:2px}.icon-button{width:40px;height:40px}.controls .compass-wrap{display:none}.explorer-dock{bottom:calc(60px + env(safe-area-inset-bottom));gap:10px;left:14px;right:14px}.bottom-bar{gap:8px;width:100%}.wander-button{border-radius:14px;flex:1;min-width:0;padding:14px 12px;font-size:12px}.mobile-list-button{background:var(--paper);color:var(--ink);display:flex}.map-hint{max-width:100%;font-size:11px}.hint-desktop{display:none}.hint-touch{display:inline}.attribution{bottom:calc(8px + env(safe-area-inset-bottom));justify-content:center;column-gap:8px;font-size:10px;left:14px;right:14px}.attribution>span{text-align:center;flex-basis:100%}.toast{width:max-content;max-width:calc(100% - 32px);font-size:11px;top:82px;left:50%}.place-card{left:12px;right:12px;bottom:calc(150px + env(safe-area-inset-bottom));max-height:calc(100dvh - 235px - env(safe-area-inset-bottom));border-radius:var(--radius-panel);width:auto;padding:22px}.place-card h2{font-size:26px}.place-card .description{font-size:var(--text-body)}.place-card .walk-button{margin-top:12px}.place-card .route-note{margin-top:14px;padding-top:14px}.card-source{margin-top:8px}.marker-label{padding:5px 7px;font-size:10px}.marker-dot{width:26px;height:26px}.marker{gap:4px}.you-label{font-size:9px}.rail-footer{padding:13px 24px}}::selection{background:var(--yellow);color:var(--ink)}.footprint svg{width:22px;height:22px}.filter:hover:not([aria-pressed=true]){background:var(--green-soft);color:var(--ink)}.wander-button:hover{background:var(--green);color:var(--paper)}.mobile-list-button:hover{background:var(--green-soft);color:var(--ink)}.marker:not([data-selected=true]):hover .marker-label{background:var(--paper-solid);color:var(--ink)}.marker:focus-visible{outline-offset:1px;border-radius:10px}#card-title:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:3px}@keyframes card-arrive{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (pointer:coarse){.hint-desktop{display:none}.hint-touch{display:inline}}@media (max-height:600px) and (min-width:701px){.brand{padding:16px 24px}.brand-top,.brand p,.rail-footer p,.postmark{display:none}.brand h1{margin:0;font-size:28px}.place-card{max-height:calc(100dvh - 155px);top:16px;bottom:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.filter,.icon-button{min-height:44px}.icon-button,.marker{min-width:44px}.retry-button{background:var(--green);min-height:44px;color:var(--paper);white-space:nowrap;border-radius:10px;margin:8px auto 0;padding:8px 15px;font-weight:650;display:block}