.reading-progress{width:100%;padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid rgba(185,156,255,.2);display:flex;flex-direction:column;gap:.8rem}.progress-counter{text-align:center;font-size:1rem;color:#b99cff;font-weight:500}.progress-bar-container{width:100%;height:8px;background:rgba(185,156,255,.1);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#b99cff 0,#7b68ee 100%);border-radius:4px;transition:width .4s;width:0%}.progress-helper-text{text-align:center;font-size:1.15rem;font-weight:600;color:#b99cff;font-style:italic;margin-top:1rem;padding:.75rem 1.5rem;border-top:2px solid rgba(185,156,255,.3);border-bottom:2px solid rgba(185,156,255,.3);background:rgba(185,156,255,.05);border-radius:4px;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeInScale;letter-spacing:.5px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInScale{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.reading-progress{padding:.75rem 0;margin-top:1.5rem}.progress-counter{font-size:.9rem}.progress-bar-container{height:6px}.progress-helper-text{font-size:1rem;padding:.6rem 1rem;margin-top:.75rem}}