.spr{display:flex;flex-direction:column;gap:1rem}.spr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:.5rem}.spr-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.375rem;font-weight:700;color:var(--dash-text);margin:0;letter-spacing:-.02em}.spr-sub{font-size:.875rem;color:var(--dash-text-muted);margin:4px 0 0}.spr-score{text-align:center;flex-shrink:0}.spr-score-value{display:block;font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.spr-score[data-zone=high] .spr-score-value{color:var(--dash-success)}.spr-score[data-zone=mid] .spr-score-value{color:var(--dash-purple)}.spr-score[data-zone=low] .spr-score-value{color:var(--dash-accent)}.spr-score-label{font-size:.8rem;font-weight:800;color:var(--dash-text-muted);margin-top:2px;letter-spacing:.04em;text-transform:uppercase}.spr-overall{height:12px;border-radius:999px;background:var(--dash-border);overflow:hidden;margin-bottom:1rem}.spr-overall-fill{height:100%;border-radius:999px;transition:width 1s ease-in-out}.spr-overall-fill[data-zone=high]{background:linear-gradient(90deg,var(--dash-success),#10b981)}.spr-overall-fill[data-zone=low]{background:linear-gradient(90deg,var(--dash-accent),var(--dash-warning))}.spr-section-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1rem;font-weight:700;color:var(--dash-text);margin:0 0 1rem}.spr-section-title-spaced{margin-top:.75rem}.spr-roadmap{background:var(--dash-surface-solid);border:1px solid var(--dash-border);border-radius:16px;overflow:hidden;box-shadow:var(--dash-card-shadow);margin-bottom:1.25rem}.spr-roadmap-bar{height:4px;background:linear-gradient(90deg,var(--dash-accent),var(--dash-purple),var(--dash-info),var(--dash-success))}.spr-roadmap-body{padding:1.25rem 1.5rem}.spr-milestones{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.spr-milestone{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:14px;border:1px solid var(--dash-border);background:var(--dash-surface);transition:opacity .2s ease-in-out}.spr-milestone[data-status=done]{background:color-mix(in srgb,var(--dash-success) 4%,transparent);border-color:color-mix(in srgb,var(--dash-success) 18%,transparent)}.spr-milestone[data-status=next]{background:color-mix(in srgb,var(--dash-accent) 4%,transparent);border-color:color-mix(in srgb,var(--dash-accent) 18%,transparent)}.spr-milestone[data-status=locked]{opacity:.5}.spr-milestone-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--dash-surface-solid);border:2px solid var(--dash-border);color:var(--dash-text-muted)}.spr-milestone[data-status=done] .spr-milestone-icon{background:var(--dash-success);border-color:var(--dash-success);color:#ffffff}.spr-milestone[data-status=next] .spr-milestone-icon{background:#ffffff;border-color:var(--dash-accent);color:var(--dash-accent)}.spr-milestone-text{flex:1;min-width:0}.spr-milestone-label{font-size:.8125rem;font-weight:800;color:var(--dash-text);margin-bottom:2px}.spr-milestone-desc{font-size:.8rem;color:var(--dash-text-muted);line-height:1.35}.spr-milestone-status{display:block;font-size:.8rem;font-weight:700;margin-top:4px}.spr-milestone-status-done{color:var(--dash-success)}.spr-milestone-status-next{color:var(--dash-accent)}.spr-categories{display:flex;flex-direction:column;gap:1rem}.spr-cat{background:var(--dash-surface-solid);border:1px solid var(--dash-border);border-radius:16px;overflow:hidden;box-shadow:var(--dash-card-shadow)}.spr-cat-bar{height:4px}.spr-cat[data-tone=accent] .spr-cat-bar{background:var(--dash-accent)}.spr-cat[data-tone=violet] .spr-cat-bar{background:#a855f7}.spr-cat[data-tone=info] .spr-cat-bar{background:var(--dash-info)}.spr-cat[data-tone=purple] .spr-cat-bar{background:var(--dash-purple)}.spr-cat[data-tone=success] .spr-cat-bar{background:var(--dash-success)}.spr-cat[data-tone=default] .spr-cat-bar{background:var(--dash-text-muted)}.spr-cat-body{padding:1.25rem 1.5rem}.spr-cat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.spr-cat-title-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:4px}.spr-cat-title{display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:700;color:var(--dash-text);margin:0}.spr-cat-flame{color:var(--dash-accent)}.spr-cat-flame[data-glow=true]{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--dash-accent) 60%,transparent))}.spr-cat-mastery{font-size:.8rem;font-weight:800;padding:2px .625rem;border-radius:999px;border:1px solid}.spr-cat-mastery[data-bucket=mastered],.spr-cat-mastery[data-bucket=proficient]{background:color-mix(in srgb,var(--dash-success) 14%,transparent);color:var(--dash-success);border-color:color-mix(in srgb,var(--dash-success) 28%,transparent)}.spr-cat-mastery[data-bucket=developing]{background:color-mix(in srgb,var(--dash-warning) 14%,transparent);color:var(--dash-warning);border-color:color-mix(in srgb,var(--dash-warning) 28%,transparent)}.spr-cat-mastery[data-bucket=needs-work]{background:color-mix(in srgb,var(--dash-danger) 14%,transparent);color:var(--dash-danger);border-color:color-mix(in srgb,var(--dash-danger) 28%,transparent)}.spr-cat-mastery[data-bucket=not-started]{background:color-mix(in srgb,var(--dash-text-muted) 12%,transparent);color:var(--dash-text-muted);border-color:color-mix(in srgb,var(--dash-text-muted) 22%,transparent)}.spr-cat-meta{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;font-size:.8rem;color:var(--dash-text-muted)}.spr-cat-meta-score{font-weight:700}.spr-cat-meta-score[data-bucket=mastered],.spr-cat-meta-score[data-bucket=proficient]{color:var(--dash-success)}.spr-cat-meta-score[data-bucket=developing]{color:var(--dash-warning)}.spr-cat-meta-score[data-bucket=needs-work]{color:var(--dash-danger)}.spr-cat-meta-score[data-bucket=not-started]{color:var(--dash-text-muted)}.spr-cat-pct{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.75rem;font-weight:700;flex-shrink:0}.spr-cat-pct[data-bucket=mastered],.spr-cat-pct[data-bucket=proficient]{color:var(--dash-success)}.spr-cat-pct[data-bucket=developing]{color:var(--dash-warning)}.spr-cat-pct[data-bucket=needs-work],.spr-cat-pct[data-bucket=not-started]{color:var(--dash-accent)}.spr-cat-progress{height:8px;border-radius:999px;background:var(--dash-border);overflow:hidden;margin-bottom:.875rem}.spr-cat-progress-fill{height:100%;border-radius:999px;transition:width 1s ease-in-out}.spr-cat-progress-fill[data-tone=accent]{background:linear-gradient(90deg,color-mix(in srgb,var(--dash-accent) 60%,transparent),var(--dash-accent))}.spr-cat-progress-fill[data-tone=violet]{background:linear-gradient(90deg,color-mix(in srgb,#a855f7 60%,transparent),#a855f7)}.spr-cat-progress-fill[data-tone=info]{background:linear-gradient(90deg,color-mix(in srgb,var(--dash-info) 60%,transparent),var(--dash-info))}.spr-cat-progress-fill[data-tone=purple]{background:linear-gradient(90deg,color-mix(in srgb,var(--dash-purple) 60%,transparent),var(--dash-purple))}.spr-cat-progress-fill[data-tone=success]{background:linear-gradient(90deg,color-mix(in srgb,var(--dash-success) 60%,transparent),var(--dash-success))}.spr-drill{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.875rem}.spr-drill-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4375rem .5rem;border-radius:8px;background:color-mix(in srgb,var(--dash-border) 40%,transparent)}.spr-drill-name{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;font-weight:600;color:var(--dash-text);background:none;border:none;padding:0;text-align:left;min-width:0}.spr-drill-name[data-expandable=true]{cursor:pointer}.spr-drill-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spr-drill-chev{flex-shrink:0;color:var(--dash-text-muted);transition:transform var(--mode-transition)}.spr-drill-chev[data-open=true]{transform:rotate(90deg)}.spr-drill-meta{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.spr-drill-bar{width:72px;height:6px;border-radius:999px;background:var(--dash-border);overflow:hidden}.spr-drill-bar-fill{height:100%;border-radius:999px;transition:width 1s ease-in-out}.spr-drill-bar-fill[data-bucket=mastered],.spr-drill-bar-fill[data-bucket=proficient]{background:var(--dash-success)}.spr-drill-bar-fill[data-bucket=developing]{background:var(--dash-warning)}.spr-drill-bar-fill[data-bucket=needs-work]{background:var(--dash-danger)}.spr-drill-bar-fill[data-bucket=not-started]{background:var(--dash-text-muted)}.spr-drill-score{font-size:.8rem;font-weight:700;width:2.75rem;text-align:right}.spr-drill-score[data-bucket=mastered],.spr-drill-score[data-bucket=proficient]{color:var(--dash-success)}.spr-drill-score[data-bucket=developing]{color:var(--dash-warning)}.spr-drill-score[data-bucket=needs-work]{color:var(--dash-danger)}.spr-drill-score[data-bucket=not-started],.spr-drill-untested{color:var(--dash-text-muted)}.spr-drill-untested{font-size:.8rem;font-style:italic}.spr-drill-focus{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;color:var(--dash-accent);background:color-mix(in srgb,var(--dash-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--dash-accent) 24%,transparent);border-radius:999px;padding:2px .625rem;cursor:pointer;transition:background var(--mode-transition),color var(--mode-transition)}.spr-drill-focus:hover{background:color-mix(in srgb,var(--dash-accent) 20%,transparent)}.spr-drill-fines{display:flex;flex-direction:column;gap:.1875rem;margin:.1875rem 0 .25rem .75rem;padding-left:.75rem;border-left:2px solid var(--dash-border)}.spr-drill-fine{background:transparent;padding:.3125rem .5rem}.spr-drill-fine-name{font-weight:500;color:var(--dash-text-muted);cursor:default}.spr-cat-actions{display:flex;gap:1rem;padding-top:.75rem;border-top:1px solid var(--dash-border)}.spr-action{display:inline-flex;align-items:center;gap:.3125rem;padding:0;background:none;border:none;font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:opacity .2s ease-in-out}.spr-action:hover{opacity:.8}.spr-action-info{color:var(--dash-info)}.spr-action-purple{color:var(--dash-purple)}.spr-action-accent{color:var(--dash-accent)}.spr-journal{border:1px solid var(--dash-border);border-radius:16px;background:var(--dash-surface-solid);box-shadow:var(--dash-card-shadow);padding:1.125rem 1.25rem}.spr-journal-title{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:1.0625rem;font-weight:700;color:var(--dash-text);margin:0}.spr-journal-sub{font-size:.8125rem;color:var(--dash-text-muted);margin:4px 0 0;max-width:46rem}.spr-journal-empty{margin-top:.875rem;font-size:.875rem;color:var(--dash-text-muted)}.spr-journal-list{list-style:none;margin:.875rem 0 0;padding:0;display:flex;flex-direction:column}.spr-journal-row{display:flex;flex-direction:column;gap:.375rem;padding:.75rem 0;border-top:1px solid var(--dash-border)}.spr-journal-row[data-cleared=true]{opacity:.55}.spr-journal-stem{font-size:.875rem;color:var(--dash-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spr-journal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.spr-journal-chip{font-size:.8rem;font-weight:600;color:var(--dash-text-muted);border:1px solid var(--dash-border);border-radius:999px;padding:.125rem .5625rem}.spr-journal-chip-hard{color:var(--dash-purple);border-color:currentColor}.spr-journal-streak{display:inline-flex;align-items:center;gap:.25rem}.spr-journal-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--dash-border);background:transparent}.spr-journal-dot[data-filled=true]{background:var(--dash-success);border-color:var(--dash-success)}.spr-journal-due{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--dash-text-muted)}.spr-journal-due[data-due=true]{color:var(--dash-accent)}