.prac{--prac-ink:#171514;--prac-muted:#9a948c;--prac-orange:#ff5a1f;--prac-amber:#ff8a00;--prac-teal:#14b8a6;--prac-line:rgba(23,21,20,0.08);--prac-ease:cubic-bezier(0.2,0.8,0.2,1);width:100%;max-width:380px;margin-inline:auto;padding:22px 22px 20px;border-radius:var(--radius-2xl,24px);background:var(--canvas,#fff);border:1px solid var(--line-grey,rgba(23,21,20,.08));box-shadow:var(--shadow-card,0 20px 50px -28px rgba(23,21,20,.28));font-family:var(--font-sans,"Manrope",system-ui,sans-serif)}.prac-head{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.prac-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--prac-ink)}.prac-sub{font-size:12px;font-weight:500;color:var(--prac-muted)}.prac-top{display:flex;align-items:center;gap:18px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--prac-line)}.prac-ring-wrap{position:relative;flex:none}.prac-ring,.prac-ring-wrap{width:64px;height:64px}.prac-ring-track{fill:none;stroke:rgba(23,21,20,.08);stroke-width:6}.prac-ring-arc{fill:none;stroke:var(--prac-orange);stroke-width:6;stroke-linecap:round}.prac-ring-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.prac-ring-core b{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--prac-ink);font-variant-numeric:tabular-nums;line-height:1}.prac-ring-core span{font-size:8px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--prac-muted)}.prac-sessions{display:flex;flex-direction:column;gap:7px}.prac-sessions-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--prac-muted)}.prac-dots{display:inline-flex;gap:6px}.prac-dot{width:16px;height:16px;border-radius:999px;background:rgba(23,21,20,.08)}.prac-dot--on{background:linear-gradient(135deg,var(--prac-orange),var(--prac-amber))}.prac-sessions-count{font-size:12px;font-weight:700;color:var(--prac-ink)}.prac-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.prac-xp b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--prac-orange);font-variant-numeric:tabular-nums;line-height:1.05}.prac-xp span{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--prac-muted)}.prac-score{display:flex;align-items:center;gap:10px}.prac-spark{width:88px;height:30px}.prac-spark-line{stroke:var(--prac-teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.prac-spark-dot{fill:var(--prac-teal);stroke:#fff;stroke-width:1.5}.prac-score-meta{text-align:right}.prac-score-meta b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--prac-ink);font-variant-numeric:tabular-nums;line-height:1.05}.prac-score-meta span{font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--prac-teal)}@media (prefers-reduced-motion:no-preference){.prac-ring-arc{transition:stroke-dashoffset .9s var(--prac-ease) .2s}.prac:not([data-in-view=true]) .prac-ring-arc{stroke-dashoffset:163.4}.prac-dot--on{opacity:0;transform:scale(.6)}.prac[data-in-view=true] .prac-dot--on{animation:prac-pop .4s var(--prac-ease) forwards}.prac-spark-line{stroke-dasharray:1;stroke-dashoffset:1}.prac[data-in-view=true] .prac-spark-line{transition:stroke-dashoffset .9s var(--prac-ease) .4s;stroke-dashoffset:0}.prac-spark-dot{opacity:0}.prac[data-in-view=true] .prac-spark-dot{animation:prac-fade .3s var(--prac-ease) 1.2s forwards}}@keyframes prac-pop{60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes prac-fade{to{opacity:1}}.prac--bare{max-width:none;padding:0;border:0;background:none;box-shadow:none}