.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-picture{border:1.5px solid var(--line-strong);pointer-events:none;border-radius:14px;position:absolute;overflow:hidden}.site-road-picture svg{aspect-ratio:3/2;width:100%;height:auto;margin-top:-.5px;display:block}.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}@media (prefers-reduced-motion:no-preference){.site-road-card{animation:.6s backwards kit-jelly}.site-road-card.point-left{transform-origin:-7px var(--point,50%)}.site-road-card.point-right{transform-origin:calc(100% + 7px) var(--point,50%)}.site-road-card.is-sheet{--kit-from-x:.6;--kit-from:.2;transform-origin:50% 100%;animation:.52s backwards kit-jelly-y}.site-road-card.is-leaving{--kit-to:.6;scale:var(--kit-at,1);opacity:var(--kit-at-o,1);animation:.16s ease-in forwards kit-shrink}}.site-road-card.is-leaving{pointer-events:none}.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-walked.is-drawing{stroke-dasharray:1;animation:.8s cubic-bezier(.3,.6,.3,1) .1s backwards site-road-draw}.site-road-walked.is-walking{stroke-dasharray:1;animation:.9s cubic-bezier(.3,.1,.3,1) backwards site-road-draw}.site-road-row .site-road-label{transition:opacity .25s ease-out}.site-road-row.is-awaited .site-road-label{opacity:0}}@keyframes site-road-draw{0%{stroke-dashoffset:1px}}.site-road-over{z-index:2;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.site-road-marker{fill:var(--mustard);stroke:var(--paper);stroke-width:4px;filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--shade) 35%, transparent))}@media (prefers-reduced-motion:no-preference){.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}}.site-fork{grid-template-columns:minmax(0,1fr);gap:6px;display:grid;container:site-fork/inline-size}.site-fork-junction{height:76px;margin-top:8px}.site-fork-svg{display:block;overflow:visible}.site-fork-svg path{fill:none;stroke-linecap:round}.site-fork-svg g{opacity:.3;transition:opacity .2s ease-out}.site-fork-svg g.is-on{opacity:1}.site-fork-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:680px;margin-inline:auto;display:grid}.site-fork-pick{text-wrap:balance;border:1.5px solid var(--line-strong);background:var(--paper);min-height:52px;color:var(--ink);text-align:center;cursor:pointer;box-shadow:0 2px 0 var(--line-strong);border-radius:14px;justify-items:center;gap:1px;padding:7px 12px;display:grid}.site-fork-pick b,.site-fork-head b{font:700 16px/1.2 var(--display)}.site-fork-pick span,.site-fork-head span{font:500 12px/1.3 var(--ticket);color:var(--muted)}.site-fork-pick[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 2px 0 var(--brand)}.site-fork-pick:active{box-shadow:none;translate:0 2px}.site-fork-roads{grid-template-columns:minmax(0,1fr);margin-top:8px;display:grid}.site-fork[data-tab=own] .site-fork-branch.is-work,.site-fork[data-tab=work] .site-fork-branch.is-own{display:none}.site-fork-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container site-fork (min-width:900px){.site-fork-junction{height:116px}.site-fork-picks{display:none}.site-fork-roads{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;margin-top:0}.site-fork[data-tab] .site-fork-branch.is-own,.site-fork[data-tab] .site-fork-branch.is-work{display:block}.site-fork-head{clip-path:none;white-space:normal;justify-items:start;gap:1px;width:auto;height:auto;margin:12px 0 4px;display:grid;position:static;overflow:visible}.site-fork-branch{container-type:inline-size}.site-fork-head{padding-left:calc(10.5% + 16px)}}@container (min-width:560px){.site-fork-branch .site-fork-head{text-align:center;justify-items:center;padding-left:0}}.site-road-card.is-sheet{max-width:440px;margin-inline:auto}