.timeline-wrapper{border-radius:1.5rem;background:radial-gradient(circle at top,#121f3ae0,#030712fa),#020617}.timeline-wrapper.timeline-banner-mode{border-radius:inherit;background:radial-gradient(circle at 50% 16%,rgb(59 130 246 / .1),transparent 40%),linear-gradient(180deg,#0206174d,#0206171f)}.timeline-map-controls{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:40;display:flex;justify-content:space-between;gap:1rem;pointer-events:none}.timeline-zoom-controls,.timeline-era-filter{display:flex;align-items:center;pointer-events:auto}.timeline-zoom-controls{display:flex;align-items:center;gap:0;pointer-events:auto;padding:.55rem .7rem;border:1px solid rgb(186 230 253 / .28);border-radius:.9rem;background:#020617bd;backdrop-filter:blur(14px);box-shadow:0 18px 60px #0206176b,inset 0 1px #ffffff14}.timeline-control-button{border:1px solid rgb(186 230 253 / .2);border-radius:.65rem;background:#0f172adb;color:#f1f5f9;font:inherit;min-width:2.35rem;padding:.55rem .8rem;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.timeline-control-button:hover,.timeline-control-button:focus-visible{background:#0ea5e961;box-shadow:0 0 0 1px #7dd3fc6b,0 0 24px #38bdf824;outline:none;transform:translateY(-1px)}.timeline-era-filter{display:flex;align-items:center;gap:0;padding:.3rem;border:1px solid rgb(186 230 253 / .28);border-radius:.9rem;background:#020617bd;backdrop-filter:blur(14px);box-shadow:0 18px 60px #0206176b,inset 0 1px #ffffff14;pointer-events:auto}.timeline-era-option{padding:.38rem 1.1rem;border:1px solid transparent;border-radius:.6rem;background:transparent;color:#badaf8;font:inherit;font-size:.84rem;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.timeline-era-option:hover,.timeline-era-option:focus-visible{background:#0ea5e92e;color:#e0f2fe;outline:none}.timeline-era-option.is-active{border-color:#7dd3fc42;background:#0ea5e938;color:#e0f2fe;font-weight:500}@media(max-width:767px){.timeline-wrapper{height:var(--timeline-mobile-height)!important;border-radius:1rem}.timeline-wrapper.timeline-banner-mode{border-radius:inherit}.timeline-map-controls{bottom:.8rem;left:.8rem;right:.8rem;flex-direction:column;align-items:stretch}.timeline-zoom-controls,.timeline-era-filter{width:100%;flex-wrap:wrap}}.timeline-map-shell{border-radius:inherit;min-height:100%;background:#020617b8}.timeline-banner-mode .timeline-map-shell{background:transparent;border:0;box-shadow:none;border-radius:inherit}.timeline-banner-mode .timeline-background-layer:after{background:linear-gradient(180deg,#02061705,#0206172e),radial-gradient(circle at 20% 20%,rgb(125 211 252 / .16),transparent 38%),radial-gradient(circle at 80% 30%,rgb(196 181 253 / .2),transparent 32%)}.timeline-background-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0206172e,#02061799),radial-gradient(circle at 20% 20%,rgb(125 211 252 / .12),transparent 35%),radial-gradient(circle at 80% 30%,rgb(196 181 253 / .14),transparent 28%)}.timeline-background-media,.timeline-background-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transform:scale(1.05);filter:saturate(1.04) brightness(.96)}.timeline-banner-mode .timeline-background-media,.timeline-banner-mode .timeline-background-image-wrapper img{opacity:1;filter:saturate(1.06) brightness(1)}.timeline-background-video{position:absolute;inset:0;z-index:0;pointer-events:none}.timeline-background-image-wrapper{position:relative;z-index:0}.is-background-hidden{display:none}.timeline-depth-layer{position:absolute;inset:-10%;pointer-events:none}.timeline-depth-layer--nebula{background:radial-gradient(circle at 18% 26%,rgb(125 211 252 / .18),transparent 24%),radial-gradient(circle at 72% 18%,rgb(96 165 250 / .16),transparent 21%),radial-gradient(circle at 52% 72%,rgb(244 114 182 / .14),transparent 26%);filter:blur(22px)}.timeline-depth-layer--dust{opacity:.55;background-image:radial-gradient(circle,rgb(255 255 255 / .9) .8px,transparent 1.2px),radial-gradient(circle,rgb(186 230 253 / .55) .7px,transparent 1px);background-size:180px 180px,130px 130px;background-position:0 0,45px 60px;animation:timelineDustDrift 28s linear infinite}.timeline-depth-layer--foreground{background:radial-gradient(circle at 50% 105%,rgb(15 23 42 / .88),transparent 48%),linear-gradient(180deg,transparent,rgb(2 6 23 / .28))}.timeline-stage{position:absolute;inset:0;z-index:10;transform-origin:top left;will-change:transform}.timeline-stage.is-dragging{cursor:grabbing}.timeline-flow-axis{position:absolute;inset:0;z-index:6;pointer-events:none}.timeline-flow-axis__line{position:absolute;left:9%;right:9%;top:50%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgb(125 211 252 / .18) 10%,rgb(186 230 253 / .52) 50%,rgb(125 211 252 / .18) 90%,transparent 100%);box-shadow:0 0 12px #7dd3fc2e,0 0 28px #3b82f61f;transform:translateY(-50%)}.timeline-flow-axis__marker{position:absolute;top:calc(50% - 12px);width:4px;height:24px;border-radius:999px;background:linear-gradient(180deg,#bae6fd66,#7dd3fce0,#bae6fd66);box-shadow:0 0 12px #7dd3fc3d,0 0 24px #38bdf82e}.timeline-flow-axis__marker--start{left:calc(9% - 1px)}.timeline-flow-axis__marker--end{right:calc(9% - 1px)}.timeline-constellation-line{stroke:#bae6fd3d;stroke-width:.08;stroke-linecap:round;stroke-dasharray:.45 1.35;filter:drop-shadow(0 0 3px rgb(125 211 252 / .12));transition:opacity .22s ease,stroke .22s ease}.timeline-event{position:absolute;transform:translate(-50%,-50%);transition:opacity .24s ease,filter .24s ease,transform .24s ease}.timeline-event-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;position:relative;z-index:2}.timeline-event.is-hidden-event,.timeline-constellation-line.is-hidden-line{opacity:.09;pointer-events:none}.timeline-event.is-hovered-event,.timeline-event.is-selected-event{z-index:25;filter:drop-shadow(0 0 20px rgb(125 211 252 / .32))}.timeline-active-card{position:absolute;z-index:50;width:min(19rem,calc(100% - 2rem));pointer-events:none;transform:translate(-50%,-100%);opacity:0;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.timeline-active-card.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,calc(-100% - .2rem))}.timeline-event-card{padding:1rem 1.05rem;border:1px solid rgb(148 163 184 / .18);border-radius:1.05rem;background:linear-gradient(180deg,#020617e6,#0f172ad1);backdrop-filter:blur(18px);box-shadow:0 24px 60px #02061773}.timeline-event-card.is-persistent-card{border-color:#7dd3fc57;box-shadow:0 24px 60px #02061773,0 0 30px #38bdf824}.timeline-event-card h3{margin:0;color:#f8fafc;font-size:1rem;line-height:1.25}.timeline-event-card p{margin:.55rem 0 0;color:#cbd5e1e6;font-size:.88rem;line-height:1.45}.timeline-card-kicker{margin-bottom:.35rem;color:#7dd3fc;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.timeline-card-meta{margin-top:.45rem;color:#94a3b8;font-size:.78rem}.timeline-event-card a{display:inline-flex;align-items:center;margin-top:.8rem;padding:.5rem .8rem;border-radius:999px;background:#0ea5e929;color:#e0f2fe;text-decoration:none}.timeline-empty-state{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;color:#e2e8f0}.timeline-empty-title{font-size:1.2rem;font-weight:700}.timeline-empty-copy{max-width:28rem;color:#94a3b8}@keyframes timelineDustDrift{0%{transform:translateZ(0) scale(1.02)}to{transform:translate3d(-20px,12px,0) scale(1.08)}}@media(max-width:767px){.timeline-active-card{width:min(17rem,calc(100% - 1rem))}.timeline-active-card.is-visible{transform:translate(-50%,calc(-100% - .35rem))}}.star-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--star-size) * 3.2);height:calc(var(--star-size) * 3.2);color:var(--star-color);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--star-color) 76%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--star-color) 34%,transparent));transition:transform .22s ease,filter .22s ease,opacity .22s ease}.star-backing-plate,.star-glow,.star-rays,.star-orbit,.star-highlight-pulse{position:absolute;inset:50%;transform:translate(-50%,-50%);border-radius:999px;pointer-events:none}.star-backing-plate{width:calc(var(--star-size) * 2.45);height:calc(var(--star-size) * 2.45);background:#02061770;backdrop-filter:blur(5px);box-shadow:inset 0 0 0 1px #ffffff0a;opacity:.72}.star-glow{width:calc(var(--star-size) * 2.8);height:calc(var(--star-size) * 2.8);background:radial-gradient(circle,color-mix(in srgb,var(--star-color) 78%,white 6%) 0%,color-mix(in srgb,var(--star-color) 28%,transparent) 44%,transparent 76%);mix-blend-mode:screen;opacity:.52;animation:starDrift var(--star-duration) ease-in-out infinite alternate}.star-rays{width:calc(var(--star-size) * 5.2);height:calc(var(--star-size) * 5.2);background-image:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--star-color) 46%,transparent) 0deg,transparent 2deg,transparent 18deg,color-mix(in srgb,var(--star-color) 28%,transparent) 22deg);opacity:0;transition:opacity .22s ease}.star-orbit{border:1px solid color-mix(in srgb,var(--star-color) 42%,transparent)}.star-orbit--base{width:calc(var(--star-size) * 1.75);height:calc(var(--star-size) * 1.75);opacity:.12}.star-orbit--pulse{width:calc(var(--star-size) * 4.7);height:calc(var(--star-size) * 4.7);opacity:0}.star-shape{position:relative;z-index:2;animation:starPulse calc(var(--star-duration) * .72) ease-in-out infinite}.star-highlight-pulse{width:calc(var(--star-size) * 4.6);height:calc(var(--star-size) * 4.6);border:2px solid color-mix(in srgb,var(--star-color) 74%,white 8%);opacity:0}.star-wrapper.is-key-event{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--star-color) 88%,white 8%)) drop-shadow(0 0 18px color-mix(in srgb,var(--star-color) 44%,transparent))}.star-wrapper.is-hovered,.star-wrapper.is-selected{transform:scale(1.12);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--star-color) 84%,white 10%)) drop-shadow(0 0 24px color-mix(in srgb,var(--star-color) 48%,transparent))}.star-wrapper.is-key-event .star-rays,.star-wrapper.is-hovered .star-rays,.star-wrapper.is-selected .star-rays{opacity:.22}.star-wrapper.is-selected .star-orbit--pulse,.star-wrapper.is-hovered .star-orbit--pulse{opacity:.34;animation:orbitPulse 1.8s ease-in-out infinite}.star-wrapper[data-trigger-highlight=true] .star-highlight-pulse,.star-wrapper.is-selected .star-highlight-pulse{opacity:1;animation:highlightPing 1.6s cubic-bezier(.22,1,.36,1) infinite}@keyframes starDrift{0%{transform:translate(-50%,-50%) scale(.94);opacity:.52}to{transform:translate(-50%,-50%) scale(1.12);opacity:.8}}@keyframes starPulse{0%,to{transform:scale(.96);opacity:.92}50%{transform:scale(1.05);opacity:1}}@keyframes orbitPulse{0%,to{transform:translate(-50%,-50%) scale(.92)}50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes highlightPing{0%{transform:translate(-50%,-50%) scale(.4);opacity:.82}70%{opacity:.18}to{transform:translate(-50%,-50%) scale(1.22);opacity:0}}