.scrollytelling-globe-container{position:relative;height:auto;overflow:visible;background:transparent;color:#fff;scroll-behavior:smooth}.globe-view-info{position:absolute;top:20px;left:20px;background:#000000b3;padding:15px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1001}.globe-view-info h3{margin:0 0 10px;font-size:16px;color:#00bcd4}.globe-view-info p{margin:5px 0;font-size:12px;color:#ccc}.scrollytelling-story-content{position:relative;z-index:2;padding:0;width:100%;height:auto;overflow:visible;background:transparent;backdrop-filter:none;scroll-behavior:smooth}.story-section{margin-bottom:0;padding:0;transition:all .8s ease;position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transform:translateY(0);background:none!important;backdrop-filter:none!important;border-radius:0;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center}.story-section.active{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1.02)!important;display:flex!important}.story-section.inactive{opacity:0!important;visibility:hidden!important;display:flex!important}.story-section.active .text-section,.story-section.active .map-section{opacity:1!important;visibility:visible!important}.story-section:last-child{margin-bottom:0}.text-section{background:#0003!important;backdrop-filter:blur(4px)!important;padding:3rem;border-radius:1.5rem;border:1px solid rgba(0,188,212,.3);color:#fff;text-align:center;max-width:6xl;margin:0 auto;box-shadow:0 0 30px #00f5ff1a;width:auto;min-width:400px}.text-section h2{font-size:5rem;font-weight:300;margin-bottom:3rem;color:#00bcd4;text-align:center;text-shadow:0 0 30px rgba(0,245,255,.5)}.text-content{font-size:1.5rem;line-height:1.7;text-align:center;color:#ffffffe6;font-weight:300;max-width:4xl;margin:0 auto}.text-content.hero{font-size:1.5rem;text-align:center;font-weight:300;color:#e0e0e0}.text-content.content{color:#ccc}.text-content.call-to-action{text-align:center;font-weight:600;color:#4caf50;background:#4caf501a;padding:20px;border-radius:10px;border:1px solid rgba(76,175,80,.3)}.map-section{background:#0003!important;backdrop-filter:blur(4px)!important;padding:3rem;border-radius:1.5rem;border:1px solid rgba(0,188,212,.3);color:#fff;text-align:center;max-width:6xl;margin:0 auto;box-shadow:0 0 30px #00f5ff1a;width:auto;min-width:400px}.map-section h2{font-size:5rem;font-weight:300;margin-bottom:3rem;color:#00bcd4;text-align:center;text-shadow:0 0 30px rgba(0,245,255,.5)}.map-content{display:flex;gap:30px;align-items:center}.map-data{flex:1;background:#00bcd41a;backdrop-filter:blur(15px);padding:2rem;border-radius:1.5rem;border:1px solid rgba(0,188,212,.3);box-shadow:0 8px 32px #00bcd433}.data-item{display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,188,212,.2);transition:all .3s ease}.data-item:hover{background:#00bcd40d;border-radius:.5rem;padding:1rem;margin:0 -1rem 1rem}.data-item:last-child{border-bottom:none;margin-bottom:0}.data-label{font-weight:500;color:#fffc;font-size:1.1rem;text-transform:capitalize}.data-value{font-weight:600;color:#00bcd4;font-size:1.2rem;text-shadow:0 0 10px rgba(0,188,212,.5)}.map-highlight{flex:1;height:200px;background:#00bcd433;border-radius:10px;position:relative;overflow:hidden}.highlight-overlay{position:absolute;inset:0;border-radius:10px}.timeline-section h2{font-size:2rem;margin-bottom:20px;color:#9c27b0;text-align:center}.timeline-content{background:#9c27b01a;padding:30px;border-radius:15px;border:1px solid rgba(156,39,176,.3)}.timeline-marker{text-align:center}.year{font-size:3rem;font-weight:700;color:#9c27b0;margin-bottom:10px}.era{font-size:1.2rem;color:#e1bee7;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.person{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:10px}.achievement{font-size:1.1rem;color:#ccc;margin-bottom:20px;font-style:italic}.quote{font-size:1.3rem;color:#e1bee7;font-style:italic;margin-bottom:20px;padding:20px;background:#9c27b033;border-radius:10px;border-left:4px solid #9c27b0}.impact{font-size:1.1rem;color:#4caf50;font-weight:500}.progress-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background:#000c;padding:10px 20px;border-radius:25px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1001}.progress-bar{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00bcd4,#4caf50);transition:width .3s ease}.progress-text{font-size:14px;color:#ccc;font-weight:500}.navigation-controls{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:1001}.nav-button{background:#000000b3;color:#ccc;border:1px solid rgba(255,255,255,.2);padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:12px;text-align:center;min-width:120px;backdrop-filter:blur(10px)}.nav-button:hover{background:#00bcd433;border-color:#00bcd4;color:#00bcd4}.nav-button.active{background:#00bcd44d;border-color:#00bcd4;color:#00bcd4;font-weight:600}@media (max-width: 768px){.scrollytelling-story-content{width:95%;padding:20px}.text-section h2{font-size:2rem}.text-content{font-size:1rem}.map-content{flex-direction:column}.navigation-controls{right:10px}.nav-button{min-width:100px;padding:8px 12px;font-size:11px}.progress-container{bottom:10px;padding:8px 15px}.progress-bar{width:150px}}.story-section.active{animation:fadeInActive .6s ease forwards}@keyframes fadeInActive{0%{opacity:0;transform:translateY(20px) scale(1)}to{opacity:1;transform:translateY(0) scale(1.02)}}.scrollytelling-immersive{background:transparent}.scrollytelling-immersive .story-section{background:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important}.scrollytelling-immersive .text-section,.scrollytelling-immersive .map-section{background:#0000001a!important;backdrop-filter:blur(2px)!important;border:1px solid rgba(255,255,255,.1)!important}.scrollytelling-immersive .progress-container,.scrollytelling-immersive .navigation-controls{opacity:.3;transition:opacity .3s ease}.scrollytelling-immersive .progress-container:hover,.scrollytelling-immersive .navigation-controls:hover{opacity:1}.scrollytelling-minimal{background:#ffffff0d}.scrollytelling-minimal .story-section{background:#ffffff1a!important;backdrop-filter:blur(5px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;margin:20px!important;width:calc(100% - 40px)!important;height:calc(100vh - 40px)!important}.scrollytelling-minimal .text-section,.scrollytelling-minimal .map-section{background:#ffffff26!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important}.scrollytelling-data-focused{background:linear-gradient(135deg,#0000001a,#0003)}.scrollytelling-data-focused .story-section{background:#00000026!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(0,188,212,.2)!important}.scrollytelling-data-focused .text-section,.scrollytelling-data-focused .map-section{background:#0003!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(0,188,212,.3)!important;box-shadow:0 0 20px #00bcd41a!important}.scrollytelling-data-focused .data-item{background:#00bcd41a;border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid rgba(0,188,212,.2)}.scrollytelling-timeline{background:linear-gradient(90deg,#9c27b01a,#0003,#9c27b01a)}.scrollytelling-timeline .story-section{background:#9c27b01a!important;backdrop-filter:blur(6px)!important;border:1px solid rgba(156,39,176,.3)!important}.scrollytelling-timeline .timeline-section{background:#9c27b026!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(156,39,176,.4)!important;box-shadow:0 0 25px #9c27b033!important}.scrollytelling-comparison{background:linear-gradient(45deg,#ff98001a,#0003,#2196f31a)}.scrollytelling-comparison .story-section{background:#0003!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important}.scrollytelling-journey{background:linear-gradient(135deg,#00bcd41a,#4caf501a,#00bcd41a)}.scrollytelling-journey .story-section{background:#0000001a!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(0,188,212,.2)!important}.scrollytelling-presentation{background:#ffffff1a}.scrollytelling-presentation .story-section{background:#fff3!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:16px!important;margin:40px!important;width:calc(100% - 80px)!important;height:calc(100vh - 80px)!important}.scrollytelling-presentation .text-section,.scrollytelling-presentation .map-section{background:#ffffff40!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.4)!important;color:#333!important}.scrollytelling-presentation .text-section h2,.scrollytelling-presentation .map-section h2{color:#1976d2!important}.scrollytelling-snap{scroll-snap-type:y mandatory}.scrollytelling-snap .story-section{scroll-snap-align:start}.scrollytelling-continuous{scroll-behavior:auto}.scrollytelling-continuous .story-section{transition:none!important}.scrollytelling-viewer{position:fixed;inset:0;z-index:1000;overflow:hidden}.globe-container{position:fixed;inset:0;z-index:1}.globe-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.globe-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.1) 0%,transparent 70%);animation:globeRotate 20s linear infinite}@keyframes globeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.globe-info{background:#000c;color:#fff;padding:2rem;border-radius:12px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:2;position:relative}.globe-info h3{margin:0 0 1rem;font-size:1.5rem;color:#00bcd4}.globe-info p{margin:.5rem 0;font-size:.9rem;opacity:.8}.story-content{position:relative;z-index:2;pointer-events:none}.story-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:.3;transition:opacity .5s ease}.section-content{max-width:800px;background:#000c;color:#fff;padding:3rem;border-radius:16px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;pointer-events:auto}.section-title{font-size:2.5rem;font-weight:700;margin:0 0 2rem;color:#00bcd4;text-align:center;line-height:1.2}.section-body{line-height:1.8}.text-content{font-size:1.2rem;text-align:justify}.text-hero{font-size:1.5rem;text-align:center;font-weight:300;line-height:1.6}.text-content{font-size:1.1rem;line-height:1.8}.text-call-to-action{font-size:1.3rem;text-align:center;font-weight:500;color:#4caf50}.map-content{text-align:center}.map-data h3{font-size:1.8rem;margin:0 0 1.5rem;color:#ff9800}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.data-item{background:#ffffff1a;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.data-label{display:block;font-size:.9rem;color:#b0bec5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.data-value{display:block;font-size:1.2rem;font-weight:600;color:#fff}.timeline-marker-content{text-align:center}.timeline-header{margin-bottom:2rem}.timeline-year{font-size:3rem;font-weight:700;color:#e91e63;margin-bottom:.5rem}.timeline-era{font-size:1.2rem;color:#b0bec5;text-transform:uppercase;letter-spacing:1px}.timeline-body h3{font-size:2rem;margin:0 0 1rem;color:#4caf50}.achievement{font-size:1.3rem;color:#ff9800;margin-bottom:1.5rem;font-weight:500}.quote{font-size:1.2rem;font-style:italic;color:#b0bec5;margin:2rem 0;padding:1.5rem;border-left:4px solid #00bcd4;background:#ffffff0d;border-radius:8px}.impact{font-size:1.1rem;color:#81c784;margin-top:1.5rem}.data-viz-content{text-align:center}.data-viz-content h3{font-size:1.8rem;margin:0 0 1rem;color:#9c27b0}.viz-description{font-size:1.1rem;color:#b0bec5;margin-bottom:2rem;line-height:1.6}.viz-data{background:#00000080;border-radius:8px;padding:1rem;margin-top:1rem;overflow-x:auto}.viz-data pre{color:#e0e0e0;font-size:.9rem;margin:0;white-space:pre-wrap}.progress-indicator{position:fixed;top:2rem;right:2rem;z-index:10;background:#000c;padding:1rem;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.progress-bar{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#00bcd4,#4caf50);border-radius:2px;transition:width .3s ease}.section-navigation{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:.5rem}.nav-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:all .3s ease}.nav-dot:hover{border-color:#fff9;transform:scale(1.2)}.nav-dot.active{background:#00bcd4;border-color:#00bcd4;transform:scale(1.3)}.story-controls{position:fixed;top:2rem;left:2rem;z-index:10}.control-btn{background:#000c;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;cursor:pointer;font-size:1.2rem;transition:all .2s ease;backdrop-filter:blur(10px)}.control-btn:hover{background:#000000e6;border-color:#fff6;transform:translateY(-2px)}.story-viewer{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1000;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.story-viewer.fullscreen{z-index:1001}.story-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.story-header-content{flex:1}.story-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#2c3e50;line-height:1.2}.story-description{font-size:1.2rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.story-meta{display:flex;gap:2rem;font-size:.9rem;color:#888}.story-meta span{display:flex;align-items:center;gap:.5rem}.story-controls{display:flex;gap:1rem}.control-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.75rem;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.control-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.story-progress{background:#ffffffe6;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.2)}.progress-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666}.story-content{flex:1;overflow-y:auto;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.story-section{max-width:1000px;width:100%;background:#fffffff2;border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.section-title{font-size:2rem;font-weight:600;margin:0 0 2rem;color:#2c3e50;text-align:center}.section-content{line-height:1.8;color:#333}.story-navigation{background:#fffffff2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);padding:1.5rem 2rem}.nav-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nav-btn{background:#3498db;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.nav-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.nav-section-indicator{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.current-section{color:#3498db}.section-separator{color:#bdc3c7}.nav-thumbnails{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0}.nav-thumbnail{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fffc;border:2px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center}.nav-thumbnail:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-thumbnail.active{border-color:#3498db;background:#3498db1a}.thumbnail-icon{font-size:1.5rem}.thumbnail-title{font-size:.8rem;font-weight:500;color:#2c3e50;line-height:1.2}.story-footer{background:#ffffffe6;padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.2)}.story-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tag{background:#3498db;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.text-section{font-size:1.1rem;line-height:1.8}.text-content{text-align:justify}.image-section{text-align:center;margin:2rem 0}.image-container{display:inline-block;max-width:100%}.image-container img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00000026}.image-caption{margin-top:1rem;font-style:italic;color:#666;font-size:.9rem}.video-section{text-align:center;margin:2rem 0}.video-container{display:inline-block;max-width:100%}.video-container video{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00000026}.map-section{margin:2rem 0}.map-container{height:400px;border-radius:12px;overflow:hidden;background:#f8f9fa;border:2px solid #e9ecef}.map-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6c757d;text-align:center;padding:2rem}.map-placeholder p{margin:.5rem 0;font-size:1.1rem}.map-markers{margin-top:1rem;text-align:left}.map-markers ul{list-style:none;padding:0;margin:.5rem 0}.map-markers li{padding:.25rem 0;font-size:.9rem}.chart-section{margin:2rem 0}.chart-container{text-align:center}.chart-placeholder{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;padding:2rem}.chart-data-preview{margin-top:1rem;max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.chart-data-preview pre{margin:0;font-size:.8rem;color:#495057}.data-viz-section{margin:2rem 0}.data-viz-container{height:400px;border-radius:12px;overflow:hidden;background:#f8f9fa;border:2px solid #e9ecef}.data-viz-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6c757d;text-align:center;padding:2rem}.data-viz-preview{margin-top:1rem;max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.data-viz-preview pre{margin:0;font-size:.8rem;color:#495057}.timeline-marker-section{margin:2rem 0}.timeline-marker{display:flex;align-items:flex-start;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #3498db;box-shadow:0 4px 12px #0000001a}.timeline-date{font-weight:700;color:#3498db;min-width:120px;font-size:1.1rem}.timeline-content h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.3rem}.timeline-content p{margin:0 0 .5rem;color:#666;line-height:1.6}.timeline-location{font-size:.9rem;color:#888;font-style:italic}.comparison-section{margin:2rem 0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.comparison-item{padding:2rem;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;border:1px solid #e9ecef}.comparison-item h3{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.comparison-value{font-size:2rem;font-weight:700;color:#3498db;margin-bottom:1rem}.comparison-description{color:#666;font-size:.9rem;line-height:1.5}.interactive-section{margin:2rem 0}.interactive-container{min-height:300px;border-radius:12px;overflow:hidden;background:#f8f9fa;border:2px solid #e9ecef}.interactive-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6c757d;text-align:center;padding:2rem}.interactive-preview{margin-top:1rem;max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.interactive-preview pre{margin:0;font-size:.8rem;color:#495057}.story-point{position:relative;cursor:pointer;transition:all .3s ease;z-index:100}.story-point-small{width:24px;height:24px}.story-point-medium{width:32px;height:32px}.story-point-large{width:40px;height:40px}.story-point-icon{width:100%;height:100%;background:var(--template-color, #3498db);border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #0003;transition:all .3s ease}.story-point:hover .story-point-icon{transform:scale(1.2);box-shadow:0 6px 20px #0000004d}.story-point.active .story-point-icon{background:var(--category-color, #e74c3c);transform:scale(1.3);box-shadow:0 8px 24px #0006}.story-point-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:1rem;border-radius:8px;min-width:300px;max-width:400px;z-index:1000;box-shadow:0 8px 24px #0000004d;backdrop-filter:blur(10px);margin-bottom:.5rem}.story-point-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.tooltip-title{font-size:1.1rem;font-weight:600;margin:0;color:#fff}.tooltip-category{background:var(--category-color, #3498db);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:uppercase}.tooltip-description{font-size:.9rem;line-height:1.4;margin:0 0 .5rem;color:#e0e0e0}.tooltip-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#b0b0b0;margin-bottom:.5rem}.tooltip-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tooltip-tag{background:#fff3;color:#fff;padding:.2rem .4rem;border-radius:8px;font-size:.7rem}.stories-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.stories-header{text-align:center;margin-bottom:3rem;color:#fff}.stories-header h1{font-size:3rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stories-header p{font-size:1.2rem;margin:0 0 2rem;opacity:.9}.stories-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;padding:1.5rem;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-number{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.stories-content{margin-bottom:3rem}.stories-debug{background:#fffffff2;border-radius:12px;padding:2rem;margin-top:2rem}.stories-debug h3{margin:0 0 1.5rem;color:#2c3e50}.debug-section{margin-bottom:2rem}.debug-section h4{margin:0 0 1rem;color:#34495e}.debug-section ul{list-style:none;padding:0;margin:0}.debug-section li{padding:.5rem 0;border-bottom:1px solid #ecf0f1}.debug-section li:last-child{border-bottom:none}.debug-section pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;overflow-x:auto;font-size:.8rem;color:#495057}.story-list-debug{position:fixed;top:2rem;right:2rem;width:300px;background:#fffffff2;border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #00000026;backdrop-filter:blur(10px);z-index:100;max-height:80vh;overflow-y:auto}.story-list-debug h3{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem}.story-list{display:flex;flex-direction:column;gap:1rem}.story-list-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #e9ecef}.story-list-item:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.story-list-icon{font-size:1.5rem;flex-shrink:0}.story-list-content{flex:1}.story-list-content h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem;line-height:1.3}.story-list-content p{margin:0 0 .5rem;color:#666;font-size:.8rem;line-height:1.4}.story-list-meta{display:flex;gap:1rem;font-size:.7rem}.story-category{background:#3498db;color:#fff;padding:.2rem .4rem;border-radius:8px;text-transform:uppercase;font-weight:500}.story-time{color:#888;font-weight:500}.legacy-stories-section{margin-top:3rem;text-align:center}.legacy-stories-section h3{color:#fff;font-size:1.5rem;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.global-scrollytelling-btn{margin-bottom:3rem;display:flex;justify-content:center}.global-scrollytelling-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;gap:2rem;text-align:left;color:#fff;max-width:500px;width:100%;box-shadow:0 8px 32px #3b82f64d}.global-scrollytelling-button:hover{background:linear-gradient(135deg,#1e40af,#2563eb,#0891b2);border-color:#ffffff80;transform:translateY(-4px);box-shadow:0 12px 48px #3b82f666}.global-icon{font-size:4rem;flex-shrink:0;animation:globalPulse 2s ease-in-out infinite}@keyframes globalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.global-info{flex:1}.global-info h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.global-info p{margin:0 0 .5rem;font-size:1rem;color:#ffffffe6;line-height:1.4}.global-info .global-time{font-size:.9rem;color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.legacy-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.legacy-story-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;gap:1.5rem;text-align:left;color:#fff}.legacy-story-btn:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.story-info{flex:1}.story-info h4{margin:0 0 .5rem;font-size:1.3rem;font-weight:600;color:#fff}.story-info p{margin:0 0 .5rem;font-size:.9rem;color:#fffc}.story-info .story-time{font-size:.8rem;color:#00bcd4;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.global-scrollytelling{position:relative;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);animation:heroFloat 20s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-content{position:relative;z-index:2;max-width:800px}.hero-title{font-size:4rem;font-weight:700;margin:0 0 1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin:0 0 3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.hero-stats .stat{display:flex;flex-direction:column;align-items:center;background:#ffffff1a;padding:1.5rem;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:150px}.hero-stats .stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.hero-stats .stat-label{font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px;text-align:center}.story-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;opacity:.3;transition:opacity .5s ease;position:relative}.story-section.active{opacity:1}.story-content{max-width:1000px;width:100%;background:#000c;border-radius:24px;padding:4rem;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 48px #0000004d;position:relative;overflow:hidden}.story-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.story-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.story-icon{font-size:3rem;flex-shrink:0}.story-meta{display:flex;gap:1rem;flex-wrap:wrap}.story-type,.story-domain,.story-time{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.story-type{background:#3b82f633;color:#60a5fa}.story-domain{background:#22c55e33;color:#4ade80}.story-time{background:#f59e0b33;color:#fbbf24}.story-title{font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;color:#fff;line-height:1.2}.story-description{font-size:1.2rem;line-height:1.7;margin:0 0 2.5rem;color:#ffffffe6}.story-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.story-impact h3{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:#60a5fa}.story-impact p{font-size:1rem;line-height:1.6;color:#fffc}.story-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2rem;font-weight:600;color:#fff}.story-tags{display:flex;flex-wrap:wrap;gap:.5rem}.story-tags .tag{background:#3b82f633;color:#60a5fa;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:500;border:1px solid rgba(59,130,246,.3)}.conclusion-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#1e293b,#0f172a)}.conclusion-content{max-width:800px}.conclusion-content h2{font-size:3rem;font-weight:700;margin:0 0 2rem;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3)}.conclusion-content p{font-size:1.2rem;line-height:1.7;margin:0 0 3rem;color:#ffffffe6}.cta-buttons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.cta-btn{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.cta-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 16px #3b82f64d}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.cta-btn.secondary{background:transparent;color:#60a5fa;border:2px solid #60a5fa}.cta-btn.secondary:hover{background:#60a5fa1a;transform:translateY(-2px)}.progress-indicator{position:fixed;top:2rem;right:2rem;z-index:1000;background:#000c;padding:1.5rem;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.progress-bar{width:200px;height:6px;background:#fff3;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;transition:width .3s ease}.progress-text{color:#fff;font-size:.9rem;text-align:center;font-weight:500}.close-btn{position:fixed;top:2rem;left:2rem;z-index:1000;background:#000c;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;cursor:pointer;font-size:1.2rem;transition:all .2s ease;backdrop-filter:blur(10px)}.close-btn:hover{background:#000000e6;border-color:#fff6;transform:translateY(-2px)}.story-carousel-container{position:fixed;bottom:0;left:0;right:0;background:#0000004d;backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.08);z-index:3000;padding:1rem 2rem;font-family:var(--font-family-mono)}.story-carousel{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0}.story-carousel::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:1rem;padding:0}.carousel-item{flex-shrink:0;width:200px}.story-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(16px);height:160px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;font-family:var(--font-family-mono)}.story-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;opacity:0;transition:opacity .4s ease;pointer-events:none}.story-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a}.story-card:hover:before{opacity:1}.story-card.active{border-color:#3b82f699;background:#3b82f61a;box-shadow:0 0 0 1px #3b82f64d,0 8px 32px #3b82f633}.story-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.story-card:hover .story-icon{transform:scale(1.1)}.story-title{font-size:.9rem;font-weight:500;margin:0 0 .5rem;color:#fffffff2;line-height:1.3;letter-spacing:.025em}.story-description{font-size:.75rem;line-height:1.4;margin:0;color:#ffffffb3;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ecoverse-detail-page{position:fixed;inset:0;z-index:2000;background:transparent;backdrop-filter:none;font-family:var(--font-family-mono)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fffc;font-size:.9rem;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;text-align:center;padding:2rem}.error-title{color:#ef4444;font-size:1.5rem;font-weight:600;margin:0}.error-message{color:#fffc;font-size:1rem;margin:0;max-width:400px}.error-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-mono);font-size:.9rem}.error-button:hover{background:#fff3;border-color:#fff6}.story-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:500px;width:90%;z-index:1001}.story-preview-content h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.story-preview-content p{color:#fffc;line-height:1.6;margin:0 0 1.5rem}.story-preview-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.story-preview-meta span{background:#ffffff1a;padding:.5rem;border-radius:8px;font-size:.9rem;color:#fffc}.close-preview{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;width:100%}.close-preview:hover{background:#fff3;border-color:#fff6}@media (max-width: 768px){.story-viewer{padding:0}.story-header{padding:1rem;flex-direction:column;gap:1rem}.story-title{font-size:1.8rem}.story-description{font-size:1rem}.story-meta{flex-direction:column;gap:.5rem}.story-content{padding:1rem}.story-section{padding:2rem 1.5rem}.section-title{font-size:1.5rem}.story-navigation{padding:1rem}.nav-controls{flex-direction:column;gap:1rem}.nav-thumbnails{justify-content:center}.nav-thumbnail{min-width:100px;padding:.75rem}.thumbnail-title{font-size:.7rem}.comparison-grid{grid-template-columns:1fr}.timeline-marker{flex-direction:column;gap:1rem}.timeline-date{min-width:auto;text-align:center}.story-point-tooltip{min-width:250px;max-width:300px}}@media (max-width: 480px){.story-title{font-size:1.5rem}.story-section{padding:1.5rem 1rem}.section-title{font-size:1.3rem}.nav-thumbnail{min-width:80px;padding:.5rem}.thumbnail-icon{font-size:1.2rem}.thumbnail-title{font-size:.6rem}}.demo-stories-toggle{margin:2rem 0;text-align:center}.toggle-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.toggle-button.active{background:linear-gradient(135deg,#764ba2,#667eea)}.demo-description{margin-top:8px;color:#666;font-size:14px;font-style:italic}.admin-notice{margin:1rem 0;text-align:center}.admin-description{color:#00bcd4;font-size:14px;font-weight:500;background:#00bcd41a;padding:8px 16px;border-radius:20px;border:1px solid rgba(0,188,212,.3);display:inline-block}.demo-stories-section{margin:3rem 0;padding:2rem;background:#ffffff0d;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.demo-stories-section h2{text-align:center;margin-bottom:1rem;color:#00bcd4;font-size:2rem;font-weight:300}.demo-stories-section p{text-align:center;margin-bottom:2rem;color:#ccc;font-size:1.1rem}.demo-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.demo-story-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;backdrop-filter:blur(10px);position:relative;overflow:hidden}.demo-story-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.demo-story-card:hover:before{left:100%}.demo-story-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00bcd433;border-color:#00bcd4}.demo-story-icon{font-size:2.5rem;min-width:60px;text-align:center;filter:drop-shadow(0 0 10px rgba(0,188,212,.3))}.demo-story-content{flex:1}.demo-story-content h3{margin:0 0 .5rem;color:#00bcd4;font-size:1.2rem;font-weight:600}.demo-story-description{margin:0 0 1rem;color:#ccc;font-size:.9rem;line-height:1.4}.demo-story-meta{display:flex;gap:1rem;align-items:center}.template-type{background:#00bcd433;color:#00bcd4;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize;border:1px solid rgba(0,188,212,.3)}.read-time{color:#999;font-size:.8rem;font-weight:500}.demo-story-arrow{font-size:1.5rem;color:#00bcd4;transition:transform .3s ease}.demo-story-card:hover .demo-story-arrow{transform:translate(5px)}.carousel-item.demo-story{position:relative}.story-card.demo-story{border:2px solid #00bcd4;background:linear-gradient(135deg,#00bcd41a,#00bcd40d);position:relative;overflow:hidden}.story-card.demo-story:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,188,212,.1),transparent);transition:left .5s ease}.story-card.demo-story:hover:before{left:100%}.demo-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;z-index:2;box-shadow:0 2px 8px #00bcd44d}.story-card.demo-story .story-icon{filter:drop-shadow(0 0 8px rgba(0,188,212,.4))}.story-card.demo-story .story-title{color:#00bcd4;font-weight:600}.story-card.demo-story .story-description{color:#e0f7fa}@media (max-width: 768px){.demo-stories-grid{grid-template-columns:1fr;gap:1rem}.demo-story-card{padding:1rem;flex-direction:column;text-align:center}.demo-story-icon{font-size:2rem}.demo-story-meta{justify-content:center}.demo-badge{font-size:.6rem;padding:3px 6px}}