:root{--green:#29491f;--green2:#3e6b2d;--cream:#f7f4ed;--text:#172016;--muted:#667063;--danger:#b8332b;--shadow:0 12px 35px rgba(0,0,0,.18)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--cream)}button,input{font:inherit}.hidden{display:none!important}.screen{min-height:100dvh}.intro{display:grid;place-items:center;padding:22px;background:linear-gradient(rgba(20,42,17,.36),rgba(20,42,17,.5)),url('https://tile.openstreetmap.org/13/4699/2376.png');background-size:cover}.intro-card,.finish-card{width:min(560px,100%);background:rgba(255,255,255,.96);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.eyebrow{font-size:13px;letter-spacing:.18em;color:var(--green2);font-weight:800}h1{font-family:inherit;font-size:clamp(26px,7vw,40px);line-height:1.08;letter-spacing:.18em;font-weight:800;margin:0 0 12px;color:var(--green)}.lead{font-size:18px;line-height:1.5}.features{display:grid;gap:12px;margin:24px 0}.features div{display:flex;gap:12px;align-items:center}.features div:first-child{margin-top:3px}.primary,.secondary{width:100%;border:0;border-radius:14px;padding:16px;font-weight:800;letter-spacing:.03em;cursor:pointer}.primary{background:var(--green2);color:#fff}.secondary{margin-top:10px;background:#e8eee5;color:var(--green)}.small{font-size:12px;color:var(--muted);line-height:1.5}.history-link{display:inline-block;margin-top:10px;color:var(--green);font-weight:700;text-decoration:none}.walk{position:relative;height:100dvh;overflow:hidden;background:#ddd}.topbar{height:68px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:white;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 8px rgba(0,0,0,.12);position:relative;z-index:600}.topbar div{display:flex;flex-direction:column}.topbar span{font-size:12px;color:var(--muted)}.icon-btn{width:42px;height:42px;border-radius:50%;border:0;background:#eef2eb;font-size:25px;color:var(--green)}#map{height:calc(100dvh - 68px);width:100%}.navcard{position:absolute;z-index:700;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-radius:22px;padding:14px 16px;box-shadow:var(--shadow);max-width:660px;margin:auto}.next-turn{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e3e5e0;padding-bottom:11px}.next-turn>div:last-child{display:flex;flex-direction:column}.next-turn span,.next-turn small{font-size:12px;color:var(--muted)}.next-turn strong{font-size:17px;margin:2px 0}.turn-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:32px;font-weight:800}.stats{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;text-align:center;margin-top:12px}.stats>div:first-child{text-align:left}.stats>div:last-child{text-align:right}.stats strong{font-size:25px;color:var(--green2);display:block}.stats span{font-size:11px;color:var(--muted)}.progress-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--green2) 0deg,#d8ddd5 0deg);position:relative}.progress-ring:after{content:'';position:absolute;inset:7px;background:#fff;border-radius:50%}.progress-ring b{z-index:1;font-size:13px}.bottom-row{display:flex;justify-content:space-between;border-top:1px solid #eceeea;margin-top:10px;padding-top:9px;font-size:12px;color:var(--muted)}.offroute{position:absolute;z-index:710;top:82px;left:50%;transform:translateX(-50%);background:#fff2ef;color:var(--danger);border:1px solid #f1c6c1;padding:10px 14px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15);white-space:nowrap}.user-arrow{width:34px;height:34px;border-radius:50%;background:#2476d3;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);position:relative}.user-arrow:before{content:'';position:absolute;left:50%;top:-17px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #2476d3;filter:drop-shadow(0 -1px 0 white)}.turn-marker{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--green);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--green)}.finish{display:grid;place-items:center;padding:22px}.finish-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--green2);color:#fff;font-size:42px;margin:auto}.finish-card{text-align:center}.finish label:not(.consent){text-align:left;display:block;font-weight:700;margin:18px 0 6px}.finish input[type=text],#walkerName{width:100%;padding:14px;border:1px solid #c9d0c6;border-radius:12px;font-size:17px}.consent{display:flex;gap:9px;text-align:left;font-size:12px;color:var(--muted);margin:12px 0 16px}.personal{background:#edf3ea;border-radius:14px;padding:14px;margin:14px 0;text-align:left}.leaflet-control-attribution{font-size:9px}@media(min-width:800px){.navcard{left:50%;right:auto;transform:translateX(-50%);width:640px}h1{font-size:48px}}.poi-modal{position:fixed;z-index:2000;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:18px}.poi-card{position:relative;width:min(520px,100%);max-height:90dvh;overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow)}.poi-card h2{font-family:Georgia,serif;font-size:28px;color:var(--green);margin:8px 0}.poi-card p{line-height:1.55}.poi-close{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:27px;z-index:2}.poi-image{width:calc(100% + 40px);margin:-20px -20px 16px;height:220px;object-fit:cover}.poi-marker{width:34px;height:34px;border-radius:50%;background:#fff;border:3px solid var(--green2);display:grid;place-items:center;font-size:18px;box-shadow:0 2px 7px rgba(0,0,0,.25)}.start-finish-marker{width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--green2);display:grid;place-items:center;font-size:19px;line-height:1;box-shadow:0 2px 7px rgba(0,0,0,.28)}.site-header{position:absolute;inset:0 0 auto;height:67px;background:rgba(244,239,231,.96);z-index:20}.site-nav{height:100%;max-width:1120px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:30px;font-weight:500;letter-spacing:.1em;color:#1f3f30;text-decoration:none}.site-home{font-size:15px;color:#647067;text-decoration:none}.intro{position:relative;display:flex;align-items:center;justify-content:center;padding:107px 22px 40px;background:#1f3f30}.intro-card{width:min(900px,100%);background:transparent;border-radius:0;padding:0;box-shadow:none;color:#fff;text-align:center}.intro-card h1{font-family:inherit;font-size:clamp(44px,7vw,92px);line-height:1.05;letter-spacing:.06em;font-weight:500;margin:0 0 22px;color:#fff}.intro-card .lead{font-size:20px;line-height:1.6;color:rgba(255,255,255,.9);margin:0 auto 30px}.intro-card .features{max-width:560px;margin:0 auto 30px;text-align:left}.intro-card .features div{color:#fff}.intro-card .primary{display:block;max-width:360px;margin:0 auto;background:#f4efe7;color:#1f3f30}.intro-card .small{max-width:560px;margin:16px auto 0;color:rgba(255,255,255,.7)}.intro-card .history-link{display:inline-block;color:#fff;margin-top:22px}@media(max-width:600px){.site-logo{font-size:22px}.intro{padding-top:96px}.intro-card h1{font-size:clamp(30px,10vw,44px);letter-spacing:.05em}.intro-card .lead{font-size:17px}.intro-card .features{text-align:left}}.route-option{display:flex;align-items:center;justify-content:center;gap:12px;max-width:720px;margin:-10px auto 26px;color:#fff;font-size:16px;line-height:1.45}.dash-sample{flex:0 0 36px;width:36px;border-top:4px dashed #e53935}.route-option strong{font-weight:800}@media(max-width:600px){.route-option{align-items:flex-start;text-align:left;font-size:14px;margin-top:-8px}.dash-sample{margin-top:8px}}.intro-card .route-option{justify-content:flex-start;max-width:560px;text-align:left}.intro-card .dash-sample{flex:0 0 20px;width:20px}.intro-card .route-option{margin-bottom:9px}

.topbar .topbar-actions{display:flex;flex-direction:row;align-items:center;gap:8px}
.voice-toggle{height:40px;padding:0 13px;border:1px solid #d7ddd8;border-radius:999px;background:#f4f7f4;color:#1f3f30;font:700 13px/1 inherit;white-space:nowrap;cursor:pointer}
.voice-toggle[aria-pressed="false"]{background:#f2eeee;color:#6c4c4c;border-color:#dfd2d2}
.voice-toggle:focus-visible{outline:3px solid rgba(57,118,75,.3);outline-offset:2px}
@media(max-width:430px){.voice-toggle{height:38px;padding:0 10px;font-size:12px}.topbar .topbar-actions{gap:5px}}
.intro-voice-toggle{display:block;margin:0 auto 12px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.intro-voice-toggle[aria-pressed="false"]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.82)}