.story-card{margin-bottom:1.8rem;padding:1.5rem;background-color:var(--white);border-radius:12px;box-shadow:var(--shadow);border-right:4px solid var(--accent-color);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.story-card::before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:var(--gradient);opacity:0;transition:opacity .3s}.story-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.18)}.story-card:hover::before{opacity:1}.story-card.active{border-right:4px solid var(--dark-color);background-color:#f5f0ee}.story-title{color:var(--dark-color);margin-bottom:.8rem;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px}.story-meta{display:flex;justify-content:space-between;color:var(--light-text);font-size:.9rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px dashed #ddd}.story-excerpt{color:var(--light-text);font-size:1.05rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.tag{background-color:var(--light-color);color:var(--dark-color);padding:.3rem .8rem;border-radius:50px;font-size:.85rem}.story-detail-title{color:var(--dark-color);font-size:2.2rem;margin-bottom:1.2rem;font-weight:800;line-height:1.3;padding-bottom:1rem;border-bottom:2px solid var(--light-color)}.story-detail-meta{display:flex;justify-content:space-between;color:var(--light-text);font-size:1rem;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px dashed #ddd}.story-content{color:var(--text-color);font-size:1.15rem;line-height:1.9;margin-bottom:2rem}.story-content p{margin-bottom:1.5rem;text-align:justify}.story-content .emotional{background-color:#f9f5f3;padding:1.5rem;border-right:4px solid var(--accent-color);border-radius:8px;margin:1.5rem 0;font-style:italic;color:var(--dark-color)}.story-actions{display:flex;gap:15px;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.action-btn.secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.action-btn.secondary:hover{background-color:rgba(93,64,55,.1)}.emotional-meter{display:flex;align-items:center;gap:10px;margin-top:1.5rem}.emotional-meter label{font-weight:600;color:var(--dark-color)}.emotional-level{display:flex;gap:5px}.emotional-level i{color:#ddd;font-size:1.2rem;transition:color .3s}.emotional-level i.active{color:#e53935}@media (max-width:768px){.story-detail-title{font-size:1.8rem}.story-actions{flex-direction:column}}@media (max-width:480px){.story-card{padding:1.2rem}.story-title{font-size:1.2rem}}.tear{position:absolute;background:rgba(33,150,243,.7);border-radius:50%;animation:fall linear infinite;z-index:-1}