.app{min-height:100vh;padding:20px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:20px}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #003087;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-container p{font-size:18px;color:#666}.view-toggle-container{display:none !important}.timeline-container{max-width:1200px;margin:0 auto;padding:40px 20px}.timeline-header{text-align:center;margin-bottom:60px}.timeline-header h1{font-size:2.5rem;color:#003087;margin-bottom:10px;font-weight:700}.timeline-header p{font-size:1.2rem;color:#666}.timeline{position:relative;padding:20px 0}.timeline-container.vertical .timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,transparent 0%,#003087 2%,#0056b3 50%,#003087 98%,transparent 100% )}.timeline.vertical::after{content:'';position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:32px;height:32px;background:radial-gradient(circle,#003087 30%,#0056b3 60%,transparent 100%);border-radius:50%;z-index:3;box-shadow:0 0 0 8px rgba(0,48,135,0.1),0 0 0 16px rgba(0,48,135,0.05),0 4px 12px rgba(0,0,0,0.15);animation:pulseEnd 2s ease-in-out infinite}@keyframes pulseEnd{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 0 0 8px rgba(0,48,135,0.1),0 0 0 16px rgba(0,48,135,0.05),0 4px 12px rgba(0,0,0,0.15)}50%{transform:translateX(-50%) scale(1.05);box-shadow:0 0 0 12px rgba(0,48,135,0.15),0 0 0 24px rgba(0,48,135,0.08),0 4px 12px rgba(0,0,0,0.15)}}.timeline-item{display:flex;justify-content:flex-end;padding-right:50%;position:relative;margin-bottom:50px;width:100%}.timeline-item.right{justify-content:flex-start;padding-left:50%;padding-right:0}.timeline-content{width:var(--card-width,90%);position:relative;padding:0 40px;transition:width 0.3s ease}.timeline-item.right .timeline-content{padding:0 40px}.timeline-marker{position:absolute;left:50%;transform:translateX(-50%);width:20px;height:20px;background:#003087;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px rgba(0,48,135,0.2);z-index:2;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.timeline-marker:hover{width:70px;border-radius:20px;box-shadow:0 0 0 4px rgba(0,48,135,0.3)}.timeline-marker-year{font-size:0;font-weight:700;color:white;transition:font-size 0.3s ease;white-space:nowrap}.timeline-marker:hover .timeline-marker-year{font-size:0.75rem}.timeline-date{font-size:0.9rem;font-weight:600;color:#003087;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.timeline-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}.timeline-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.2)}.timeline-image{width:100%;height:250px;overflow:hidden}.timeline-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.timeline-card:hover .timeline-image img{transform:scale(1.05)}.timeline-item.highlight .timeline-card{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%,100%{box-shadow:0 4px 6px rgba(0,0,0,0.1)}50%{box-shadow:0 0 30px rgba(0,48,135,0.6);transform:scale(1.03)}}.timeline- .timeline-title{font-size:1.5rem;color:#003087;margin-bottom:15px;font-weight:600;line-height:1.3;text-wrap:balance}.timeline-text{font-size:1rem;color:#555;line-height:1.6;margin-bottom:20px;text-align:justify;text-wrap:pretty;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.expand-btn-inline{background:none;border:none;color:#003087;font-size:0.95rem;font-weight:600;cursor:pointer;padding:0;margin:0;text-decoration:underline;transition:color 0.3s ease;display:inline;vertical-align:baseline}.expand-btn-inline:hover{color:#0056b3}.timeline-link{display:inline-flex;align-items:center;color:#003087;text-decoration:none;font-weight:600;transition:color 0.3s ease}.timeline-link:hover{color:#0056b3}@media(max-width:768px){.timeline.vertical::before{left:20px}.timeline-item.vertical,.timeline-item.vertical.right{justify-content:flex-start;padding-left:60px;padding-right:0}.timeline-item.vertical .timeline-content{width:100%;padding:0}.timeline-item.vertical .timeline-marker{left:20px;transform:translateX(-50%)}.timeline-header h1{font-size:1.8rem}.timeline-header p{font-size:1rem}.timeline-image{height:200px}.timeline-title{font-size:1.2rem}.timeline-text{font-size:0.95rem}}@media(max-width:480px){.timeline-container{padding:20px 10px}.timeline-header{margin-bottom:40px}.timeline-header h1{font-size:1.5rem}.timeline- .timeline-image{height:180px}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.timeline-item.left .timeline-content{animation:slideInLeft 0.6s ease-out}.timeline-item.right .timeline-content{animation:slideInRight 0.6s ease-out}.timeline-container.horizontal{padding:20px 40px}.timeline.horizontal{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:60px 20px 40px 20px;gap:30px;position:relative;cursor:grab}.timeline-line-horizontal{position:absolute;top:60px;left:20px;height:4px;background:#003087;z-index:0;pointer-events:none}.timeline.horizontal::after{content:'';flex-shrink:0;width:40px;height:1px;order:9999}.timeline.horizontal:active{cursor:grabbing;scroll-behavior:auto}.timeline.horizontal::-webkit-scrollbar{height:8px}.timeline.horizontal::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.timeline.horizontal::-webkit-scrollbar-thumb{background:#003087;border-radius:4px}.timeline.horizontal::-webkit-scrollbar-thumb:hover{background:#0056b3}.timeline.horizontal{scrollbar-width:thin;scrollbar-color:#003087 #f0f0f0}.timeline-item.horizontal{flex-shrink:0;width:350px;display:flex;flex-direction:column;padding:0;margin-bottom:0;position:relative}.timeline-item.horizontal.left,.timeline-item.horizontal.right{justify-content:flex-start;padding:0}.timeline-item.horizontal .timeline-content{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.timeline-item.horizontal .timeline-marker{position:absolute;top:52px;left:50%;transform:translateX(-50%);width:20px;height:20px;z-index:2}.timeline-item.horizontal .timeline-marker:hover{width:70px;height:26px;top:49px}.timeline-item.horizontal .timeline-marker:hover .timeline-marker-year{font-size:0.8rem}.timeline-item.horizontal .timeline-date{position:absolute;top:15px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;z-index:3;background:#f5f5f5;padding:4px 10px;border-radius:6px}.timeline-item.horizontal .timeline-card{margin-top:100px;width:100%}.timeline-item.horizontal .timeline-image{height:200px}.timeline-item.horizontal .timeline-image img{pointer-events:none;user-select:none;-webkit-user-drag:none}.timeline-item.horizontal .timeline-content{animation:fadeInUp 0.6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-events{width:100%;text-align:center;padding:60px 20px}.no-events p{font-size:1.2rem;color:#666;font-style:italic}@media(max-width:768px){.timeline-container.horizontal{padding:20px 10px}.timeline.horizontal{gap:20px;padding:50px 10px 30px}.timeline-item.horizontal{width:280px}.timeline-item.horizontal .timeline-image{height:160px}.timeline-item.horizontal .timeline-card{margin-top:90px}.timeline-item.horizontal .timeline-marker{top:48px}.timeline.horizontal::before{top:56px}.timeline-item.horizontal .timeline-date{top:10px}}@media(max-width:480px){.timeline.horizontal{gap:15px}.timeline-item.horizontal{width:250px}.timeline-item.horizontal .timeline-image{height:140px}.timeline-item.horizontal .timeline- .timeline-item.horizontal .timeline-title{font-size:1.1rem}.timeline-item.horizontal .timeline-text{font-size:0.9rem}}.timeline.horizontal .timeline-item.left .timeline-content,.timeline.horizontal .timeline-item.right .timeline-content{animation:fadeInUp 0.6s ease-out;padding:0}.timeline-item.horizontal.left .timeline-marker,.timeline-item.horizontal.right .timeline-marker{position:absolute;top:52px;left:50%;transform:translateX(-50%)}.timeline-item.horizontal.left .timeline-date,.timeline-item.horizontal.right .timeline-date{position:absolute;top:15px;left:50%;transform:translateX(-50%)}.timeline-container.horizontal .timeline-header{text-align:center;margin-bottom:40px}.width-control{max-width:1200px;margin:0 auto 30px;padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.width-control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.width-label{font-size:1rem;font-weight:600;color:#003087}.width-value{font-size:1rem;font-weight:600;color:#666;min-width:50px;text-align:right}.width-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#003087 0%,#0056b3 100%);outline:none;-webkit-appearance:none;appearance:none;margin-bottom:15px}.width-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#003087;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:transform 0.2s ease}.width-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.width-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#003087;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:transform 0.2s ease}.width-slider::-moz-range-thumb:hover{transform:scale(1.2)}.width-presets{display:flex;gap:10px;justify-content:center}.preset-btn{flex:1;padding:10px 20px;background:white;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease}.preset-btn:hover{border-color:#003087;color:#003087}.preset-btn.active{background:#003087;border-color:#003087;color:white}@media(max-width:768px){.width-control{padding:15px;margin-bottom:20px}.width-label,.width-value{font-size:0.9rem}.preset-btn{padding:8px 12px;font-size:0.85rem}}@media(max-width:480px){.width-control{padding:12px}.width-presets{flex-direction:column;gap:8px}.preset-btn{font-size:0.8rem}}.year-navigation{max-width:1200px;margin:0 auto 40px;padding:0 20px;transition:all 0.3s ease}.year-navigation.vertical{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:180px;max-width:180px;margin:0;padding:20px;background:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100;max-height:80vh;overflow-y:auto}.year-navigation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.year-navigation.vertical .year-navigation-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.year-navigation-header h3{font-size:1.2rem;color:#003087;font-weight:600}.year-navigation.vertical .year-navigation-header h3{font-size:1rem;margin-bottom:5px}.clear-filter-btn{padding:8px 16px;background:#f5f5f5;border:none;border-radius:6px;color:#666;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease}.clear-filter-btn:hover{background:#003087;color:white}.year-navigation-wrapper{position:relative;display:flex;align-items:center}.year-navigation.vertical .year-navigation-wrapper{flex-direction:column;align-items:stretch}.year-navigation-scroll{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;scrollbar-width:thin;scrollbar-color:#003087 #f0f0f0}.year-navigation.vertical .year-navigation-scroll{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:none;padding:0;gap:8px}.year-navigation-scroll::-webkit-scrollbar{height:6px}.year-navigation-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.year-navigation-scroll::-webkit-scrollbar-thumb{background:#003087;border-radius:3px}.year-navigation-scroll::-webkit-scrollbar-thumb:hover{background:#0056b3}.year-btn{flex-shrink:0;padding:10px 20px;background:white;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.year-navigation.vertical .year-btn{width:100%;text-align:center;padding:12px 16px;font-size:0.95rem}.year-btn:hover{border-color:#003087;color:#003087;transform:translateY(-2px)}.year-navigation.vertical .year-btn:hover{transform:none;background:#f0f5ff;border-color:#003087}.year-btn.active{background:#003087;border-color:#003087;color:white;box-shadow:0 4px 8px rgba(0,48,135,0.3)}.year-btn.active:hover{background:#0056b3;border-color:#0056b3;color:white;transform:translateY(-2px)}.year-navigation.vertical .year-btn.active:hover{background:#0056b3;border-color:#0056b3;color:white;transform:none}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:white;border:2px solid #003087;border-radius:50%;color:#003087;font-size:24px;font-weight:bold;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.scroll-arrow:hover{background:#003087;color:white;transform:translateY(-50%) scale(1.1)}.scroll-arrow.left{left:-15px}.scroll-arrow.right{right:-15px}.year-navigation.vertical .scroll-arrow{display:none}.year-navigation.horizontal{margin-bottom:20px}@media(max-width:1200px){.year-navigation.vertical{width:140px;left:10px}.year-navigation.vertical .year-btn{padding:10px 12px;font-size:0.9rem}}@media(max-width:768px){.year-navigation.horizontal{padding:10px 15px}.year-navigation.horizontal .year-navigation-header h3{font-size:1rem}.year-btn{padding:8px 16px;font-size:0.9rem}.scroll-arrow{width:35px;height:35px;font-size:20px}.scroll-arrow.left{left:-5px}.scroll-arrow.right{right:-5px}}@media(max-width:480px){.year-navigation-header h3{font-size:0.9rem}.year-btn{padding:6px 12px;font-size:0.85rem}.clear-filter-btn{font-size:0.85rem;padding:6px 12px}}:host *,:host *::before,:host *::after{box-sizing:border-box;margin:0;padding:0}:host{display:block;width:100%;position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}#timeline-root{position:relative;width:100%}.app{min-height:auto;position:relative}.width-control{display:none !important}.view-toggle-container{display:none !important}.timeline-content{width:100% !important}.introduction{max-width:900px;margin:0 auto 40px auto;padding:20px;text-align:center}.introduction h1{font-size:33px;color:#003087;margin-bottom:20px;font-weight:700;line-height:1.3}.introduction p{font-size:17px;color:#555;line-height:1.8;margin-top:0}.timeline-header{text-align:center;margin-bottom:40px}.timeline-header h1{font-size:38px !important;margin-bottom:15px !important;line-height:1.3}.timeline-header p{font-size:17px !important;margin-top:0 !important;line-height:1.6}.timeline-content h3{font-size:20px !important}.timeline-content p{font-size:15px !important}.year-btn{font-size:14px !important}.timeline-date{font-size:13px !important}.year-navigation-header h3{font-size:16px !important}.year-navigation.vertical .year-navigation-header h3{font-size:14px !important}.year-navigation,.year-navigation.vertical{display:none !important;visibility:hidden !important;position:static !important;width:0 !important;height:0 !important;overflow:hidden !important}@media(max-width:768px){.year-navigation.horizontal{display:block !important;visibility:visible !important;position:relative !important;width:auto !important;height:auto !important;overflow:visible !important}}:host *,:host *::before,:host *::after{box-sizing:border-box;margin:0;padding:0}:host{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}@media(max-width:768px){:host{display:none !important}}.year-navigation.vertical{position:relative !important;transform:none !important;left:0 !important;top:0 !important;margin:0 !important;width:180px !important;max-width:180px !important;padding:15px !important}.year-navigation.vertical .year-navigation-header h3{font-size:14px !important}.year-navigation.vertical .year-btn{font-size:14px !important;padding:10px 12px !important}@media(max-width:768px){.year-nav-wrapper{display:none !important}}