@import url('/fonts.css');
:root{--paper:#f5f4ed;--cream:#fffef9;--ink:#20392f;--muted:#758076;--green:#224f3c;--lime:#dce8a6;--orange:#e68454;--line:#e0e3d9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none;background:var(--paper);font-size:15px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible+span,label:focus-visible{outline:3px solid #d98152;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:1rem;background:var(--ink);color:white;z-index:3000;padding:1rem}.skip:focus{top:0}.header{max-width:1600px;margin:auto;padding:26px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.3px}.brand-icon{background:var(--green);color:var(--lime);height:37px;width:37px;border-radius:50%;display:grid;place-items:center;margin-right:10px;font-size:29px;font-weight:400}.brand-dot{color:var(--orange)}.header-right{display:flex;align-items:center;gap:23px}.local-pill{font-size:11px;letter-spacing:.03em;color:#66756a}.local-pill span{color:#77a16b;margin-right:5px}.button{border:0;border-radius:9px;padding:12px 17px;min-height:44px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:var(--ink);text-decoration:none;transition:background .15s,transform .15s}.button:hover{background:#e5e9dc}.button:active{transform:translateY(1px)}.text-button{padding:8px 6px;font-size:12px}.primary{background:var(--green);color:#fffef8;width:100%;min-height:51px;font-size:14px}.primary:hover{background:#163c2c}.primary span{font-size:24px;font-weight:400}.secondary{background:#eef0e7;border:1px solid #dce1d4}.demo-button{width:100%;font-size:12px;color:#61725f;margin-top:8px}.demo-button span{font-size:20px}main{max-width:1600px;margin:auto;padding:0 4.5%}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0 33px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;margin:0 0 13px;color:#6b7b68}.intro h1{font-size:clamp(37px,4.3vw,62px);line-height:1.08;letter-spacing:-2.8px;font-weight:650;margin:0 0 14px}.intro h1 span{color:var(--orange)}.intro-copy{font-size:14px;color:#768174;max-width:550px;line-height:1.6;margin:0}.intro-note{font-size:12px;line-height:1.6;display:flex;align-items:center;gap:14px;transform:rotate(-4deg);margin-right:22px;color:#8b947e}.intro-note strong{font-weight:500;color:#546b50}.tiny-compass{font-size:44px;color:#bdc5ab}.workspace{display:grid;grid-template-columns:334px minmax(0,1fr);gap:20px;align-items:start}.sidebar{display:grid;gap:16px}.journey-card,.stats-card,.history-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:23px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:4px}.card-topline .eyebrow{font-size:8px;letter-spacing:1.2px}.tag{font-size:8px;background:#edf0e3;color:#6f7b5e;padding:5px 6px;border-radius:4px;margin-bottom:12px;white-space:nowrap}.journey-card h2{font-size:24px;letter-spacing:-.8px;line-height:1.2;margin:0 0 12px;max-width:230px}.muted{font-size:12px;color:var(--muted);line-height:1.65}.journey-card .muted{margin:0 0 19px}.modes{margin:0 0 20px;border:0;padding:0;display:flex;gap:5px}.modes label{flex:1;text-align:center;cursor:pointer;min-width:0}.modes input{position:absolute;opacity:0;width:1px;height:1px}.modes span{border:1px solid #e0e4d9;border-radius:8px;padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#7c8776;background:#fcfcf7}.modes b{font-size:23px;line-height:24px;font-weight:500}.modes input:checked+span{background:#edf3df;color:#365e36;border-color:#9eb185}.modes input:disabled+span{opacity:.5;cursor:default}.tracking-buttons{display:flex;gap:8px;margin-top:8px}.tracking-buttons .button{flex:1;font-size:12px}.gps-status{font-size:10px;line-height:1.6;text-align:center;color:#8a9284;margin:9px 3px 0;min-height:32px}.stats-heading{display:flex;justify-content:space-between;gap:5px;align-items:center}.stats-heading h2,.section-title h2{font-size:13px;margin:0;font-weight:600;letter-spacing:-.2px}.stats-heading>span{font-size:9px;color:#7e8a71}.stat-grid{display:grid;grid-template-columns:1.2fr 1fr;margin-top:24px}.stat-grid>div+div{border-left:1px solid var(--line);padding-left:19px}.stat-grid strong{display:block;font-size:30px;line-height:1;letter-spacing:-1.4px;font-weight:500;font-variant-numeric:tabular-nums}.stat-grid strong small{font-size:12px;letter-spacing:0;color:#85917c}.stat-grid>div>span{display:block;font-size:9px;color:#84907c;margin-top:9px}.milestone{margin-top:22px;border-top:1px solid var(--line);padding-top:17px;display:flex;gap:10px;align-items:center}.milestone>span{width:30px;height:33px;border-radius:8px;background:#f1ecdc;display:grid;place-items:center;color:#c0a05c;font-size:22px}.milestone strong{font-size:10px;font-weight:600}.milestone p{font-size:9px;color:#8b927e;margin:5px 0 0}.history-card{padding:21px 23px;max-height:255px;overflow:auto}.section-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.section-title>span{color:#8a927f;font-size:9px}.empty-state{font-size:11px;color:#8c9486;margin:20px 0 4px;line-height:1.7}.history-row{width:100%;background:none;border:0;border-top:1px solid #edf0e6;padding:12px 0;display:flex;align-items:center;justify-content:space-between;color:var(--ink);gap:10px;text-align:left}.history-row:first-child{margin-top:14px}.history-row:hover{color:#548443}.history-row strong{display:block;font-size:11px;font-weight:600}.history-row small{font-size:9px;color:#8a9283;display:block;margin-top:5px}.history-row>span:last-child{font-size:11px;font-weight:600;white-space:nowrap}.map-card{border:1px solid #dce1d3;background:#fffef8;border-radius:16px;overflow:hidden;min-width:0}.map-topbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;gap:10px}.map-topbar>div{display:flex;align-items:center;gap:8px}.map-topbar strong{font-weight:600}.map-topbar>span{font-size:9px;color:#84907a}.live-dot{height:6px;width:6px;border-radius:50%;background:#94aa7a}.map-wrap{position:relative;isolation:isolate;background:#d9decf}#map{height:646px;width:100%;background:#d9decf;z-index:0}.map-controls{position:absolute;top:17px;right:16px;z-index:800;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.map-button{background:#fffef6;box-shadow:0 2px 10px #18352c15;border:1px solid #d7decc;font-size:19px;min-height:40px;padding:9px 11px;gap:7px;color:#425a40}.map-button span{font-size:10px}.map-button:hover{background:#edf1e4}.map-key{z-index:800;position:absolute;bottom:26px;left:15px;display:flex;align-items:center;gap:7px;background:#fffef2ee;border:1px solid #d9dfcc;border-radius:6px;padding:9px 12px;font-size:9px;color:#697a60;pointer-events:none}.key-dot,.key-fog{height:7px;width:7px;border-radius:2px;background:#83a665}.key-fog{background:#c3ceaf;margin-left:8px}.map-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px}.map-bottom p{font-size:10px;color:#8a947f}.map-bottom p span{font-size:15px;color:#879970;margin-right:7px}.map-bottom a{font-size:9px;color:#88937e;text-decoration:none}.map-bottom a:hover{text-decoration:underline}.demo-banner{position:absolute;z-index:900;top:17px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;flex-direction:column;gap:5px;background:#fff4d9;padding:12px 30px 12px 15px;max-width:calc(100% - 175px);min-width:190px;border:1px solid #d6b766;border-radius:8px;box-shadow:0 3px 15px #394e2b1c;color:#78673b}.demo-banner strong{font-size:10px;letter-spacing:1px}.demo-banner span{font-size:9px;line-height:1.4}.demo-banner button{position:absolute;right:8px;top:6px;border:0;background:none;color:inherit;font-size:19px;min-width:24px;min-height:24px}.map-error{position:absolute;bottom:65px;left:15px;right:15px;z-index:900;background:#fff4dc;border:1px solid #e3cda0;border-radius:7px;padding:11px;font-size:11px;color:#786743}.bottom-strip{display:flex;justify-content:space-between;align-items:center;padding:26px 0 12px;gap:20px}.bottom-strip>div:first-child{display:flex;align-items:center;gap:12px}.bottom-strip>div>span{font-size:26px;color:#8da37b}.bottom-strip p{font-size:10px;line-height:1.6;color:#8a9480;margin:0}.bottom-strip p strong{font-size:11px;font-weight:600;color:#63765c}.data-actions{display:flex;gap:14px;align-items:center}.data-actions .button{font-size:10px;color:#76866b}.data-actions .danger{color:#a07c6e}.import-label{cursor:pointer}.storage-status{font-size:11px;line-height:1.6;min-height:14px;margin:0;color:#937243}footer{max-width:1600px;margin:auto;padding:15px 4.5% 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e6db;color:#9ba28f;font-size:9px;line-height:1.7;gap:10px}footer button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font-size:inherit;text-decoration:underline}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:540px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;background:var(--cream);color:var(--ink);box-shadow:0 15px 90px #17382c33}dialog::backdrop{background:#17382c88;backdrop-filter:blur(3px)}dialog h2{font-size:33px;letter-spacing:-1.2px;font-weight:500;margin:10px 0 20px;line-height:1.15}dialog p{font-size:12px;color:#6d7d64;line-height:1.7}.dialog-head{display:flex;justify-content:space-between;align-items:start}.close-button{font-size:25px;padding:0;min-height:30px;min-width:30px}.how-steps{padding-left:22px}.how-steps li{padding-left:7px;font-size:13px;margin-bottom:18px}.how-steps strong{font-size:13px;font-weight:600}.how-steps p{margin:5px 0}.privacy-note{border-top:1px solid var(--line);padding-top:15px;margin:22px 0 18px}.privacy-note>strong{font-size:12px}dialog>a{font-size:11px}.dialog-actions{display:flex;gap:9px;margin-top:23px}.dialog-actions .button{width:auto;flex:1;font-size:11px}.dialog-actions .primary{flex:1.4}.noscript{position:fixed;inset:10px 10px auto;background:#fff4dc;padding:20px;z-index:9999}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.fog-canvas{position:absolute;top:0;left:0;pointer-events:none}.leaflet-control-zoom{border:1px solid #c9d1bd!important;box-shadow:0 2px 8px #28472f15!important;margin:18px!important}.leaflet-control-zoom a{background:#fffef5!important;color:#617a55!important;font-weight:400!important}.leaflet-control-attribution{font-size:9px!important;background:#fffef3e6!important;padding:3px 6px!important}.leaflet-control-attribution a{color:#58764d!important}.leaflet-popup-content{font:12px Arial,sans-serif}.leaflet-container:focus{outline:2px solid #859f66}.leaflet-bar a{width:33px!important;height:33px!important;line-height:33px!important}.leaflet-marker-pane .position-dot{background:#e68b51;border:3px solid #fffef5;border-radius:50%;box-shadow:0 0 0 6px #e68b5133}.leaflet-marker-pane .position-dot.demo-dot{background:#bd963f}.leaflet-pane.leaflet-fog-pane{z-index:380}
@media(min-width:1500px){#map{height:682px}.workspace{grid-template-columns:360px minmax(0,1fr)}.journey-card{padding:27px}.journey-card h2{font-size:27px}.intro{padding-top:45px;padding-bottom:39px}}
@media(max-width:1050px){.header,main,footer{padding-left:3%;padding-right:3%}.workspace{grid-template-columns:300px minmax(0,1fr);gap:14px}.journey-card,.stats-card,.history-card{padding:19px}.intro-note{display:none}.card-topline{flex-wrap:wrap}.card-topline .eyebrow{margin-bottom:5px}.tag{margin-bottom:12px}.journey-card h2{font-size:23px}.data-actions{gap:8px}.map-bottom p{max-width:190px;line-height:1.6}#map{height:677px}}
@media(max-width:760px){.header{padding:18px 5%;gap:10px}.brand{font-size:22px}.brand-icon{width:32px;height:32px;font-size:25px}.header-right{gap:5px}.local-pill{display:none}.header .text-button{font-size:10px}.intro{padding:29px 0 24px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:12px}.intro h1{font-size:42px;letter-spacing:-2.2px}.intro-copy{font-size:12px;max-width:310px}main{padding:0 5%}.workspace{display:flex;flex-direction:column;gap:17px}.sidebar{display:contents}.journey-card{order:1;width:100%;padding:22px}.journey-card h2{max-width:none;font-size:25px;margin-bottom:9px}.card-topline{flex-wrap:nowrap}.card-topline .eyebrow{margin-bottom:12px}.journey-card .muted{margin-bottom:15px;max-width:500px}.modes{margin-bottom:15px}.modes span{flex-direction:row;justify-content:center;padding:8px;font-size:11px;gap:8px}.modes b{font-size:20px}.primary{min-height:49px}.demo-button{margin-top:4px;padding:8px;min-height:39px}.gps-status{margin:4px 0 0;min-height:16px;font-size:10px}.tracking-buttons{margin-top:6px}.map-card{order:2;width:100%}#map{height:460px}.map-topbar{height:45px;padding:0 13px;font-size:10px}.map-topbar>span{font-size:8px}.map-bottom{padding:0 13px;height:45px}.map-bottom p{font-size:8px;max-width:none}.map-bottom a{font-size:8px;white-space:nowrap}.stats-card{order:3;width:100%;padding:22px}.stat-grid{margin-top:20px}.stat-grid strong{font-size:36px}.stat-grid>div+div{padding-left:25px}.stat-grid>div>span{font-size:10px}.milestone{padding-top:14px;margin-top:20px}.history-card{order:4;width:100%;max-height:260px;padding:22px}.bottom-strip{flex-direction:column;align-items:flex-start;gap:13px;padding:22px 0 8px}.data-actions{flex-wrap:wrap;justify-content:space-between;width:100%;gap:3px}.data-actions .button{font-size:10px;min-height:40px}footer{flex-direction:column;align-items:flex-start;padding:14px 5% 23px;font-size:9px;gap:3px}.map-button span{display:none}.map-button{width:40px;height:40px;padding:6px;font-size:23px}.map-controls{right:12px;top:13px}.demo-banner{max-width:calc(100% - 115px);min-width:0;width:230px;top:12px;left:52%;padding:11px 24px 11px 12px}.demo-banner span{font-size:8px}.map-key{bottom:29px;left:9px;padding:7px 9px;font-size:8px}.leaflet-control-zoom{margin:13px!important}.map-error{bottom:68px;font-size:10px}.dialog-actions{flex-direction:column}.dialog-actions .button{min-height:47px}.header #install-button{display:none}dialog{padding:24px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.android-download-row{display:flex;gap:14px;align-items:center;margin-top:22px}.android-download-row .android-download{width:auto;font-size:12px;min-height:45px;padding:12px 17px}.android-download-row>span{font-size:10px;line-height:1.6;color:#758076}@media(max-width:760px){.android-download-row{flex-wrap:wrap;gap:8px;margin-top:18px}.android-download-row .android-download{font-size:11px;min-height:44px}.android-download-row>span{font-size:9px}}