.ddlong-progress{border:1px solid #e6e1ee;border-radius:28px;padding:clamp(24px,4vw,36px);background:linear-gradient(140deg,#fffaf2,#fff 68%,#f7f2fa);color:#3b0f75;box-shadow:0 8px 24px rgb(31 27 46/8%)}.ddlong-progress__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ddlong-progress__eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;color:#806128}.ddlong-progress__scene{height:210px;position:relative}.ddlong-progress__position{position:absolute;bottom:0;left:0;width:96px;transition:left 1s ease}.ddlong-progress__pet{width:96px;height:104px;background-image:url(/mascots/ddlong/spritesheet.webp);background-size:768px 1144px;background-repeat:no-repeat}.ddlong-progress__pet[data-pose=run]{background-position:0 -104px;animation:ddlong-run 1.06s step-end infinite}.ddlong-progress__pet[data-pose=idle]{background-position:0 0;animation:ddlong-idle 1.1s step-end infinite}.ddlong-progress__pet[data-pose=waiting]{background-position:0 -624px}.ddlong-progress__pet[data-pose=wave]{background-position:0 -312px;animation:ddlong-wave .7s step-end 2 forwards}.ddlong-progress__pet[data-pose=review]{background-position:0 -832px;animation:ddlong-six 1.03s step-end infinite}.ddlong-progress__pet[data-pose=work]{background-position:0 -728px;animation:ddlong-work .82s step-end infinite}.ddlong-progress__pet[data-pose=jump]{background-position:0 -416px;animation:ddlong-jump .84s step-end infinite}.ddlong-progress__speech{--bubble-left:clamp(0px,calc(var(--ddlong-pet-center) - 110px),max(0px,calc(100% - 220px)));position:absolute;bottom:116px;left:var(--bubble-left);width:min(220px,100%);box-sizing:border-box;padding:12px 16px;border:1px solid #ded2e5;border-radius:18px;background:#fff;color:#493451;font-size:15px;line-height:1.7;box-shadow:0 4px 12px rgb(59 15 117/5%);transition:left 1s ease}.ddlong-progress__speech:after{content:"";position:absolute;bottom:-7px;left:clamp(18px,calc(var(--ddlong-pet-center) - var(--bubble-left) - 7px),calc(100% - 28px));width:12px;height:12px;background:#fff;border-right:1px solid #ded2e5;border-bottom:1px solid #ded2e5;transform:rotate(45deg)}.ddlong-progress__track{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:clamp(2px,.5vw,5px);height:12px}.ddlong-progress__segment{background:#eee7e0;border-radius:3px}.ddlong-progress__segment[data-complete=true]{background:#b49350}.ddlong-progress__segment[data-current=true]{box-shadow:inset 0 0 0 1.5px #b49350}.ddlong-progress[data-state=ready] .ddlong-progress__segment{background:#65806a}.ddlong-progress--compact{margin-top:20px;padding:16px 20px;border-radius:16px;box-shadow:none}.ddlong-progress:not([data-context=chart]){background:#0c1c2a;color:#eff1f2;border-color:#d4bf954d}.ddlong-progress:not([data-context=chart]) .ddlong-progress__eyebrow{color:#d4bf95}.ddlong-progress:not([data-context=chart]) .ddlong-progress__speech,.ddlong-progress:not([data-context=chart]) .ddlong-progress__speech:after{background:#0d1c2b;color:#eff1f2;border-color:#617387}.ddlong-progress:not([data-context=chart]) .ddlong-progress__segment{background:#203247}.ddlong-progress:not([data-context=chart]) .ddlong-progress__segment[data-complete=true]{background:#d4bf95}.ddlong-progress.ddlong-progress--embedded[data-context]{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.ddlong-progress[data-progress=unknown]:is([data-state=loading],[data-state=processing]) .ddlong-progress__segment{animation:ddlong-awaiting 2.4s ease-in-out infinite;animation-delay:calc(var(--ddlong-segment-index) * 90ms)}@keyframes ddlong-awaiting{0%,70%,to{opacity:.45}35%{opacity:1;background-color:#d4bf95}}@keyframes ddlong-run{0%{background-position-x:0}11.32%{background-position-x:-96px}22.64%{background-position-x:-192px}33.96%{background-position-x:-288px}45.28%{background-position-x:-384px}56.60%{background-position-x:-480px}67.92%{background-position-x:-576px}79.24%,to{background-position-x:-672px}}@keyframes ddlong-idle{0%{background-position-x:0}25.45%{background-position-x:-96px}35.45%{background-position-x:-192px}45.45%{background-position-x:-288px}58.18%{background-position-x:-384px}70.91%,to{background-position-x:-480px}}@keyframes ddlong-wave{0%{background-position-x:0}20%{background-position-x:-96px}40%{background-position-x:-192px}60%,to{background-position-x:-288px}}@keyframes ddlong-six{0%{background-position-x:0}14.56%{background-position-x:-96px}29.13%{background-position-x:-192px}43.69%{background-position-x:-288px}58.25%{background-position-x:-384px}72.82%,to{background-position-x:-480px}}@keyframes ddlong-work{0%{background-position-x:0}14.63%{background-position-x:-96px}29.27%{background-position-x:-192px}43.90%{background-position-x:-288px}58.54%{background-position-x:-384px}73.17%,to{background-position-x:-480px}}@keyframes ddlong-jump{0%{background-position-x:0}16.67%{background-position-x:-96px}33.33%{background-position-x:-192px}50%{background-position-x:-288px}66.67%,to{background-position-x:-384px}}@media (prefers-reduced-motion:reduce){.ddlong-progress__pet,.ddlong-progress__segment{animation:none!important}.ddlong-progress__pet{background-position-x:0!important}.ddlong-progress__position,.ddlong-progress__speech{transition:none!important}}