:root{--timeline-bg-primary:#0a0a0a;--timeline-bg-secondary:#1a1a1a;--timeline-border:#2a2a2a;--timeline-text-primary:#e0e0e0;--timeline-text-secondary:#999;--timeline-text-muted:#666;--timeline-accent-start:#667eea;--timeline-accent-end:#764ba2;--timeline-card-width:280px;--timeline-card-width-mobile:240px;--timeline-track-height:4px;--timeline-connector-height:40px;--timeline-padding:1rem;--timeline-gap:.5rem;--timeline-radius-sm:4px;--timeline-radius-md:8px;--timeline-radius-lg:12px;--timeline-transition-fast:.2s ease;--timeline-transition-smooth:.3s ease}*{box-sizing:border-box}@media(max-width:1024px){:root{--timeline-card-width:260px;--timeline-padding:.75rem}.timeline-container{height:500px!important}.timeline-event-card{width:260px!important}.event-wrapper.is-above{transform:translateY(-30px)!important}.event-wrapper:not(.is-above){transform:translateY(30px)!important}}@media(max-width:768px){:root{--timeline-card-width:var(--timeline-card-width-mobile);--timeline-connector-height:30px;--timeline-padding:.5rem}.timeline-container{border-radius:var(--timeline-radius-md)!important;height:450px!important}.timeline-event-card{width:var(--timeline-card-width-mobile)!important}.event-wrapper.is-above{transform:translateY(-20px)!important}.event-wrapper:not(.is-above){transform:translateY(20px)!important}.event-connector{height:30px!important}.card-content{padding:.75rem!important}.event-image{height:120px!important}.event-title{font-size:1rem!important}.event-description{font-size:.8125rem!important}.timeline-controls{right:.5rem!important;top:.5rem!important}.controls-group{padding:.375rem!important}.control-btn{height:32px!important;width:32px!important}.control-btn svg{height:18px!important;width:18px!important}.zoom-level{font-size:.8125rem!important;min-width:45px!important}.timeline-instructions{display:none}}@media(hover:none)and (pointer:coarse){.timeline-event-card{transition:none!important}.timeline-event-card:hover{transform:none!important}.timeline-event-card:active{transform:scale(.98)}.control-btn:hover:not(:disabled){transform:none!important}.control-btn:active:not(:disabled){transform:scale(.95)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--timeline-border:#fff;--timeline-text-primary:#fff}.timeline-event-card .card-content{border-width:2px!important}.timeline-track{box-shadow:none!important}}@media print{.timeline-controls,.timeline-instructions{display:none!important}.timeline-container,.timeline-event-card .card-content{background:#fff!important;border:1px solid #000!important}.event-description,.event-title,.timeline-event-card .card-content{color:#000!important}}.timeline-empty,.timeline-loading{align-items:center;color:var(--timeline-text-muted);display:flex;height:100%;justify-content:center}.timeline-empty{flex-direction:column;gap:1rem}.timeline-empty svg{height:64px;opacity:.3;width:64px}.timeline-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.timeline-event-card:focus-visible{outline:2px solid var(--timeline-accent-start);outline-offset:2px}.control-btn:focus-visible{outline:2px solid var(--timeline-accent-start);outline-offset:2px}.app-container[data-v-ff33cdcb]{background-attachment:fixed;background-image:url(../img/website_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}@media(max-width:768px){.app-container[data-v-ff33cdcb]{background-attachment:scroll;background-size:cover}}@media(hover:none)and (pointer:coarse){.app-container[data-v-ff33cdcb]{background-attachment:scroll}}
