:root{--sea:#d9e7e4;--fathom:#b7cfcb;--ink:#1e3833;--ink-soft:#4e6a63;--trail:#2f6b4f;--trail-faint:#7fa391;--hi:#ffde45;--hi-deep:#e8c41f;--amber:#c9862b;--grey:#8c978f;--paper:#fbf8ef;--line:#dcd5c2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--sea);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}header{padding:calc(12px + env(safe-area-inset-top)) 16px 10px;background:var(--sea);border-bottom:1px solid var(--fathom);z-index:5}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.headline{justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}h1{letter-spacing:-.01em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:21px;font-weight:800;line-height:1.1}.total{text-align:right;white-space:nowrap;font-family:IBM Plex Mono,monospace}.total b{font-size:19px;font-weight:600}.total span{color:var(--ink-soft);letter-spacing:.05em;font-size:10px;display:block}main{flex:1;position:relative;overflow:hidden}#mapwrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}svg.chart{touch-action:none;width:100%;height:100%;display:block}.graticule{stroke:var(--fathom);stroke-width:.35px;opacity:.6}.border-line{stroke:var(--ink-soft);stroke-width:1.2px;stroke-dasharray:2.5 5;fill:none;opacity:.45}.trail-open{stroke:var(--trail);stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-pending{stroke:var(--grey);stroke-width:2.2px;stroke-dasharray:1.5 4.5;fill:none;stroke-linecap:round}.chart-label{fill:var(--ink-soft);opacity:.55;font-family:IBM Plex Mono,monospace}.zoomout{z-index:5;letter-spacing:.06em;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 13px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;top:10px;right:12px;box-shadow:0 3px 12px #1e383324}.zoomout:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.share{z-index:5;letter-spacing:.06em;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:999px;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;top:10px;left:12px;box-shadow:0 3px 12px #1e38332e}.share:disabled{opacity:.7;cursor:default}.share:focus-visible{outline:2px solid var(--ink);outline-offset:2px}footer.legend{left:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:4;color:var(--ink-soft);pointer-events:none;flex-direction:column;gap:3px;font-family:IBM Plex Mono,monospace;font-size:9.5px;display:flex;position:absolute}.lg{align-items:center;gap:6px;display:flex}.lg i{border-top-style:solid;width:18px;height:0;display:inline-block}.lg .l-open{border-top-width:2px;border-color:var(--trail)}.lg .l-pend{border-top-width:2px;border-color:var(--grey);border-top-style:dotted}.attribution{right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:4;color:var(--ink-soft);opacity:.75;text-align:right;pointer-events:none;max-width:46%;font-family:IBM Plex Mono,monospace;font-size:7.5px;line-height:1.5;position:absolute}.hi-stroke{stroke:var(--hi);stroke-width:7.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;mix-blend-mode:multiply;opacity:.9;pointer-events:none}.hit{stroke:#0000;stroke-width:24px;fill:none;cursor:pointer}.hit:focus-visible{outline:none}.sel-ring{stroke:var(--ink);stroke-width:4.4px;fill:none;opacity:0;stroke-linecap:round;pointer-events:none;transition:opacity .15s}.sel-ring.on{opacity:.85}.bar{background:repeating-linear-gradient(90deg,var(--fathom) 0 6px,transparent 6px 12px);background-position:50%;background-repeat:no-repeat;background-size:100% 1px;border-radius:2px;height:10px;margin-top:10px;position:relative}.bar i{background:var(--hi);width:0%;box-shadow:0 0 0 .5px var(--hi-deep) inset;mix-blend-mode:multiply;border-radius:6px 10px 8px 6px/8px 6px 10px;transition:width .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.cheer{color:var(--ink-soft);margin-top:8px;font-size:11.5px;line-height:1.45}.cheer b{color:var(--ink)}.viewtoggle{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.viewtoggle button{letter-spacing:.08em;border:1px solid var(--fathom);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-family:IBM Plex Mono,monospace;font-size:11px}.viewtoggle button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.viewtoggle button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.viewtoggle .import{border-style:dashed}.viewtoggle .import:disabled{opacity:.6;cursor:default}.viewtoggle .acct{color:var(--trail);border-style:dashed;border-color:var(--trail-faint);margin-left:auto}.sheet-mi .gpxtag{color:var(--hi-deep)}#toast{left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:8;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;position:absolute;box-shadow:0 6px 24px #1e383329}#toast h3{letter-spacing:-.01em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:14px;font-weight:800}#toast ul{margin-top:6px;list-style:none}#toast li{color:var(--ink-soft);justify-content:space-between;gap:10px;padding:2px 0;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}#toast li b{color:var(--ink);font-weight:600}#toast .toast-x{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:4px;font-family:IBM Plex Mono,monospace;font-size:12px;position:absolute;top:8px;right:10px}#toast .none{color:var(--ink-soft);margin-top:6px;font-size:12px;line-height:1.45}.gpx-track{stroke:#6e7f79;stroke-width:1px;fill:none;opacity:.55;stroke-linecap:round;stroke-dasharray:1 3}.photo-pin{cursor:pointer}.photo-pin circle{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.photo-pin rect{fill:var(--ink)}.photo-pin:focus-visible{outline:2px solid var(--ink)}#walks{background:var(--sea);padding:12px 14px calc(24px + env(safe-area-inset-bottom));position:absolute;inset:0;overflow-y:auto}.empty{text-align:center;color:var(--ink-soft);padding:36px 20px;font-size:13px;line-height:1.55}.empty b{color:var(--ink);margin-bottom:6px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:16px;display:block}.walk{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:13px 14px}.walk-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.walk-head h3{letter-spacing:-.01em;cursor:pointer;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:15px;font-weight:800}.walk-head .mi{white-space:nowrap;color:var(--trail);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.walk-sub{color:var(--ink-soft);margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:10.5px;line-height:1.5}.thumbs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.thumbs img{object-fit:cover;cursor:pointer;border:1px solid var(--line);border-radius:8px;width:56px;height:56px}.thumbs .geo{outline:2px solid var(--hi-deep);outline-offset:-2px}.walk-btns{gap:8px;margin-top:11px;display:flex}.walk-btns button{font:inherit;cursor:pointer;border:1.5px solid var(--ink);color:var(--ink);background:0 0;border-radius:8px;padding:7px 13px;font-size:12px;font-weight:600}.walk-btns .danger{color:#9c4a2e;background:0 0;border-color:#0000;margin-left:auto}#birds{background:var(--sea);padding:12px 14px calc(24px + env(safe-area-inset-bottom));position:absolute;inset:0;overflow-y:auto}.guide-intro{color:var(--ink-soft);margin-bottom:14px;padding:0 2px;font-size:12.5px;line-height:1.5}.monthcard{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:13px 14px}.monthcard .ey{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:10px}.monthcard ul{margin-top:7px;list-style:none}.monthcard li{color:var(--ink-soft);padding:3px 0 3px 16px;font-size:12.5px;line-height:1.5;position:relative}.monthcard li:before{content:"◦";color:var(--trail);position:absolute;left:2px}.chips{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.chips button{letter-spacing:.06em;border:1px solid var(--fathom);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chips button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.region{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:13px 14px}.region-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.region-head h3{letter-spacing:-.01em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:15px;font-weight:800}.region-head .pct{color:var(--ink-soft);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:10.5px}.region-head .pct b{color:var(--trail)}.region-sub{color:var(--ink-soft);letter-spacing:.03em;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:10px}.bird{align-items:flex-start;gap:12px;margin-top:13px;display:flex}.bird-plate{border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#fdfbf3 0%,#f2eddc 100%);border-radius:10px;flex:0 0 84px;justify-content:center;align-items:center;width:84px;height:68px;display:flex}.bird-plate svg{width:76px;height:60px}.bird-plate.rare{border:1.5px dashed var(--amber);background:radial-gradient(circle at 50% 42%,#fdf8ea 0%,#f4ead0 100%)}.bird-info{flex:1;min-width:0}.bird-info h4{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:13.5px;font-weight:800}.bird-info .when{letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-top:1px;font-family:IBM Plex Mono,monospace;font-size:9.5px}.bird-info .when.rare{color:#b0542a}.bird-info p{color:var(--ink-soft);margin-top:3px;font-size:12px;line-height:1.45}.spot{font:inherit;cursor:pointer;border:1.5px solid var(--ink-soft);color:var(--ink-soft);background:0 0;border-radius:999px;margin-top:6px;padding:5px 12px;font-size:11.5px;font-weight:600}.spot.on{border-color:var(--trail);color:var(--trail);background:#dfeae0}.spot:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#lightbox{z-index:50;cursor:pointer;background:#14231fdb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#lightbox img{border-radius:8px;max-width:100%;max-height:88%}#lightbox figcaption{bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;color:#dce8e4;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;left:0;right:0}#acctsheet{z-index:11;background:var(--paper);border-top:1px solid var(--line);padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 30px #1e383324}#acctsheet.open{transform:translateY(0)}@media (prefers-reduced-motion:reduce){#acctsheet{transition:none}}#acctsheet .email{width:100%;font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;margin-top:12px;padding:13px 15px;font-size:14px}#acctsheet .email:focus{outline:2px solid var(--trail);border-color:var(--trail)}.authmsg.sent{color:var(--trail)}.authmsg.error{color:#9c4a2e}.lg .l-hi{border-top-width:5px;border-color:var(--hi)}#list{background:var(--sea);padding:10px 14px calc(24px + env(safe-area-inset-bottom));position:absolute;inset:0;overflow-y:auto}.row{text-align:left;background:var(--paper);border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:11px 13px;display:flex}.row:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.row .dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.row .meta{flex:1;min-width:0}.row .nm{font-size:13.5px;font-weight:600;line-height:1.25;display:block}.row .sub{color:var(--ink-soft);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:block}.row .mini{background:#eae4d2;border-radius:4px;flex:0 0 52px;height:7px;position:relative;overflow:hidden}.row .mini i{background:var(--hi);border-radius:4px;position:absolute;inset:0 auto 0 0}.row.done .nm{color:var(--ink-soft)}.row .tick{color:var(--trail);flex:none;font-family:IBM Plex Mono,monospace;font-size:12px}#sheet{z-index:10;background:var(--paper);border-top:1px solid var(--line);padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 30px #1e383324}#sheet.open{transform:translateY(0)}@media (prefers-reduced-motion:reduce){#sheet,.bar i{transition:none}}.grab{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sheet-top h2{letter-spacing:-.01em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:18px;font-weight:800;line-height:1.15}.chip{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-top:2px;padding:3px 9px;font-family:IBM Plex Mono,monospace;font-size:10px}.chip.open{color:var(--trail);background:#dfeae0}.chip.pending{color:#5c665f;background:#e4e7e2}.sheet-mi{color:var(--ink-soft);margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:12px}.sliderwrap{margin-top:16px}.sliderwrap label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.sliderwrap output{color:var(--ink);font-weight:600}input[type=range]{appearance:none;background:linear-gradient(to right,var(--hi) 0%,var(--hi) var(--p,0%),#eae4d2 var(--p,0%));outline-offset:4px;border-radius:6px;width:100%;height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2.5px solid var(--ink);cursor:grab;border-radius:50%;width:26px;height:26px}input[type=range]::-moz-range-thumb{background:var(--paper);border:2.5px solid var(--ink);cursor:grab;border-radius:50%;width:22px;height:22px}.btns{gap:10px;margin-top:16px;display:flex}.btns button{font:inherit;cursor:pointer;border:1.5px solid var(--ink);border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.btns .primary{background:var(--ink);color:var(--paper)}.btns .ghost{color:var(--ink);background:0 0}.btns button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.note{color:var(--ink-soft);margin-top:12px;font-size:11px;line-height:1.45}.note a{color:var(--trail)}.note .prov{letter-spacing:.03em;opacity:.8;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:9px;display:block}.closex{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:6px;font-family:IBM Plex Mono,monospace;font-size:13px;position:absolute;top:10px;right:12px}.tidewarn{color:#6e4a0e;background:#f6e8c8;border:1px solid #e0c084;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:12px;line-height:1.45}.tidewarn b{letter-spacing:.1em;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}