.chapter-list{display:flex;flex-direction:column;gap:0.75rem}.chapter-item{display:flex;gap:0.75rem;padding:0.75rem;background:var(--dark-card);border:1px solid var(--border-lighter);border-radius:8px;transition:all 0.2s ease}.chapter-item:hover{border-color:var(--primary-color);transform:translateX(4px)}.chapter-item__number{flex-shrink:0;width:32px;height:32px;background:var(--primary-bg-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:600;color:var(--primary-color)}.chapter-item__content{flex:1}.chapter-item__title{color:var(--text-light);font-weight:500;font-size:0.95rem;display:block;margin-bottom:0.25rem}.chapter-item__description{color:var(--text-muted);font-size:0.8rem;line-height:1.4}@media (max-width:576px){.chapter-item__number{width:28px;height:28px;font-size:0.8rem}.chapter-item__title{font-size:0.9rem}}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9)}.modal .close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer;transition:color 0.2s ease}.modal .close:hover{color:var(--primary-color)}.modal-content{margin:auto;display:block;max-width:90%;max-height:90%;width:auto;height:auto;position:relative;top:50%;transform:translateY(-50%)}@media (max-width:768px){.modal .close{top:15px;right:20px;font-size:35px}}@media (max-width:576px){.modal .close{top:10px;right:15px;font-size:30px}}