body{
  background:#0e0e12;
  font-family:Arial, sans-serif;
  color:#eaeaea;
}

.container{
  max-width:1100px;
  margin:auto;
  padding:20px;
}

.header{
  display:flex;
  gap:20px;
  background:#15151d;
  padding:20px;
  border-radius:12px;
}

.cover{
  width:220px;
  border-radius:10px;
}

h1{ color:#ff4d6d; }

.player iframe{
  width:100%;
  height:520px;
  border-radius:12px;
  margin:20px 0;
}

.episodes{
  background:#15151d;
  padding:15px;
  border-radius:12px;
}

.episodes button{
  background:#23232f;
  color:#fff;
  border:none;
  padding:8px 14px;
  margin:4px;
  border-radius:6px;
  cursor:pointer;
  transition:.2s;
}

.episodes button:hover{
  background:#ff4d6d;
}

.episodes button.visto{
  background:#2ecc71;
  color:#000;
}

.comments{
  margin-top:30px;
  background:#15151d;
  padding:20px;
  border-radius:12px;
}

.comment-box textarea{
  width:100%;
  height:70px;
  background:#23232f;
  border:none;
  color:white;
  padding:10px;
  border-radius:8px;
}

.comment{
  background:#1c1c26;
  padding:10px;
  border-radius:8px;
  margin-top:10px;
}

.comment b{
  color:#ff4d6d;
}

.reply{
  margin-left:30px;
  border-left:2px solid #ff4d6d;
  padding-left:10px;
}
.comment{
  background:#1b1b24;
  border-radius:12px;
  padding:12px 15px;
  margin-top:12px;
  box-shadow:0 0 15px rgba(255, 0, 150, 0.25);
  animation:fadeUp .4s ease;
}

.reply{
  margin-left:35px;
  border-left:3px solid #ff4dd2;
  box-shadow:0 0 15px rgba(180, 0, 255, 0.25);
}

.comment-header{
  font-weight:bold;
  color:#ff4dd2;
  margin-bottom:6px;
}

.comment-body{
  color:#e0e0e0;
  line-height:1.4;
}

.comment-actions{
  margin-top:6px;
  font-size:13px;
}

.comment-actions span{
  cursor:pointer;
  color:#b26bff;
}

.comment-actions span:hover{
  text-decoration:underline;
}

@keyframes fadeUp{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}