:root{color-scheme:dark;--bg:#102027;--panel:#192e36;--ink:#eff8f4;--muted:#b4cbd0;--line:#34515a;--accent:#92dfbc;--button:#102820;font-family:system-ui,sans-serif}html[data-theme=light]{color-scheme:light;--bg:#f5f8f6;--panel:#fff;--ink:#16352d;--muted:#49655f;--line:#c6d8d1;--accent:#136b4c;--button:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:4px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:750;font-size:21px}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted)}nav{display:flex;gap:10px;align-items:center}button,.button{display:inline-block;font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:650}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:var(--button);border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}main{max-width:1200px;margin:auto;padding:44px 24px 70px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:380px}.eyebrow{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.035em;line-height:1.04;margin:20px 0}h2{font-size:24px;letter-spacing:-.02em}p{line-height:1.6}.intro{font-size:19px;color:var(--muted);max-width:570px}.muted,.subtext{color:var(--muted)}.subtext{font-size:13px}.card{border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--panel)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.share{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.badge{font-size:12px;color:var(--accent)}.callout{border-left:3px solid var(--accent);padding:8px 20px;color:var(--muted)}.route-art{width:100%;height:260px}.route-art path{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round}.route-art circle{fill:var(--panel);stroke:var(--accent);stroke-width:5}.route-art .roads{stroke:var(--line);stroke-width:2}.viewer{margin-top:25px}.point-card{font-variant-numeric:tabular-nums}.watch-status{font-size:24px;font-weight:700}label{display:grid;gap:8px;margin:16px 0}input,select{font:inherit;padding:12px;border-radius:9px;border:1px solid var(--line);color:var(--ink);background:var(--bg);max-width:100%;width:100%}footer{border-top:1px solid var(--line);border-bottom:0;font-size:13px;color:var(--muted)}#notice{max-width:1152px;margin:16px auto;padding:0 24px;min-height:24px}.skip{position:absolute;left:15px;top:-90px;padding:12px;background:var(--panel);z-index:100}.skip:focus{top:5px}[hidden]{display:none!important}@media(max-width:700px){header{padding:16px;align-items:flex-start;flex-wrap:wrap}.brand{font-size:18px}nav{flex-wrap:wrap}main{padding:25px 18px}.hero{grid-template-columns:1fr;gap:24px}.grid{grid-template-columns:1fr}.card{padding:20px}footer{padding:22px 18px;flex-wrap:wrap}.route-art{height:170px}}