.of-progress{margin:clamp(1rem,2.4vw,1.65rem) 0;padding:clamp(1rem,2.4vw,1.5rem);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(10,18,25,.98),rgba(15,29,39,.94));box-shadow:0 24px 60px rgba(0,0,0,.24)}
.of-progress *{box-sizing:border-box;min-width:0}
.of-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.of-progress-head h2{margin:.25rem 0 .35rem;font-size:clamp(1.45rem,4vw,2.05rem);line-height:1.08;color:#f5f7fa}
.of-progress-head p{max-width:680px;margin:0;color:#aab6c2;line-height:1.55}
.of-progress-head-status{flex:0 0 auto;padding:.45rem .72rem;border:1px solid rgba(126,240,193,.24);border-radius:999px;background:rgba(126,240,193,.08);color:#a7f5d1;font-size:.76rem;font-weight:800;letter-spacing:.02em}
.of-progress-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem}
.of-progress-panel{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(3,9,14,.48);overflow:hidden}
.of-progress-profile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}
.of-progress-score{display:flex;align-items:center;gap:1rem;padding:1.15rem;border-right:1px solid rgba(255,255,255,.08)}
.of-progress-score-ring{--of-score:0%;position:relative;display:grid;flex:0 0 116px;width:116px;aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(#ffb53d var(--of-score),rgba(255,255,255,.09) 0)}
.of-progress-score-ring:before{position:absolute;inset:8px;border-radius:inherit;background:#081017;content:""}
.of-progress-score-ring>div{position:relative;display:grid;text-align:center;line-height:1}
.of-progress-score-ring small{margin-bottom:.32rem;color:#92a1ae;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.of-progress-score-ring strong{color:#f7f9fb;font-size:2.25rem;letter-spacing:-.06em}
.of-progress-score-ring span{margin-top:.25rem;color:#7f8d99;font-size:.68rem;font-weight:700}
.of-progress-score-copy{flex:1}
.of-progress-label{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:rgba(255,181,61,.1);color:#ffc76c;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.of-progress-score-copy h3,.of-progress-focus h3,.of-progress-recent h3{margin:.45rem 0 .28rem;color:#f4f7fa;font-size:1.12rem;line-height:1.2}
.of-progress-score-copy p,.of-progress-focus p,.of-progress-empty p{margin:0;color:#9eacb8;font-size:.88rem;line-height:1.5}
.of-progress-coverage{margin-top:.85rem}
.of-progress-coverage>div:first-child,.of-progress-goal>div:first-child{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.38rem;color:#94a1ad;font-size:.76rem}
.of-progress-coverage>div:first-child strong,.of-progress-goal>div:first-child strong{color:#e9edf1}
.of-progress-coverage [role=progressbar],.of-progress-goal [role=progressbar]{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}
.of-progress-coverage i,.of-progress-goal i{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9f2e,#ffd27f)}
.of-progress-week{display:grid;align-content:center;gap:.85rem;padding:1.15rem}
.of-progress-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.of-progress-mini-grid span{display:grid;gap:.18rem;padding:.62rem;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}
.of-progress-mini-grid small{color:#82919d;font-size:.65rem;font-weight:800;line-height:1.2;text-transform:uppercase}
.of-progress-mini-grid strong{color:#f5f7fa;font-size:1.22rem}
.of-progress-goal small,.of-progress-muted{display:block;margin-top:.42rem;color:#7f8d99;font-size:.72rem;line-height:1.35}
.of-progress-detail{display:grid;grid-template-columns:1fr 1fr}
.of-progress-focus,.of-progress-recent,.of-progress-empty{padding:1.15rem}
.of-progress-focus{border-right:1px solid rgba(255,255,255,.08)}
.of-progress-card-heading{display:flex;align-items:center;gap:.65rem}
.of-progress-card-heading>span{display:grid;flex:0 0 36px;width:36px;aspect-ratio:1;place-items:center;border-radius:11px;background:rgba(255,181,61,.1);color:#ffc76c;font-weight:900}
.of-progress-card-heading small,.of-progress-empty small{color:#84939f;font-size:.66rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.of-progress-status{display:inline-flex;margin-top:.75rem;padding:.32rem .52rem;border-radius:999px;background:rgba(255,255,255,.055);color:#a8b4bf;font-size:.68rem;font-weight:800}
.of-progress-result{display:block;margin-top:.85rem;color:#f6f8fa;font-size:1.65rem;letter-spacing:-.035em}
.of-progress-trend{margin:.38rem 0 0;color:#a7b4bf;font-size:.78rem;line-height:1.4}
.of-progress-trend.positive{color:#8ae9bd}.of-progress-trend.negative{color:#ffbe87}
.of-progress-empty{display:flex;align-items:center;gap:.8rem;height:100%}
.of-progress-empty>span{display:grid;flex:0 0 42px;width:42px;aspect-ratio:1;place-items:center;border-radius:13px;background:rgba(255,255,255,.055);color:#9aa7b3;font-size:1.2rem}
.of-progress-empty strong{display:block;margin:.28rem 0;color:#f2f5f8;font-size:1rem}
.of-progress-score-empty{border-right:1px solid rgba(255,255,255,.08)}
.of-progress-actions{display:flex;align-items:center;gap:.65rem;margin-top:1rem;flex-wrap:wrap}
.of-progress-actions .primary-button,.of-progress-actions .secondary-button{min-height:44px}
.of-progress-actions>small{margin-left:auto;max-width:430px;color:#798894;font-size:.72rem;line-height:1.45;text-align:right}
.of-progress .primary-button:focus-visible,.of-progress .secondary-button:focus-visible,.of-progress a:focus-visible{outline:3px solid #f6c56e;outline-offset:3px}
@media(max-width:1100px){.of-progress-grid{grid-template-columns:1fr}.of-progress-detail{grid-template-columns:1fr 1fr}.of-progress-actions>small{margin-left:0;text-align:left}}
@media(max-width:760px){.of-progress{border-radius:18px;padding:.9rem}.of-progress-head{display:grid}.of-progress-head-status{justify-self:start}.of-progress-profile{grid-template-columns:1fr}.of-progress-score{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.of-progress-detail{grid-template-columns:1fr}.of-progress-focus{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.of-progress-score-empty{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.of-progress-actions{display:grid;grid-template-columns:1fr}.of-progress-actions .primary-button,.of-progress-actions .secondary-button{width:100%;justify-content:center}.of-progress-actions>small{margin:0}}
@media(max-width:420px){.of-progress-head p{font-size:.86rem}.of-progress-score{align-items:flex-start}.of-progress-score-ring{flex-basis:96px;width:96px}.of-progress-score-ring strong{font-size:1.85rem}.of-progress-mini-grid{grid-template-columns:1fr}.of-progress-mini-grid span{grid-template-columns:1fr auto;align-items:center}.of-progress-result{font-size:1.42rem}}
@media(max-width:340px){.of-progress{padding:.75rem}.of-progress-score{display:grid}.of-progress-score-ring{width:88px}.of-progress-focus,.of-progress-recent,.of-progress-empty,.of-progress-week,.of-progress-score{padding:.9rem}.of-progress-head-status{white-space:normal}}
@media(prefers-reduced-motion:reduce){.of-progress *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.of-progress,.of-progress-panel,.of-progress-mini-grid span{border:1px solid CanvasText}.of-progress-coverage i,.of-progress-goal i{background:Highlight}}