.posts-container.timeline-view-class{position:relative;max-width:900px;margin:0 auto;padding:2rem 0 3rem;overflow:visible;min-height:200px}.posts-container.timeline-view-class:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,var(--accent-color),var(--accent-color-secondary));transform:translate(-50%);z-index:0;pointer-events:none;opacity:.7;transition:opacity .5s ease-in-out}.post-card{position:relative;margin-bottom:3rem;opacity:1;transform:translateY(0);min-height:40px;border:none;background:transparent;box-shadow:none;padding:0;transition:all .4s cubic-bezier(.25,.1,.25,1),transform .5s cubic-bezier(.25,.1,.25,1),opacity .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s ease;will-change:opacity,transform;padding-bottom:2.5rem;width:100%;box-sizing:border-box}.post-card.filtering-out{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .3s ease-out,transform .3s ease-out}.post-card.filtering-in{opacity:1;transform:translateY(0) scale(1);transition:opacity .5s ease-out .15s,transform .5s ease-out .15s}.post-card.fade-out{opacity:0;transform:translateY(10px) scale(.98);pointer-events:none}.post-card.fade-in{opacity:1;transform:translateY(0) scale(1);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.post-card.visible.animated{width:unset!important;max-width:unset!important;flex:unset!important;align-items:unset!important;display:block!important;box-sizing:border-box;background:transparent;padding:0;border:none;box-shadow:none;margin-bottom:3rem;min-height:40px;position:relative}.timeline-dot{position:absolute;top:0;left:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%) scale(1);z-index:10;transition:all .5s cubic-bezier(.16,1,.3,1)}.timeline-branch{position:absolute;top:5px;width:80px;height:1px;z-index:1;opacity:.7;transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.posts-container.timeline-view-class .post-card .timeline-branch{left:50%;background:linear-gradient(to right,var(--accent-color),transparent);transform-origin:left center;transform:scaleX(1)}.posts-container.timeline-view-class .post-card.even-post .timeline-branch{left:auto;right:50%;background:linear-gradient(to left,var(--accent-color),transparent);transform-origin:right center;transform:scaleX(1)}.posts-container.timeline-view-class .timeline-content{position:absolute;top:-7px;background:transparent;padding:0 .5rem;transition:all .4s cubic-bezier(.16,1,.3,1),opacity .3s ease-in-out;border:none;box-shadow:none;max-width:450px;display:flex;flex-direction:column;width:auto;min-width:0;pointer-events:auto;z-index:15;transform:translate(0) translateY(0);will-change:transform,opacity,left,right}.posts-container.timeline-view-class .post-card .timeline-content{left:calc(50% + 90px);transition-property:left,right,opacity,transform}.posts-container.timeline-view-class .post-card.even-post .timeline-content{left:auto;right:calc(50% + 90px);text-align:right;transition-property:left,right,opacity,transform}.posts-container.timeline-view-class .post-card:hover .timeline-dot{transform:translate(-50%) scale(1.2);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.4)}.posts-container.timeline-view-class .post-card.filtered-out .timeline-dot,.posts-container.timeline-view-class .post-card.will-hide .timeline-dot{transform:translate(-50%) scale(.8);opacity:.5}.posts-container.timeline-view-class .post-card.filtered-out .timeline-branch,.posts-container.timeline-view-class .post-card.will-hide .timeline-branch{opacity:.3;transform:scaleX(.9)}.posts-container.timeline-view-class .post-link{color:var(--text-color);text-decoration:none;display:block;margin-top:0;padding-top:0}.posts-container.timeline-view-class .post-card h2{font-size:1.4rem;font-weight:600;margin-top:0;margin-bottom:.05rem;color:var(--accent-color);transition:all .3s ease;line-height:1.3;max-width:100%}.posts-container.timeline-view-class .post-card:hover h2{color:var(--accent-color-secondary)}.posts-container.timeline-view-class .post-excerpt{font-size:.9rem;margin-bottom:.4rem;opacity:.8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4rem;max-width:100%;color:var(--text-color);transition:none}.posts-container.timeline-view-class .post-meta{font-size:.75rem;opacity:.7;transition:color .3s ease;margin-bottom:.3rem;color:var(--text-color)}.posts-container.timeline-view-class .post-tags{gap:.4rem;justify-content:flex-start;max-width:100%;overflow:visible;margin-top:.8rem;z-index:20;padding-bottom:1rem}.posts-container.timeline-view-class .post-card .post-tags{justify-content:flex-start}.posts-container.timeline-view-class .post-card.even-post .post-tags{justify-content:flex-end;width:100%}.no-posts{text-align:center;padding:3rem;background:var(--card-bg);border-radius:.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 20px #0000001a;margin:0 auto;max-width:500px}@media(max-width:768px){.container{max-width:95vw!important;padding:1rem!important}.posts-container.timeline-view-class:before{left:30px;transition:opacity .5s ease-in-out,background .5s ease-in-out}.posts-container.timeline-view-class .timeline-content{position:relative;width:calc(100% - 60px);left:0!important;right:0!important;text-align:left!important;margin-left:60px;max-width:100%;transition:all .6s cubic-bezier(.16,1,.3,1)}.posts-container.timeline-view-class .post-card{margin-bottom:2.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);padding-bottom:1rem}.posts-container.timeline-view-class .post-card:nth-child(odd) .timeline-content,.posts-container.timeline-view-class .post-card:nth-child(2n) .timeline-content{left:0;right:auto;text-align:left;transform:translate(0) translateY(0)}.posts-container.timeline-view-class .post-card .timeline-branch,.posts-container.timeline-view-class .post-card.even-post .timeline-branch{left:30px;right:auto;width:40px;transform-origin:left center}.posts-container.timeline-view-class .timeline-dot{left:30px;transition:all .5s cubic-bezier(.16,1,.3,1)}.posts-container.timeline-view-class .post-card:nth-child(2n) .post-tags{justify-content:flex-start;width:100%}.posts-container.timeline-view-class .post-card.fade-out{opacity:0;transform:translateY(10px)}.posts-container.timeline-view-class .post-card.fade-in{opacity:1;transform:translateY(0)}.posts-container.timeline-view-class .post-card h2{font-size:1.2rem!important;min-height:auto;line-height:1.3;margin-bottom:.3rem!important}.posts-container.timeline-view-class .post-excerpt{font-size:.9rem!important;-webkit-line-clamp:2;line-clamp:2;max-height:2.6rem;margin-bottom:.2rem!important}.posts-container.timeline-view-class .post-meta{font-size:.8rem;margin-bottom:.5rem}.posts-container.timeline-view-class .post-content,.posts-container.timeline-view-class .post-link{width:100%}.posts-container.timeline-view-class .timeline-content{min-height:0;padding:.5rem!important}.posts-container.timeline-view-class .post-tags{gap:.3rem;margin-top:.5rem;flex-wrap:wrap;width:100%}.posts-container.timeline-view-class .post-tags .tag{padding:.15rem .4rem;font-size:.7rem}}.timeline-view-class.timeline-compact{gap:1.5rem!important;min-height:0!important;padding:1.5rem 0!important}.timeline-view-class.timeline-compact:before{top:.5rem!important;bottom:.5rem!important}.timeline-view-class.timeline-compact .post-card{margin-bottom:1.2rem!important;padding-bottom:1.2rem!important}.timeline-view-class.timeline-compact .timeline-content{min-height:2.5rem!important;max-width:350px!important}@media(max-width:768px){.timeline-view-class.timeline-compact{gap:.7rem!important;padding:.7rem 0!important}.timeline-view-class.timeline-compact .post-card{margin-bottom:.7rem!important;padding-bottom:.7rem!important}.timeline-view-class.timeline-compact .timeline-content{min-height:1.2rem!important;max-width:100%!important}}