#progress-bar-container{width:100%;max-width:600px;margin:10px auto;position:relative;padding:0 15px}#progress-bar{width:100%;height:30px;background:#f5f5f5;border-radius:15px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1);border:2px solid #e0e0e0}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff69b4,#ff1493);transition:width 0.5s cubic-bezier(.4,0,.2,1);border-radius:13px;position:absolute;left:0;top:0;box-shadow:0 0 10px rgb(255 105 180 / .3)}#progress-text-back,#progress-text-front{position:absolute;width:100%;text-align:center;font-weight:600;font-size:14px;white-space:nowrap;left:50%;top:50%;transform:translate(-50%,-50%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;letter-spacing:.3px;text-shadow:0 1px 2px rgb(0 0 0 / .1)}#progress-text-back{z-index:2;color:#666}#progress-text-front{z-index:3;transition:color 0.3s ease-in-out;color:#fff;clip-path:inset(0 var(--clip-right,100%) 0 0)}.progress-loaded #progress-bar{animation:subtle-glow 3s infinite}@keyframes subtle-glow{0%{box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 0 5px rgb(255 105 180 / .2)}50%{box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 0 8px rgb(255 105 180 / .3)}100%{box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 0 5px rgb(255 105 180 / .2)}}@media (max-width:480px){#progress-bar-container{padding:0 10px}#progress-bar{height:25px}#progress-text-back,#progress-text-front{font-size:12px}}