.timeline{position:relative;padding-left:1.5rem}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--prime);box-shadow:0 0 8px var(--prime)}
.timeline-item{position:relative;margin-bottom:1.5rem}
.timeline-dot{position:absolute;left:-0.75rem;top:1.8rem;width:1rem;height:1rem;background:var(--prime);border-radius:50%;box-shadow:0 0 10px var(--prime)}
.timeline-content{background:rgba(0,242,255,.05);border:1px solid rgba(0,242,255,.25);border-radius:var(--r);padding:1rem;display:flex;align-items:center;gap:1rem;transition:transform .3s}
.timeline-content:hover{transform:translateY(-3px)}
.timeline-icon{font-size:1.5rem;color:var(--prime)}
.timeline-body{flex:1}
.timeline-title{font-weight:600;margin-bottom:.25rem}
.timeline-time{font-size:.8rem;color:var(--text-dim)}

.empty{text-align:center;padding:3rem 1rem;color:var(--text-dim)}
.empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}

.poster-area{margin-top:2rem;text-align:center}
.poster-btn{padding:.75rem 1.5rem;background:var(--success-gradient);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}
.poster-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,242,255,.3)}

.modal-overlay{position:fixed;inset:0;background:rgba(13,15,24,.85);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}
.cyber-box{background:linear-gradient(135deg,#0d0f18 0%,#1d202f 100%);border:1px solid rgba(0,242,255,.4);border-radius:var(--r);box-shadow:0 0 20px var(--prime),0 0 40px var(--second);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;width: min(80%, 1200px);max-height:95vh}
#cyberCanvas{width:100%;height:auto;border-radius:var(--r);box-shadow:0 0 30px rgba(0,242,255,.3)}
.cyber-actions{text-align:center}
.validator-container{
  width: 90%;
  max-width: 900px;
  background: var(--bg-card);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(0,242,255,.18);
  border-radius: var(--r);
  box-shadow: var(--shadow),var(--glow);
  padding: 2.5rem 2rem;
}
.timeline-scroll-wrapper{           
    position: relative;            
    max-height: calc(100vh - 70px); 
    overflow-y: auto;               
    -webkit-overflow-scrolling: touch;
    padding-top: 5rem;              
}
.timeline{
  max-height: 60vh;     
  overflow-y: auto;
  padding-right: .5rem; 
}
.modal-close{
  position: absolute;
  right: 1rem;
  font-size: 2rem;              
  color: var(--text-dim);
  cursor: pointer;
  transition: color .2s, transform .2s;
  z-index: 10;
}
.modal-close:hover{
  color: var(--prime);
  transform: scale(1.15);
  text-shadow: 0 0 8px var(--prime);
}