:root{color-scheme:dark light;--bg: #12141a;--fg: #e8eaf0;--muted: #8b93a7;--accent: #ff3ea5;--warn: #ffb020;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem;max-width:40rem;margin:0 auto}h1{font-size:1.1rem;margin:0 0 .25rem}.sub{color:var(--muted);font-size:.85rem;margin:0 0 1.5rem}.mile{font-size:3.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.mile small{font-size:1rem;font-weight:400;color:var(--muted)}.row{display:flex;gap:2rem;margin:1.25rem 0}.row div{font-variant-numeric:tabular-nums}.label{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.warn{background:color-mix(in srgb,var(--warn) 15%,transparent);border-left:3px solid var(--warn);padding:.75rem;margin:1rem 0;font-size:.9rem}button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:.4rem;padding:.5rem .9rem}:root{--rule: #2a2f3a;--ink-mute: #8b93a7;--ground: #12141a;--accent-line: #4FC3F7;--you: #E8543A;--amber: #ffb020;--marker-camp: #5FD87F;--marker-water: #4FC3F7;--marker-junction: #9AA3AD;--marker-crossing: #FF6B4A;--marker-town: #C9A0FF;--trail-line: #FF3EA5}.profile-svg{display:block;width:100%;height:46.5vh;min-height:240px;touch-action:none}.ep-grid{stroke:var(--rule);stroke-width:1}.ep-vgrid{opacity:.6}.ep-ylab{fill:var(--ink-mute);font:600 9px/1 system-ui,sans-serif;dominant-baseline:middle;text-anchor:end}.ep-xlab{fill:var(--ink-mute);font:600 9px/1 system-ui,sans-serif;text-anchor:middle}.ep-area{fill:var(--accent-line);opacity:.14}.ep-line{fill:none;stroke:var(--accent-line);stroke-width:1.6;stroke-linejoin:round}.ep-you{stroke:var(--you);stroke-width:1.2;stroke-dasharray:3 2}.ep-youdot{fill:var(--you);stroke:var(--ground);stroke-width:1.5}.ep-marker-stem{stroke:var(--rule);stroke-width:1}.ep-marker{stroke:var(--ground);stroke-width:1.3;cursor:pointer}.ep-marker-label{fill:var(--ink-mute);font:500 9px/1 system-ui,sans-serif;text-anchor:middle;pointer-events:none}.zoom{display:flex;gap:.5rem;margin:.5rem 0 0}.zoom button{background:#232833;color:var(--fg)}.map-canvas{width:100%;height:60vh;min-height:320px;border-radius:.4rem;overflow:hidden}.tabs{display:flex;gap:.5rem;margin:.75rem 0}.tabs button{background:#232833;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--accent);color:#fff}