.site-road-wrap{position:relative;container:site-road/inline-size}.site-road-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.site-road-svg path{fill:none;stroke-linecap:round}.site-road-edge{stroke:var(--road-edge);stroke-width:22px}.site-road-top{stroke:var(--road);stroke-width:16px}.site-road-walked{stroke:var(--brand);stroke-width:16px;opacity:.9}.site-road-dots{stroke:var(--path-dot);stroke-width:2px;stroke-dasharray:2 12;opacity:.55}.site-road-stops{--c:50%;--a:min(10.5%, 66px);margin:0;padding:0;list-style:none;position:relative}@container site-road (max-width:559.98px){.site-road-stops{--c:calc(10.5% + 46px);--a:10.5%}}.site-road-row{--x:calc(var(--c) + var(--w,0) * var(--a));--r:28px;--lip:6px;--lip-color:color-mix(in oklab, var(--line-strong) 72%, var(--muted));position:relative}.site-road-row.is-here{--r:32px}.site-road-row.is-check,.site-road-row.is-finish{--r:34px}.site-road-row.is-done{--lip-color:color-mix(in oklab, var(--brand-strong) 78%, var(--shade))}.site-road-row.is-check.is-done,.site-road-row.is-finish.is-done{--lip-color:color-mix(in oklab, var(--warn) 72%, var(--shade))}.site-road-node{top:50%;left:var(--x);border:2px solid var(--line-strong);background:var(--paper);width:56px;height:56px;box-shadow:0 var(--lip) 0 var(--lip-color);color:var(--muted);font:700 19px var(--display);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;scroll-margin-block:96px;display:grid;position:absolute;translate:-50% -50%}.site-road-node svg{width:24px;height:24px}@media (hover:hover){.site-road-node:hover{translate:-50% calc(-50% - 1px)}}.site-road-node:active{translate:-50% calc(-50% + var(--lip));box-shadow:0 0 0 var(--lip-color)}:root:not([data-input=pointer]) .site-road-node:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.site-road-row.is-done .site-road-node{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.site-road-row.is-here .site-road-node{--lip-color:color-mix(in oklab, var(--brand-strong) 78%, var(--shade));border:3px solid var(--brand);width:64px;height:64px;color:var(--brand);box-shadow:0 var(--lip) 0 var(--lip-color), 0 0 0 7px var(--brand-soft);font-size:21px}.site-road-row.is-here .site-road-node:active{box-shadow:0 0 0 var(--lip-color), 0 0 0 7px var(--brand-soft)}.site-road-row.is-check .site-road-node,.site-road-row.is-check.is-done .site-road-node,.site-road-row.is-check .site-road-node:active{width:64px;height:64px;box-shadow:none;background:0 0;border:0;border-radius:14px}.site-road-diamond{border:2px solid var(--line-strong);background:var(--paper);width:46px;height:46px;box-shadow:calc(var(--lip) * .7071) calc(var(--lip) * .7071) 0 var(--lip-color);color:var(--muted);border-radius:11px;place-items:center;display:grid;rotate:45deg}.site-road-diamond svg{rotate:-45deg}.site-road-node:active .site-road-diamond{box-shadow:0 0 0 var(--lip-color)}.site-road-row.is-check.is-done .site-road-diamond{border-color:var(--mustard);background:var(--mustard);color:var(--shade)}.site-road-row.is-check.is-soon{--lip:0px}.site-road-row.is-check.is-soon .site-road-diamond{background:var(--counter);border-style:dashed}.site-road-row.is-finish .site-road-node{width:60px;height:60px}.site-road-row.is-finish .site-road-node svg{width:26px;height:26px}.site-road-row.is-finish.is-done .site-road-node{border-color:var(--mustard);background:var(--mustard);color:var(--shade)}@media (prefers-reduced-motion:no-preference){.site-road-node,.site-road-diamond{transition:translate .1s ease-out,box-shadow .1s ease-out}}.site-road-label{top:50%;left:calc(var(--x) + var(--r) + 14px);cursor:pointer;justify-items:start;gap:1px;max-width:300px;display:grid;position:absolute;right:0;translate:0 -50%}@container site-road (min-width:560px){.site-road-row.sway-right .site-road-label{left:auto;right:calc(100% - var(--x) + var(--r) + 14px);text-align:right;justify-items:end}}.site-road-row.is-covered .site-road-label{visibility:hidden}.site-road-small{color:var(--muted);font:400 13px/1.35 var(--ticket)}.site-road-name{color:var(--ink);font:600 16.5px/1.25 var(--body)}.site-road-name.is-lesson{font:700 19px/1.2 var(--display)}.site-road-label:hover .site-road-name{color:var(--brand)}.site-road-row.is-soon .site-road-name{color:var(--muted)}.site-road-label .site-road-members{margin-top:3px}.site-road-here{background:var(--ink);color:var(--counter);font:500 12.5px var(--ticket);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:7px;margin-bottom:2px;padding:2px 8px}:root:has([data-member-flag]) .site-road-members{display:none}.site-road-card{z-index:5;border:1px solid var(--line-strong);background:var(--raised);box-shadow:var(--pop-shadow);border-radius:16px;padding:16px;position:absolute}.site-road-card.point-left:before,.site-road-card.point-right:before{content:"";top:var(--point);background:var(--raised);width:12px;height:12px;margin-top:-6px;position:absolute;rotate:45deg}.site-road-card.point-left:before{border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);left:-7px}.site-road-card.point-right:before{border-right:1px solid var(--line-strong);border-top:1px solid var(--line-strong);right:-7px}.site-road-card.is-sheet{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;position:fixed}.site-road-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.site-road-close:hover{background:var(--sunken);color:var(--ink)}.site-road-kicker{color:var(--muted);font:500 11.5px var(--ticket);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px;padding-right:36px;display:flex}.site-road-title{font:700 19px/1.2 var(--display);color:var(--ink)}@media (prefers-reduced-motion:no-preference){.site-road-card{animation:site-road-in .18s var(--site-ease,ease-out) both}@keyframes site-road-in{0%{opacity:0;scale:.97}}.site-road-row.is-just-done .site-road-node{animation:.6s cubic-bezier(.2,.8,.2,1) both site-road-just-done}}@keyframes site-road-just-done{0%{scale:.6}60%{scale:1.12}to{scale:1}}