.story-timeline{z-index:40;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:0;transition:opacity .7s;display:flex;position:fixed;top:50%;left:28px;transform:translateY(-50%)}.story-timeline.st-visible{opacity:1;pointer-events:auto}.story-timeline-line{z-index:-1;background:linear-gradient(#0000,#c8a96e24 15% 85%,#0000);width:1px;position:absolute;top:18px;bottom:18px;left:3px}.story-timeline-node{cursor:pointer;align-items:center;gap:12px;padding:14px 0;transition:opacity .3s;display:flex}.story-timeline-node.st-gated{cursor:default;pointer-events:none;opacity:.18!important}.story-timeline-dot{background:color-mix(in srgb, var(--node-color,#c8a96e) 12%, transparent);border:1px solid color-mix(in srgb, var(--node-color,#c8a96e) 18%, transparent);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .45s cubic-bezier(.16,1,.3,1)}.story-timeline-node.st-active .story-timeline-dot{background:var(--node-color,#c8a96e);border-color:var(--node-color,#c8a96e);width:8px;height:8px;box-shadow:0 0 10px var(--node-glow,#c8a96e59);animation:2.4s ease-in-out infinite st-pulse}@keyframes st-pulse{0%,to{box-shadow:0 0 8px var(--node-glow,#c8a96e4d)}50%{box-shadow:0 0 16px var(--node-glow,#c8a96e8c)}}.story-timeline-node.st-passed .story-timeline-dot{background:color-mix(in srgb, var(--node-color,#c8a96e) 40%, transparent);border-color:color-mix(in srgb, var(--node-color,#c8a96e) 30%, transparent)}.story-timeline-label{font-family:var(--font-ui,"Inter", system-ui, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#fff0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;transition:color .3s,transform .3s;transform:translate(-6px)}.story-timeline-node:hover .story-timeline-label,.story-timeline-node.st-active .story-timeline-label{color:#ffffff80;transform:translate(0)}.story-timeline-node.st-active .story-timeline-label{color:#ffffffa6}@media (max-width:768px){.story-timeline{display:none}}