.etc-card{position:relative;display:block;overflow:hidden;border-radius:16px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-surface));color:inherit}.etc-card:hover,.etc-card:focus-visible{border-color:color-mix(in srgb,var(--c) 45%,rgb(var(--color-border)));box-shadow:0 14px 28px -18px color-mix(in srgb,var(--c) 60%,transparent)}.etc-card[data-read=true] .etc{filter:saturate(.35)}.etc-stop{position:relative}.etc-stop:before{content:"";position:absolute;left:16px;top:-8px;bottom:-8px;width:2px;background:rgb(var(--color-border))}.etc-stop:first-child:before{top:50%}.etc-stop:last-child:before{bottom:50%}.etc-stop:only-child:before{display:none}.etc-stop[data-read=true]:before{background:var(--c)}.etc-stop-dot{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;border:2px solid rgb(var(--color-border-strong));background:rgb(var(--color-surface));display:grid;place-items:center;font-size:14px;color:rgb(var(--color-fg-muted))}.etc-stop[data-read=true] .etc-stop-dot{background:var(--c);border-color:var(--c);color:#fff}.etc-stop[data-goal=true] .etc-stop-dot{border-color:var(--c);color:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 15%,transparent)}.etc-stop[data-goal=true][data-read=true] .etc-stop-dot{color:#fff}.etc-stop-link:hover,.etc-stop-link:focus-visible{background:rgb(var(--color-surface-muted))}.etc-task[aria-pressed=true]{background:rgb(var(--color-surface-muted));color:rgb(var(--color-fg));font-weight:600}@media(prefers-reduced-motion:no-preference){.etc-card{transition:border-color .3s,transform .3s,box-shadow .3s}.etc-card:hover,.etc-card:focus-visible{transform:translateY(-2px)}.etc-stop-link{transition:background-color .2s}.etc-stop{animation:etc-stop-in .45s both;animation-delay:calc(var(--i, 0) * 60ms)}}@keyframes etc-stop-in{0%{opacity:0;transform:translate(-8px)}}@media(prefers-reduced-motion:no-preference){.etl-switched .etl-enter{animation:etl-enter .26s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(min(var(--i, 0),8)*32ms)}@keyframes etl-enter{0%{opacity:0;transform:translateY(8px)}}}