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