.jm{background:linear-gradient(180deg, var(--gray-50) 0%, var(--white) 100%);padding:34px 28px 18px;position:relative;overflow:hidden}.jm-canvas{width:100%;max-width:1080px;margin:0 auto;position:relative}.jm-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jm-ridge-back{fill:color-mix(in srgb, var(--green-600) 6%, transparent)}.jm-ridge-front{fill:color-mix(in srgb, var(--green-600) 10%, transparent)}.jm-trail{fill:none;stroke:var(--gray-300);stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round}.jm-progress{fill:none;stroke:var(--green-600);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.45,0,.2,1)}.jm-flag line{stroke:var(--gray-700);stroke-width:2px;stroke-linecap:round}.jm-flag path{fill:var(--apricot-400)}.jm-loop-ring{fill:none;stroke:var(--gray-200);stroke-width:1.5px;stroke-dasharray:3 6;transition:stroke .4s}.jm-loop.is-on .jm-loop-ring{stroke:var(--green-600)}.jm-loop-dot{fill:var(--gray-300);transition:fill .4s}.jm-loop.is-on .jm-loop-dot{fill:var(--apricot-400)}.jm-loop-spin{transform-box:view-box;animation:12s linear infinite jmSpin}@keyframes jmSpin{to{transform:rotate(360deg)}}.jm-station{z-index:2;cursor:pointer;background:0 0;border:0;width:0;height:0;padding:0;position:absolute}.jm-station:focus-visible{outline:none}.jm-station:focus-visible .jm-dot{outline:2px solid var(--green-600);outline-offset:3px}.jm-dot{background:var(--white);border:2px solid var(--gray-200);width:48px;height:48px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;transition:background .25s,border-color .25s,color .25s,transform .25s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000000f}.jm-dot svg{width:22px;height:22px}.jm-station:hover .jm-dot{border-color:var(--green-600);color:var(--green-700);transform:translate(-50%,-50%)scale(1.06)}.jm-station.is-past .jm-dot{background:color-mix(in srgb, var(--green-600) 10%, var(--white));border-color:color-mix(in srgb, var(--green-600) 55%, transparent);color:var(--green-700)}.jm-station.is-active .jm-dot{background:var(--green-600);border-color:var(--green-600);color:var(--white);box-shadow:0 0 0 6px color-mix(in srgb, var(--green-600) 16%, transparent);transform:translate(-50%,-50%)scale(1.08)}.jm-num{background:var(--gray-900);min-width:18px;height:18px;color:var(--white);font-family:var(--font-mono);text-align:center;border-radius:9px;padding:0 4px;font-size:10px;line-height:18px;position:absolute;top:-5px;right:-5px}.jm-station.is-active .jm-num{background:var(--apricot-400);color:var(--gray-900)}.jm-label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-700);font-size:11px;font-weight:500;transition:color .25s;position:absolute;top:34px;left:0;transform:translate(-50%)}.jm-station.is-active .jm-label{color:var(--green-700);font-weight:700}.jm-here{border-radius:var(--radius-pill);background:var(--gray-900);color:var(--white);font-family:var(--font-body);white-space:nowrap;padding:4px 9px;font-size:11px;font-weight:600;animation:.35s cubic-bezier(.3,1.3,.5,1) both jmDrop;position:absolute;bottom:34px;left:0;transform:translate(-50%)}.jm-here:after{content:"";background:inherit;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes jmDrop{0%{opacity:0;transform:translate(-50%,-6px)}}.jm-station.is-summit .jm-here{bottom:-12px;left:auto;right:30px;transform:none}.jm-station.is-summit .jm-here:after{bottom:50%;left:auto;right:-3px;transform:translateY(50%)rotate(45deg)}.jm-station.is-summit .jm-here{animation-name:jmFade}@keyframes jmFade{0%{opacity:0}}.jm-loop-label{z-index:1;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-700);white-space:nowrap;font-size:10px;animation:.4s .3s both jmFade;position:absolute;transform:translate(-50%,44px)}.jm-station.is-summit.is-active .jm-label{top:60px}@media (max-width:639px){.jm{padding:26px 12px 10px}.jm-dot{width:38px;height:38px}.jm-dot svg{width:18px;height:18px}.jm-num{min-width:16px;height:16px;font-size:9px;line-height:16px;top:-4px;right:-4px}.jm-label{font-size:10px;display:none;top:28px}.jm-station.is-active .jm-label{display:block}.jm-here{padding:3px 8px;font-size:10px;bottom:28px}.jm-station.is-summit .jm-here{right:26px}.jm-label.is-left{inset:auto 26px -22px auto;transform:none}.jm-loop-label{transform:translate(-100%,36px)}}@media (prefers-reduced-motion:reduce){.jm-progress,.jm-dot{transition:none}.jm-loop-spin,.jm-here,.jm-loop-label{animation:none}}