@property --accent{syntax: "<color>"; inherits: true; initial-value: #fff;}.page-glow,.intro-glow,.progress,.accent-fade,.checkpoint{transition:--accent .8s ease}html{scroll-behavior:smooth}main{overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ink{color:color-mix(in oklab,var(--accent) 72%,var(--color-fg))}.page-glow{background:radial-gradient(60% 40% at 80% 0%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 70%)}body:not([class*=life-]) .page-glow{opacity:.4}.intro-glow{background:radial-gradient(50% 60% at 20% 0%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 75%)}.journey-spectrum{padding-bottom:.08em}.map-ready .rail{display:none}.route-base,.route-leg{fill:none;stroke-linecap:round}.route-base{stroke:rgb(var(--fg-rgb) / .14);stroke-width:1.5;stroke-dasharray:2 7}.route-leg{stroke:var(--accent);stroke-width:2.5;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 45%,transparent))}.card{background:var(--color-surface)}.year-mark{display:none;color:color-mix(in oklab,var(--accent) 7%,transparent);-webkit-text-stroke:1.5px color-mix(in oklab,var(--accent) 80%,var(--color-fg))}.year-first>.year-mark{display:block}.landmark p,.year-mark{text-shadow:0 0 3px var(--color-page),0 0 10px var(--color-page),0 0 22px var(--color-page)}.landmark:before{content:"";position:absolute;inset:-40% -15%;z-index:-1;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 16%,transparent),transparent);pointer-events:none}.mini-seg{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.28;transition:opacity .3s ease}.mini-seg.is-read{opacity:1}.mini-dot{transition:transform .3s ease,box-shadow .3s ease,--accent .8s ease}.mini-link[aria-current] .mini-dot{transform:translate(-50%,-50%) scale(1.8);box-shadow:0 0 10px var(--accent)}.index-sheet .mini-link[aria-current] .mini-dot{transform:scale(1.5)}.mini-link[aria-current] .mini-label,.index-sheet .mini-link[aria-current]{color:var(--color-fg)}.tag-tools{background:rgb(var(--fg-rgb) / .06);color:rgb(var(--fg-rgb) / .8)}.tag-concepts{border:1px solid rgb(var(--fg-rgb) / .16);color:rgb(var(--fg-rgb) / .78)}.tag-skills{background:color-mix(in oklab,var(--accent) 16%,transparent);color:color-mix(in oklab,var(--accent) 60%,var(--color-fg))}.checkpoint .dot,.checkpoint .card{transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.checkpoint.is-current .dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent),0 0 16px var(--accent)}.checkpoint.is-current .card{border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:color-mix(in oklab,var(--accent) 5%,var(--color-surface))}[data-checkpoint]:focus{outline:none}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .7s ease,--accent .8s ease}.reveal.is-in{opacity:1}}.progress{transform:scaleX(0)}[data-dot][aria-current] .dot{opacity:1;background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.25)}.filters[aria-busy=true] [data-filter-menu]>summary{pointer-events:none;color:transparent;background:linear-gradient(90deg,rgb(var(--fg-rgb) / .04),rgb(var(--fg-rgb) / .1),rgb(var(--fg-rgb) / .04));background-size:200% 100%;animation:filters-skeleton 1.4s ease-in-out infinite}.filters[aria-busy=true] [data-filter-menu]>summary *{visibility:hidden}@keyframes filters-skeleton{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.filters[aria-busy=true] [data-filter-menu]>summary{animation:none}}html[data-filtering] .timeline{visibility:hidden;animation:filtering-reveal 0s 3s forwards}@keyframes filtering-reveal{to{visibility:visible}}.filter-tag{cursor:pointer;transition:background-color .2s ease,color .2s ease,--accent .8s ease}.filter-tag[aria-pressed=true]{background:var(--color-fg);color:var(--color-page);border-color:var(--color-fg)}.tag.is-match{box-shadow:0 0 0 1.5px var(--color-fg);color:var(--color-fg)}.filter-chip{min-height:2rem;border-radius:9999px;background:rgb(var(--fg-rgb) / .92);color:var(--color-page);padding:0 .75rem;font-size:var(--text-filter);font-weight:500;cursor:pointer}.filter-chip:hover{background:var(--color-fg)}.mini-link.is-out{opacity:.22}
