.profile-progress-widget{position:fixed;right:18px;bottom:18px;z-index:1100;width:min(350px,calc(100vw - 28px));border:1px solid #d9e9c2;border-radius:16px;background:#fff;color:#1d2918;box-shadow:0 18px 50px #17210f38;font:13px/1.45 Arial,sans-serif;overflow:hidden}
.profile-progress-widget[hidden]{display:none}
.profile-progress-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#f5fbe9;color:inherit;padding:12px 14px;text-align:left;cursor:pointer}
.profile-progress-toggle>span:nth-child(2){flex:1;min-width:0}
.profile-progress-toggle strong,.profile-progress-toggle small{display:block}
.profile-progress-toggle strong{font-size:14px}
.profile-progress-toggle small{color:#607354;font-size:11px}
.profile-progress-toggle [data-profile-progress-retry]{border:1px solid #b9d988;border-radius:7px;background:#fff;padding:6px 9px;color:#315322;font-size:11px;cursor:pointer}
.profile-progress-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:#ccfa69;color:#274713;font-size:20px}
.profile-progress-track{height:7px;background:#e9f0df}
.profile-progress-track>span{display:block;height:100%;background:#a9e447;transition:width .3s ease}
.profile-progress-body{max-height:min(65vh,540px);overflow:auto;padding:12px 15px 15px}
.profile-progress-body>p{margin:0 0 10px;color:#42583a;font-size:12px;font-weight:600}
.profile-progress-body ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.profile-progress-body li{display:flex;align-items:center;gap:8px;padding:5px 0;color:#6a7761;font-size:12px}
.profile-progress-body li>span{width:17px;flex:none;color:#9aa895;font-weight:800}
.profile-progress-body li.done>span{color:#5a981c}
.profile-progress-body li.done a{color:#677b58;text-decoration:line-through}
.profile-progress-body li a{color:#2d4b1c;text-decoration:none}
.profile-progress-body li a:hover{text-decoration:underline}
.profile-progress-action{display:block;margin-top:12px;padding:10px;border-radius:9px;background:#cafa68;color:#263d13;text-align:center;text-decoration:none;font-weight:750}
.profile-progress-award{position:relative;display:grid;justify-items:center;gap:4px;min-height:180px;padding:25px 22px 22px;background:linear-gradient(155deg,#f3ffe2,#fff 72%);text-align:center;isolation:isolate}
.profile-progress-award-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:50%;background:#cafa68;color:#315322;font-size:29px;box-shadow:0 0 0 8px #eaffca;animation:profile-award-pop .55s both}
.profile-progress-award strong{font-size:20px}
.profile-progress-award p{margin:2px 0 4px;max-width:275px;color:#42583a;font-size:12px}
.profile-progress-award small{color:#527326;font-weight:750}
.profile-progress-award>:not(.profile-progress-confetti){position:relative;z-index:1}
.profile-progress-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.profile-progress-confetti i{position:absolute;top:-16px;left:var(--x);width:7px;height:13px;border-radius:2px;background:hsl(var(--hue) 90% 54%);opacity:0;animation:profile-confetti-fall 2.8s var(--delay) ease-in forwards}
@keyframes profile-award-pop{from{transform:scale(.55) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes profile-confetti-fall{0%{transform:translate(0,-12px) rotate(0);opacity:0}8%{opacity:1}90%{opacity:1}100%{transform:translate(var(--drift),215px) rotate(720deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.profile-progress-award-icon,.profile-progress-confetti i{animation:none}.profile-progress-confetti{display:none}}
@media(max-width:760px){
  .profile-progress-widget{right:12px;bottom:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
  .profile-progress-widget.is-mobile-collapsed{width:54px;height:54px;border:0;border-radius:50%;background:transparent;box-shadow:none;overflow:visible}
  .profile-progress-launcher{display:grid;place-items:center;width:54px;height:54px;padding:4px;border:0;border-radius:50%;background:conic-gradient(#a8e64a var(--progress),#e6eddc 0);box-shadow:0 8px 24px #17210f38;cursor:pointer}
  .profile-progress-launcher-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f7ffe9;color:#274713;font-size:23px}
  .profile-progress-launcher:focus-visible{outline:3px solid #6c51f4;outline-offset:3px}
  .profile-progress-body{max-height:min(58dvh,540px)}
  .profile-progress-close{flex:none;border:0;background:transparent;color:#315322;font-size:22px;cursor:pointer}
}