#ssProgressDash{position:fixed;inset:0;z-index:10070;font-family:Arial,Helvetica,sans-serif}.pd-backdrop{position:absolute;inset:0;background:rgba(4,9,7,.72);backdrop-filter:blur(2px)}.pd-card{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);background:#f8f6f1;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.3)}.pd-card header{background:#172820;color:#fff;padding:17px;display:flex;align-items:center;justify-content:space-between}.pd-card header div{display:flex;flex-direction:column}.pd-card header span{color:#d5ad63;font-size:10px;font-weight:900;letter-spacing:1.5px}.pd-card header strong{font-size:21px}.pd-close{border:0;background:transparent;color:#fff;font-size:29px;cursor:pointer}.pd-body{padding:16px;overflow:auto;flex:1}.pd-overall{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #ded7ca;padding:16px;margin-bottom:10px}.pd-overall>div:last-child{display:flex;flex-direction:column}.pd-overall>div:last-child strong{font-size:24px;color:#20392c}.pd-overall>div:last-child span{font-size:13px;color:#6f716d}.pd-overall small{margin-top:7px;color:#8a6228;font-weight:800}.pd-ring{--p:0;width:92px;height:92px;border-radius:50%;background:conic-gradient(#d5ad63 calc(var(--p)*1%),#e9e4da 0);display:grid;place-content:center;position:relative;flex:none}.pd-ring:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}.pd-ring strong,.pd-ring span{position:relative;z-index:1;text-align:center}.pd-ring strong{color:#20392c;font-size:19px}.pd-ring span{font-size:9px;color:#777}.pd-streak{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#20392c;color:#fff;padding:12px 14px;margin-bottom:10px}.pd-flame{font-size:29px;text-align:center}.pd-streak>div:nth-child(2){display:flex;flex-direction:column}.pd-streak>div:nth-child(2)>span{color:#d5ad63;font-size:9px;font-weight:900;letter-spacing:1.2px}.pd-streak>div:nth-child(2)>strong{font-size:19px}.pd-streak>div:nth-child(2)>small{color:#d6d8d5;font-size:10px}.pd-streak-meta{display:grid;grid-template-columns:auto auto;gap:0 5px;text-align:right}.pd-streak-meta b{color:#d5ad63;font-size:14px}.pd-streak-meta span{color:#d6d8d5;font-size:8px;text-transform:uppercase}.pd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px}.pd-stats div{background:#eee9df;padding:10px;text-align:center}.pd-stats strong,.pd-stats span{display:block}.pd-stats strong{font-size:18px;color:#20392c}.pd-stats span{font-size:9px;color:#777;font-weight:800}.pd-body h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#6c604d}.pd-books button{width:100%;border:0;border-bottom:1px solid #e2ddd4;background:transparent;display:grid;grid-template-columns:130px 1fr 38px;align-items:center;gap:8px;padding:8px 3px;cursor:pointer;text-align:left}.pd-books button:hover{background:#f1ece2}.pd-books span{display:flex;justify-content:space-between;gap:5px}.pd-books strong{font-size:11px;color:#20392c}.pd-books small{font-size:9px;color:#888}.pd-books i{height:6px;background:#e1ddd5;display:block;overflow:hidden;border-radius:10px}.pd-books i b{display:block;height:100%;background:#b78a45}.pd-books em{font-size:9px;color:#777;font-style:normal;text-align:right}.pd-card footer{padding:11px 15px;background:#eee9df;border-top:1px solid #ddd5c8;font-size:10px;color:#6d6a64}.progress-summary-button{height:42px;border:1px solid #9b7b43;border-radius:2px;padding:0 13px;background:#fffaf0;color:#604a25;font-weight:900;cursor:pointer;white-space:nowrap}@media(max-width:640px){.pd-card{top:4%;border-radius:12px 12px 0 0}.pd-overall{gap:12px}.pd-ring{width:78px;height:78px}.pd-streak{grid-template-columns:38px 1fr}.pd-streak-meta{grid-column:1/-1;display:flex;justify-content:center;gap:6px 12px;border-top:1px solid rgba(255,255,255,.15);padding-top:7px}.pd-stats{gap:4px}.pd-books button{grid-template-columns:105px 1fr 32px}.progress-summary-button{flex:1}}