.archive-page[data-astro-cid-qma2cssl]{max-width:860px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg) calc(var(--spacing-xxl) * 2)}.timeline[data-astro-cid-qma2cssl]{position:relative;&[data-astro-cid-qma2cssl]:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-blue),var(--color-pink) 60%,transparent);border-radius:1px}}.year-group[data-astro-cid-qma2cssl]{position:relative;margin-bottom:var(--spacing-xl);opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-gentle),transform .6s var(--ease-gentle);&.visible{opacity:1;transform:translateY(0);.post-item{opacity:1;transform:translate(0)}}}.year-marker[data-astro-cid-qma2cssl]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);position:relative}.year-dot[data-astro-cid-qma2cssl]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--color-blue);border:3px solid var(--color-surface, #fff);box-shadow:var(--shadow-sm);z-index:2}.year-label[data-astro-cid-qma2cssl]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;letter-spacing:.04em;background:var(--color-bg);padding:0 var(--spacing-md);position:relative;z-index:3}.year-count[data-astro-cid-qma2cssl]{font-size:var(--font-size-xs);color:var(--color-text-muted);background:#7eb6d914;padding:2px 10px;border-radius:12px;position:relative;z-index:3}.posts-container[data-astro-cid-qma2cssl]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-item[data-astro-cid-qma2cssl]{display:flex;align-items:center;position:relative;width:100%;opacity:0;transition:opacity .5s var(--ease-gentle),transform .5s var(--ease-gentle);transition-delay:calc(var(--pi) * 60ms + .2s);.post-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--color-pink);z-index:2;flex-shrink:0}&.left{justify-content:flex-end;padding-right:calc(50% + 24px);transform:translate(-16px);.post-card{text-align:right;flex-direction:row-reverse}}&.right{justify-content:flex-start;padding-left:calc(50% + 24px);transform:translate(16px);.post-card{text-align:left}}}.post-card[data-astro-cid-qma2cssl]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-gentle);&[data-astro-cid-qma2cssl]:hover{background:#7eb6d90a}}.post-date[data-astro-cid-qma2cssl]{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-code);flex-shrink:0;white-space:nowrap}.post-title[data-astro-cid-qma2cssl]{font-size:var(--font-size-base);color:var(--color-text);text-decoration:none;line-height:var(--line-height-base);transition:color var(--transition-fast) var(--ease-gentle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&[data-astro-cid-qma2cssl]:hover{color:var(--color-blue)}}.timeline-end[data-astro-cid-qma2cssl]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;padding-top:var(--spacing-md);opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-gentle) .2s,transform .6s var(--ease-gentle) .2s;&.visible{opacity:1;transform:translateY(0)}}.end-dot[data-astro-cid-qma2cssl]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--color-pink);border:2px solid var(--color-surface, #fff);box-shadow:var(--shadow-sm);z-index:2}.end-text[data-astro-cid-qma2cssl]{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;background:var(--color-bg);padding:0 var(--spacing-md);position:relative;z-index:3}@media(max-width:768px){.timeline[data-astro-cid-qma2cssl]:before{left:20px;transform:none}.year-marker[data-astro-cid-qma2cssl]{justify-content:flex-start;padding-left:40px}.year-dot[data-astro-cid-qma2cssl]{left:20px;transform:translate(-50%,-50%)}.year-label[data-astro-cid-qma2cssl]{background:transparent;padding:0}.post-item[data-astro-cid-qma2cssl]{.post-dot{left:20px;transform:translate(-50%,-50%)}&.left,&.right{justify-content:flex-start;padding-left:48px;padding-right:0;transform:translate(-12px);.post-card{text-align:left;flex-direction:row}}}.timeline-end[data-astro-cid-qma2cssl]{justify-content:flex-start;padding-left:40px}.end-dot[data-astro-cid-qma2cssl]{left:20px;transform:translate(-50%,-50%)}.end-text[data-astro-cid-qma2cssl]{background:transparent;padding:0}}@media(max-width:640px){.archive-page[data-astro-cid-qma2cssl]{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-xxl)}.year-label[data-astro-cid-qma2cssl]{font-size:var(--font-size-xl)}.post-date[data-astro-cid-qma2cssl]{font-size:var(--font-size-xs)}.post-title[data-astro-cid-qma2cssl]{font-size:var(--font-size-sm)}}