.timeline.svelte-1pw4f54{list-style:none;padding:0;margin:0;position:relative;width:100%;&.vertical{display:flex;flex-direction:column}&.horizontal{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:0;padding-block:1.4rem;scrollbar-width:none}&.horizontal::-webkit-scrollbar{display:none}}.wrap.svelte-1pw4f54{position:relative;width:100%;.timeline-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:var(--color-surface, #fff);box-shadow:var(--shadow-md, 0 3px 10px rgb(0 0 0 / .12));opacity:0;animation:svelte-1pw4f54-timeline-nav-fade .2s var(--ease-out, ease) forwards}.timeline-nav-prev{left:-.75rem}.timeline-nav-next{right:-.75rem}}@keyframes svelte-1pw4f54-timeline-nav-fade{to{opacity:1}}.item.svelte-1pw4f54{--node: 18px;--rail: 2px;--gap: 1rem;--run: 1.9rem;--node-gap: 4px;--fs-date: .72rem;--fs-title: .9rem;--fs-body: .83rem;--accent: var(--marker-color, var(--color-action, #2563eb));--node-fg: var(--color-action-text, #fff);--rail-color: var(--color-border, #e5e7eb);position:relative;display:block;&.dense{--node: 14px;--gap: .7rem;--run: 1.1rem;--node-gap: 3px;--fs-date: .68rem;--fs-title: .83rem;--fs-body: .78rem}&.comfortable{--node: 24px;--rail: 2.5px;--gap: 1.25rem;--run: 2.6rem;--node-gap: 5px;--fs-date: .78rem;--fs-title: 1rem;--fs-body: .9rem}&.vertical{padding-bottom:var(--run)}&.horizontal{min-width:9rem;scroll-snap-align:start;&.dense{min-width:6.5rem}&.comfortable{min-width:12.5rem}}}.lead.svelte-1pw4f54{display:flex;width:100%;box-sizing:border-box;color:inherit;text-decoration:none;.item.vertical:where(.svelte-1pw4f54) &{flex-direction:row;align-items:flex-start;gap:var(--gap)}.item.horizontal:where(.svelte-1pw4f54) &{flex-direction:column;align-items:center}}.item.complete.svelte-1pw4f54{--accent: var(--marker-color, var(--color-success, #16a34a));--node-fg: var(--color-success-text, #fff);--rail-color: var(--marker-color, var(--color-success, #16a34a))}.item.active.svelte-1pw4f54{--accent: var(--marker-color, var(--color-action, #2563eb))}.item.pending.svelte-1pw4f54{--accent: var(--marker-color, var(--color-text-muted, #9ca3af))}.item.reveal.svelte-1pw4f54{opacity:0;transform:translateY(14px);transition:opacity .52s var(--ease-out, ease),transform .52s var(--ease-out, ease)}.item.reveal.visible.svelte-1pw4f54{opacity:1;transform:none}.item.reveal.horizontal.svelte-1pw4f54{transform:translate(18px)}.item.reveal.horizontal.visible.svelte-1pw4f54{transform:none}.item.vertical.alternate.svelte-1pw4f54{width:calc(50% + var(--node) / 2)}.item.vertical.alternate.odd.svelte-1pw4f54{margin-left:calc(50% - var(--node) / 2)}.item.vertical.alternate.even.svelte-1pw4f54{text-align:right}.item.vertical.alternate.even.svelte-1pw4f54 .lead:where(.svelte-1pw4f54){flex-direction:row-reverse}.marker.svelte-1pw4f54{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}.item.horizontal.svelte-1pw4f54 .marker:where(.svelte-1pw4f54){align-items:center}.node.svelte-1pw4f54{position:relative;width:var(--node);height:var(--node);border-radius:var(--radius-full, 1e5px);display:grid;place-items:center;color:var(--node-fg);background:var(--accent);box-shadow:0 0 0 4px rgb(from var(--accent) r g b / .12);scale:var(--node-scale, 1);transition:scale .36s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),background-color .24s ease,box-shadow .24s ease}.item.reveal.svelte-1pw4f54 .node:where(.svelte-1pw4f54){--node-scale: 0}.item.reveal.visible.svelte-1pw4f54 .node:where(.svelte-1pw4f54){--node-scale: 1}.node.svelte-1pw4f54>.glyph:where(.svelte-1pw4f54){display:grid;place-items:center;width:63%;height:63%}.node.svelte-1pw4f54>.glyph:where(.svelte-1pw4f54) svg{width:100%;height:100%}.node.busy.svelte-1pw4f54>.glyph:where(.svelte-1pw4f54){opacity:0}.feedback.svelte-1pw4f54{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.feedback.svelte-1pw4f54 .layer:where(.svelte-1pw4f54){grid-area:1 / 1;display:grid;place-items:center}.feedback.svelte-1pw4f54 .progress{scale:calc(var(--node) / 20)}.feedback.svelte-1pw4f54 circle.track{stroke:rgb(from currentColor r g b / .25)}.feedback.svelte-1pw4f54 circle.arc{stroke:currentColor}.feedback.svelte-1pw4f54 .check:where(.svelte-1pw4f54){width:64%;height:64%}.feedback.svelte-1pw4f54 .check:where(.svelte-1pw4f54) polyline:where(.svelte-1pw4f54){stroke-dasharray:24;stroke-dashoffset:var(--check-draw, 0)}.item.active.motion.svelte-1pw4f54 .node.busy:where(.svelte-1pw4f54):before{animation:none}.item.active.svelte-1pw4f54 .node:where(.svelte-1pw4f54){box-shadow:0 0 0 4px rgb(from var(--accent) r g b / .18),0 0 14px 1px rgb(from var(--accent) r g b / .45)}.item.active.motion.svelte-1pw4f54 .node:where(.svelte-1pw4f54):before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);z-index:-1;animation:svelte-1pw4f54-timeline-ping 2.4s var(--ease-out, ease-out) infinite}.item.pending.svelte-1pw4f54 .node:where(.svelte-1pw4f54),.pending-node.svelte-1pw4f54{background:rgb(from var(--accent) r g b / .1);box-shadow:inset 0 0 0 var(--rail) var(--accent);color:var(--accent)}.pending-node.svelte-1pw4f54{--accent: var(--marker-color, var(--color-text-muted, #9ca3af));width:var(--node, 18px);height:var(--node, 18px);border-radius:var(--radius-full, 1e5px)}.pending-item.motion.svelte-1pw4f54 .pending-node:where(.svelte-1pw4f54){animation:svelte-1pw4f54-timeline-breathe 2.4s ease-in-out infinite}.connector.svelte-1pw4f54{position:absolute;border-radius:var(--radius-full, 1e5px);background:var(--rail-color);z-index:0}.item.vertical.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){left:calc(var(--node) / 2 - var(--rail) / 2);top:calc(var(--node) + var(--node-gap));bottom:var(--node-gap);width:var(--rail)}.item.horizontal.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){top:calc(var(--node) / 2 - var(--rail) / 2);left:calc(50% + var(--node) / 2 + var(--node-gap));width:calc(100% - var(--node) - 2 * var(--node-gap));height:var(--rail)}.item.reveal.vertical.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){transform:scaleY(0);transform-origin:top center;transition:transform .56s var(--ease-out, ease) .12s}.item.reveal.vertical.visible.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){transform:scaleY(1)}.item.reveal.horizontal.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){transform:scaleX(0);transform-origin:left center;transition:transform .56s var(--ease-out, ease) .12s}.item.reveal.horizontal.visible.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){transform:scaleX(1)}.item.active.vertical.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){background:linear-gradient(to bottom,var(--accent),var(--color-border, #e5e7eb))}.item.active.horizontal.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){background:linear-gradient(to right,var(--accent),var(--color-border, #e5e7eb))}.item.svelte-1pw4f54:not(:has(~.item))>.connector:where(.svelte-1pw4f54){display:none}.item.vertical.alternate.even.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){left:auto;right:calc(var(--node) / 2 - var(--rail) / 2)}.lead.interactive.svelte-1pw4f54{position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:scale .18s ease}.lead.interactive.svelte-1pw4f54:active{scale:.985}.lead.interactive.svelte-1pw4f54:focus-visible{outline:2px solid var(--color-action, #2563eb);outline-offset:3px;border-radius:var(--radius-md, 5px);@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--radius-md, 5px) * var(--squircle-ratio, 2))}}.lead.interactive.svelte-1pw4f54:hover .node:where(.svelte-1pw4f54){--node-scale: 1.1;box-shadow:0 0 0 6px rgb(from var(--accent) r g b / .18);transition:scale .32s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.item.active.svelte-1pw4f54 .lead.interactive:where(.svelte-1pw4f54):hover .node:where(.svelte-1pw4f54){box-shadow:0 0 0 6px rgb(from var(--accent) r g b / .22),0 0 16px 1px rgb(from var(--accent) r g b / .5)}.lead.interactive.svelte-1pw4f54:hover .title:where(.svelte-1pw4f54){color:var(--color-text-active, var(--color-text, #1a1a1a));transition:none}.content.svelte-1pw4f54{flex:1;min-width:0;position:relative;isolation:isolate;padding-top:calc(var(--node) / 2 - .5em);.item.horizontal:where(.svelte-1pw4f54) &{margin-top:.85rem;padding-top:0;text-align:center}}.content.svelte-1pw4f54:before{content:"";position:absolute;inset:-.3rem -.6rem;z-index:-1;border-radius:var(--radius-md, 5px);background:transparent;transition:background-color .24s ease;@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--radius-md, 5px) * var(--squircle-ratio, 2))}}.item.horizontal.svelte-1pw4f54 .content:where(.svelte-1pw4f54):before{inset:-.3rem -.7rem}.lead.interactive.svelte-1pw4f54:hover .content:where(.svelte-1pw4f54):before{background:rgb(from var(--color-text, #333) r g b / .06);transition:none}.surface.svelte-1pw4f54{position:absolute;inset:-.3rem -.6rem;z-index:2;border-radius:var(--radius-md, 5px);cursor:pointer;-webkit-tap-highlight-color:transparent;@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--radius-md, 5px) * var(--squircle-ratio, 2))}}.item.horizontal.svelte-1pw4f54 .surface:where(.svelte-1pw4f54){inset:-.3rem -.7rem}time.svelte-1pw4f54{display:block;font-size:var(--fs-date);font-weight:var(--font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted, #6b7280);margin-bottom:.3em;line-height:1.2}.title.svelte-1pw4f54{font-weight:var(--font-weight-semibold, 600);font-size:var(--fs-title);color:var(--color-text, #1a1a1a);line-height:1.35;transition:color .24s ease}.body.svelte-1pw4f54{margin-top:.25em;font-size:var(--fs-body);color:var(--color-text-muted, #6b7280);line-height:1.55}.pending-item.svelte-1pw4f54{padding-bottom:0}.sentinel.svelte-1pw4f54{height:1px;width:1px;overflow:hidden;position:absolute;bottom:0}.timeline.skeleton.svelte-1pw4f54{pointer-events:none}.skeleton-item.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1))}.skeleton-circle.svelte-1pw4f54,.skeleton-bar.svelte-1pw4f54{position:relative;overflow:hidden;background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1));&:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(105deg,transparent 25%,var(--skeleton-sheen, rgb(from var(--color-text, #888) r g b / .12)) 50%,transparent 75%);animation:delight-skeleton-shimmer var(--skeleton-duration, 2.4s) ease-in-out infinite;animation-delay:var(--shimmer-delay, 0s)}}.skeleton-circle.svelte-1pw4f54{width:var(--node, 18px);height:var(--node, 18px);border-radius:var(--radius-full, 1e5px)}.skeleton-item.svelte-1pw4f54 .content:where(.svelte-1pw4f54){display:flex;flex-direction:column;align-items:flex-start}.skeleton-item.horizontal.svelte-1pw4f54 .content:where(.svelte-1pw4f54){align-items:center}.skeleton-bar.svelte-1pw4f54{height:.7em;border-radius:var(--radius-full, 1e5px);max-width:100%;&.skeleton-date{width:5rem;font-size:var(--fs-date);line-height:1.2;margin-block:calc((1lh - .7em)/2) calc((1lh - .7em)/2 + .3em)}&.skeleton-title-bar{width:8rem;font-size:var(--fs-title);line-height:1.35;margin-block:calc((1lh - .7em)/2)}&.skeleton-body-bar{width:12rem;font-size:var(--fs-body);line-height:1.55;margin-block:calc((1lh - .7em)/2 + .25em) calc((1lh - .7em)/2)}}@keyframes svelte-1pw4f54-timeline-ping{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.6);opacity:0}}@keyframes svelte-1pw4f54-timeline-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes delight-skeleton-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.item.reveal.svelte-1pw4f54{opacity:1!important;transform:none!important;transition:none!important}.node.svelte-1pw4f54{scale:1!important;transition:none!important}.item.active.svelte-1pw4f54 .node:where(.svelte-1pw4f54):before,.pending-node.svelte-1pw4f54{animation:none!important}.item.reveal.svelte-1pw4f54>.connector:where(.svelte-1pw4f54){transform:none!important;transition:none!important}.skeleton-circle.svelte-1pw4f54:after,.skeleton-bar.svelte-1pw4f54:after{animation:none}}