.chapters-container{flex-direction:column;gap:5px;width:100%;max-width:700px;padding:10px;display:flex}.chapters-header{padding:10px 3px 5px;font-size:26px;font-weight:700}.chap-container{flex-direction:column;gap:10px;max-height:400px;padding:5px 0;display:flex;overflow:scroll}.chapter{background-color:#1a1d23;border:1px solid #2a2d34;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;height:78px;padding:15px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000004d}.chapter:hover{border-color:#27ae60;transform:translateY(-3px);box-shadow:0 6px 14px #00000080}.read-now{color:#2ecc71;cursor:pointer;margin-right:5px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.read-now:hover{color:#27ae60;text-decoration:underline}.chapter-meta-holder{flex-direction:column;flex:2;justify-content:center;gap:6px;padding:5px 0;display:flex}.chapter-title{color:#eaeaea;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:17px;font-weight:600;transition:color .3s;display:-webkit-box;overflow:hidden}.chapter:hover .chapter-title{color:#2ecc71}.released-date{color:#9a9da3;font-size:13px}.chap-container::-webkit-scrollbar{display:none}@media (max-width:808px){.chap-container{max-height:fit-content}.chapters-header{display:none}.chapters-container{padding:2px}.chapter{background-color:#0000}}
.comments-container{flex-direction:column;gap:15px;width:100%;max-width:700px;height:500px;padding:10px;display:flex}.comments-header{padding:5px 0;font-size:26px;font-weight:700}.bottom-container{gap:15px;height:100%;padding:5px 0;display:flex}.comments-input-container{border:1px solid #2a2d34;border-radius:12px;align-items:center;gap:10px;height:70px;padding:10px;display:flex;box-shadow:0 2px 5px #0006}.comments-input-container>input{color:#eaeaea;background-color:#0000;border:none;outline:none;flex:2;height:100%;padding:10px;font-size:14px}.comments-input-container>input::placeholder{color:#9a9da3}.send-message{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:10px 18px;font-weight:700;transition:all .3s}.send-message:hover{background-color:#27ae60;transform:translateY(-1px)}.comment-filters{justify-content:space-between;align-items:center;gap:20px;padding:5px 0;display:flex}.filter-option{cursor:pointer;color:#9a9da3;padding-bottom:3px;font-size:15px;transition:all .3s}.filter-option:hover{color:#eaeaea}.curr-selected{color:#2ecc71;border-bottom:2px solid #2ecc71;font-weight:500}.comment{background:#1a1d23;border:1px solid #2a2d34;border-radius:12px;gap:15px;min-height:100px;padding:12px;transition:all .3s;display:flex}.comment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.comment-profile{background:linear-gradient(135deg,#2ecc71,#27ae60) 50%/cover no-repeat;border-radius:50%;flex-shrink:0;width:60px;height:60px}.comment-meta-data{flex-direction:column;flex:1;gap:6px;padding:5px 0;display:flex}.profile-name{font-size:16px;font-weight:600}.comment-desc{color:#9a9da3;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;padding:5px 0 2px;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.meta-adder{align-items:center;gap:15px;padding:5px 0;display:flex}.meta-adder>div{color:#2ecc71;cursor:pointer;font-size:14px;transition:all .3s}.no-comments{color:#a6b9ac;border-radius:10px;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.meta-adder>div:hover{color:#27ae60}@media (max-width:808px){.comments-header{display:none}.comments-container{padding:5px}.comment-filters{justify-content:space-between;align-items:center;gap:0}.filter-option{font-size:14px}.comment-meta-data{gap:2px}.comment-profile{width:50px;height:50px}.comment-desc{font:12px}}@media (max-width:380px){.filter-option{font-size:12px}.no-comments{font-size:14px}}
.also-like-section{flex-direction:column;gap:16px;width:100%;display:flex}.also-like-header{text-align:left;padding:5px;font-size:22px;font-weight:600}@media (max-width:808px){.also-like-section{width:95%}}