/* 2026-10-16 review: single progress indicator, earned stars and clean arrows. */
/* The previous separate library count line is intentionally removed from markup. */
body.juz-learning-page .mla-earned-stars{
 display:inline-flex;align-items:center;gap:6px;direction:ltr;justify-self:end;
 padding:6px 12px;border-radius:999px;background:rgba(255,195,70,.12);
 border:1px solid #dba63d;color:#fff7e0;font-weight:900;font-variant-numeric:tabular-nums;
 min-height:42px;min-width:100px;justify-content:center;box-sizing:border-box;
}
body.juz-learning-page .mla-earned-star-symbol{color:#ffcd59;font-size:27px;line-height:1;text-shadow:0 0 8px #ffc04d55;}
body.juz-learning-page .mla-earned-star-label{font-size:13px;color:#ffe5ac;}
body.juz-learning-page .mla-star-total{font-size:20px;color:#fff;}
body.juz-learning-page .mla-card-navigation{grid-template-columns:minmax(56px,.33fr) minmax(200px,1fr) minmax(56px,.33fr);}
body.juz-learning-page .mla-card-navigation .mla-nav-arrow{
 width:58px;height:56px;max-width:100%;min-height:0;place-self:center;
 padding:0!important;border-radius:16px!important;border:1px solid #91c9f1!important;
 background:#eff8ff!important;color:#07558c!important;box-shadow:0 3px 9px #0839600d;
}
body.juz-learning-page .mla-card-navigation .mla-next-card.mla-nav-arrow{
 background:#eff8ff!important;color:#07558c!important;
}
body.juz-learning-page .mla-card-navigation .mla-nav-arrow svg{width:29px;height:29px;pointer-events:none;}
body.juz-learning-page .mla-card-navigation .mla-nav-arrow:disabled{
 opacity:.35!important;background:#e6eef5!important;color:#6e8595!important;
}
body.juz-learning-page .mla-card-navigation:has(.mla-primary-card-action[hidden]){grid-template-columns:minmax(56px,.33fr) minmax(56px,.33fr);justify-content:space-between;}
body.juz-learning-page .mla-star-bump{animation:mla-counter-pop .45s ease-out;}
@keyframes mla-counter-pop{0%,100%{transform:scale(1)}42%{transform:scale(1.18);background:#91640e;box-shadow:0 0 18px #ffcd5966}}
.mla-flying-star{
 position:fixed;z-index:1200;pointer-events:none;color:#ffc64e;text-shadow:0 2px 2px #94650b,0 7px 21px #ffd766;
 font-size:53px;line-height:1;transform:translate(-50%,-50%);user-select:none;
 animation:mla-star-flight .76s cubic-bezier(.22,.67,.25,1) forwards;
}
@keyframes mla-star-flight{
 0%{transform:translate(-50%,-50%) scale(.65) rotate(-25deg);opacity:0}
 12%{opacity:1}
 48%{transform:translate(calc(-50% + var(--star-half-x)),calc(-50% + var(--star-half-y) - 52px)) scale(1.1) rotate(135deg);opacity:1}
 100%{transform:translate(calc(-50% + var(--star-flight-x)),calc(-50% + var(--star-flight-y))) scale(.4) rotate(360deg);opacity:0.85}
}
@media(max-width:650px){
 body.juz-learning-page .mla-earned-stars{min-width:64px;min-height:40px;gap:4px;padding:5px 8px;}
 body.juz-learning-page .mla-earned-star-symbol{font-size:22px;}
 body.juz-learning-page .mla-earned-star-label{display:none;}
 body.juz-learning-page .mla-star-total{font-size:17px;}
 body.juz-learning-page .mla-card-navigation{grid-template-columns:56px minmax(0,1fr) 56px;}
 body.juz-learning-page .mla-card-navigation .mla-nav-arrow{width:46px;height:46px;border-radius:12px!important;}
 body.juz-learning-page .mla-card-navigation .mla-nav-arrow svg{width:25px;height:25px;}
 body.juz-learning-page .mla-card-navigation:has(.mla-primary-card-action[hidden]){grid-template-columns:56px 56px;}
}
@media(prefers-reduced-motion:reduce){.mla-flying-star{animation:none!important;display:none!important;}body.juz-learning-page .mla-star-bump{animation:none!important;}}