.timeline-page{width:100%;max-width:100rem;padding:var(--header-safe-area) 1rem 4rem;z-index:1;box-sizing:border-box;flex:1;margin:0 auto;position:relative}.timeline-page:before{content:"";filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#38bdf826 0%,#3b82f626 40%,#0000 70%);width:60%;height:60vh;position:absolute;top:-10%;left:20%}:root.dark .timeline-page:before{background:radial-gradient(circle,#38bdf833 0%,#3b82f633 40%,#0000 70%)}.timeline-container{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:3rem;width:100%;min-height:36rem;margin:3rem auto 0;padding:4rem;display:flex;position:relative;overflow:auto hidden}.timeline-container::-webkit-scrollbar{display:none}.timeline-container:after{content:"";flex-shrink:0;min-width:1rem;height:1px;display:block}.timeline-line{background-image:linear-gradient(90deg, var(--border-color,#00000026) 50%, transparent 50%);z-index:0;opacity:.8;background-repeat:repeat-x;background-size:8px 2px;width:max(100%,100vw);height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}:root.dark .timeline-line{background-image:linear-gradient(90deg,#fff3 50%,#0000 50%)}.timeline-line-solid{width:var(--progress-x,0px);z-index:1;background:linear-gradient(90deg,#38bdf8,#3b82f6);transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}.timeline-item{box-sizing:border-box;opacity:0;width:14rem;min-height:20rem;animation:bubbleUp .6s var(--bezier) forwards;flex-shrink:0;position:relative;transform:translateY(2rem)}@keyframes bubbleUp{to{opacity:1;transform:translateY(0)}}.timeline-node{background:var(--theme-color);width:2.5rem;height:2.5rem;font-size:var(--font-size-base);color:#fff;box-sizing:border-box;box-shadow:0 0 0 4px var(--bg-color,#fff), 0 4px 12px #00000026;z-index:2;transition:transform .4s var(--bezier), box-shadow .4s var(--bezier);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root.dark .timeline-node{box-shadow:0 0 0 4px var(--bg-color,#121212), 0 4px 12px #0006}.timeline-item:hover .timeline-node{box-shadow:0 0 0 4px var(--bg-color,#fff), 0 6px 16px #0003;transform:translate(-50%,-50%)scale(1.1)}:root.dark .timeline-item:hover .timeline-node{box-shadow:0 0 0 4px var(--bg-color,#121212), 0 6px 16px #00000080}.timeline-content{box-sizing:border-box;background:var(--glass-bg);border:var(--glass-border);width:100%;backdrop-filter:var(--glass-blur);transition:transform .4s var(--bezier), box-shadow .4s var(--bezier), border-color .4s var(--bezier);border-radius:1rem;padding:1.25rem;position:absolute;box-shadow:0 6px 20px -6px #0000000d}.timeline-item.top .timeline-content{bottom:calc(50% + 2rem)}.timeline-item.bottom .timeline-content{top:calc(50% + 2rem)}.timeline-item:hover .timeline-content{border-color:#38bdf84d;box-shadow:0 16px 32px -8px #38bdf826}.timeline-header{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.timeline-title{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:700}.timeline-target-date{font-size:var(--font-size-2xs);color:var(--text-secondary)}.timeline-body{border-top:1px dashed var(--border-color,#0000001a);padding-top:1rem}:root.dark .timeline-body{border-top-color:#ffffff1a}.timeline-timer{justify-content:space-between;align-items:center;display:flex}.time-block{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.time-value{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--theme-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;line-height:1}.timeline-timer--days-only .time-value{font-size:var(--font-size-xl)}.time-label{font-size:var(--font-size-2xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.time-separator{font-size:var(--font-size-base);color:var(--text-secondary);opacity:.5;margin-bottom:.75rem;font-weight:300}.timeline-past{text-align:center;font-size:var(--font-size-xs);color:var(--text-secondary);padding:.5rem 0;font-weight:600}@media (width<=48rem){.timeline-container{min-height:auto;padding:4rem 0 2rem;display:block;overflow-x:visible}.timeline-container:after{display:none}.timeline-line{background-image:linear-gradient(180deg, var(--border-color,#00000026) 50%, transparent 50%);background-repeat:repeat-y;background-size:2px 8px;width:2px;height:auto;top:0;bottom:0;left:2rem;transform:translate(-50%)}:root.dark .timeline-line{background-image:linear-gradient(#fff3 50%,#0000 50%)}.timeline-line-solid{width:100%;height:var(--progress-y,0px);background:linear-gradient(#38bdf8,#3b82f6);transition:height 1s linear}.timeline-item{justify-content:space-between;align-items:center;width:100%;min-height:auto;margin-bottom:3rem;display:flex}.timeline-node{width:2.5rem;height:2.5rem;font-size:1.2rem;top:50%;left:2rem}.timeline-content{width:calc(100% - 5rem);margin-left:auto;padding:1.25rem;position:relative}.timeline-item.top .timeline-content,.timeline-item.bottom .timeline-content{top:auto;bottom:auto}}