.story-container-v2{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 100%);flex-direction:column;min-height:100vh;display:flex}.story-header-v2{z-index:100;cursor:default;background:#0f0f1af2;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.back-btn{color:#ffffffb3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s}.back-btn:hover{color:#fff;background:#ffffff1a}.story-title-v2{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600}.pause-btn{cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;width:40px;height:40px;font-size:1rem;transition:all .2s}.pause-btn:hover{background:#ffffff1a;border-color:#6366f1}.pause-btn.paused{background:#6366f133;border-color:#6366f1}.progress-track{z-index:99;background:#ffffff1a;height:4px;position:fixed;top:60px;left:0;right:0}.progress-bar-v2{background:linear-gradient(90deg,#6366f1,#ec4899);height:100%;transition:width .3s}.countdown-bar{background:#ffffff4d;height:100%;position:absolute;top:0;right:0}.timeline-nav{z-index:50;cursor:default;flex-direction:column;gap:1.5rem;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.timeline-dot{cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50%;width:14px;height:14px;transition:all .2s;position:relative}.timeline-dot.completed{background:#6366f14d;border-color:#6366f180}.timeline-dot:hover,.timeline-dot.active{border-color:var(--dot-color,#6366f1);background:var(--dot-color,#6366f1);transform:scale(1.2)}.timeline-year{color:#fff6;white-space:nowrap;opacity:0;font-size:.7rem;transition:opacity .2s;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.timeline-dot:hover .timeline-year,.timeline-dot.active .timeline-year{opacity:1;color:#fffc}.story-main{cursor:default;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem 2rem;display:flex}.story-card-v2{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:800px;display:grid;overflow:hidden}.chapter-image{background:#0003;min-height:300px;position:relative;overflow:hidden}.story-img{object-fit:cover;width:100%;height:100%}.image-overlay{pointer-events:none;position:absolute;inset:0}.chapter-content-v2{flex-direction:column;padding:2rem;display:flex}.year-badge{color:#fff;border-radius:20px;width:fit-content;margin-bottom:.75rem;padding:.3rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.chapter-title-v2{color:#fff;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.5rem;font-weight:700;display:flex}.chapter-icon-inline{font-size:1.5rem}.chapter-lines{flex-direction:column;flex:1;gap:.75rem;margin-bottom:1.5rem;display:flex}.story-line{color:#ffffffd9;border-left:2px solid #6366f14d;margin:0;padding-left:1rem;font-size:.95rem;line-height:1.6}.chapter-indicator{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-top:auto;font-size:.75rem}.story-nav-buttons{cursor:default;gap:1rem;margin-top:1.5rem;display:flex}.nav-btn{cursor:pointer;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-btn.prev{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff26}.nav-btn.prev:hover:not(:disabled){color:#fff;background:#ffffff1a}.nav-btn.prev:disabled{opacity:.3;cursor:not-allowed}.nav-btn.next{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.nav-btn.next:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.nav-btn.cta{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.story-status{color:#fff6;margin-top:1rem;font-size:.8rem}.paused-text{color:#fbbf24}@media (max-width:768px){.story-header-v2{padding:1rem}.timeline-nav{gap:1rem;right:.5rem}.timeline-dot{width:10px;height:10px}.timeline-year{display:none}.story-main{padding:5rem 1rem 1.5rem}.story-card-v2{grid-template-columns:1fr;max-width:400px}.chapter-image{min-height:200px}.chapter-content-v2{padding:1.5rem}.chapter-title-v2{font-size:1.25rem}.story-line{font-size:.9rem}.story-nav-buttons{flex-direction:column;width:100%}.nav-btn{text-align:center;width:100%}}