.pp-progress-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;display:grid}.pp-progress-page .pp-level-card{color:var(--pp-surface);background:radial-gradient(130% 150% at 100% 0%, var(--pp-green) 0%, var(--pp-green-ink) 60%);box-shadow:var(--pp-shadow);border-radius:22px;flex-direction:column;gap:16px;padding:26px;display:flex}.pp-progress-page .pp-level-top{align-items:center;gap:18px;display:flex}.pp-progress-page .pp-level-mark{background:var(--pp-surface);width:84px;height:84px;color:var(--pp-green-ink);box-shadow:inset 0 -5px 0 var(--pp-green-tint), 0 10px 24px color-mix(in srgb, var(--pp-ink) 25%, transparent);border-radius:24px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:2.4rem;font-weight:800;line-height:1;display:flex}.pp-progress-page .pp-level-mark small{color:var(--pp-green);margin-bottom:2px;font-size:.66rem;font-weight:800}.pp-progress-page .pp-level-name{min-width:0}.pp-progress-page .pp-level-name h2{color:var(--pp-surface);font-size:var(--pp-text-2xl);letter-spacing:-.04em;line-height:1.05}.pp-progress-page .pp-level-name p{color:var(--pp-green-tint);margin-top:4px;font-weight:650}.pp-progress-page .pp-level-ladder{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.pp-progress-page .pp-level-ladder>span{border-radius:var(--pp-r-pill);background:color-mix(in srgb, var(--pp-surface) 18%, transparent);height:14px;position:relative;overflow:hidden}.pp-progress-page .pp-level-ladder>span[data-state=done]{background:var(--pp-surface)}.pp-progress-page .pp-level-ladder-fill{border-radius:inherit;background:var(--pp-surface);transition:width .6s var(--pp-ease);position:absolute;inset:0 auto 0 0}.pp-progress-page .pp-level-next{color:var(--pp-green-tint);font-size:var(--pp-text-sm)}.pp-progress-page .pp-level-next strong{color:var(--pp-surface)}.pp-progress-page .pp-level-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0;display:grid}.pp-progress-page .pp-level-stats>div{background:color-mix(in srgb, var(--pp-surface) 12%, transparent);border-radius:12px;padding:10px 12px}.pp-progress-page .pp-level-stats dt{font-size:var(--pp-text-xs);color:var(--pp-green-tint);font-weight:650}.pp-progress-page .pp-level-stats dd{font-size:var(--pp-text-lg);color:var(--pp-surface);margin:0;font-weight:800}.pp-progress-page .pp-activity-card{background:var(--pp-surface);border:1px solid var(--pp-line);box-shadow:var(--pp-shadow-sm);border-radius:22px;flex-direction:column;gap:18px;padding:22px;display:flex}.pp-progress-page .pp-activity-streak{background:var(--pp-amber-tint);border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.pp-progress-page .pp-activity-streak>div{flex-direction:column;display:flex}.pp-progress-page .pp-activity-streak strong{color:var(--pp-ink);letter-spacing:-.04em;font-size:2.2rem;font-weight:800;line-height:1}.pp-progress-page .pp-activity-streak span{font-size:var(--pp-text-sm);color:var(--pp-amber);font-weight:700}.pp-progress-page .pp-activity-flame{background:var(--pp-surface);width:56px;height:56px;color:var(--pp-faint);box-shadow:inset 0 -4px 0 var(--pp-line-soft);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.pp-progress-page .pp-activity-flame[data-on=true]{color:var(--pp-amber);animation:2.4s ease-in-out infinite pp-progress-flicker}@keyframes pp-progress-flicker{50%{transform:scale(1.06)rotate(-3deg)}}.pp-progress-page .pp-activity-days{flex-direction:column;gap:10px;display:flex}.pp-progress-page .pp-activity-days-head{align-items:baseline;gap:8px;display:flex}.pp-progress-page .pp-activity-days-head strong{font-size:var(--pp-text-xl);color:var(--pp-ink);font-weight:800}.pp-progress-page .pp-activity-days-head span{font-size:var(--pp-text-sm);color:var(--pp-muted);font-weight:650}.pp-progress-page .pp-activity-pips{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.pp-progress-page .pp-activity-pips>span{aspect-ratio:1;background:var(--pp-surface-sunk);border-radius:6px;max-height:22px}.pp-progress-page .pp-activity-pips>span[data-on=true]{background:var(--pp-green);box-shadow:inset 0 -3px 0 var(--pp-green-ink)}.pp-progress-page .pp-progress-section{margin-top:44px}.pp-progress-page .pp-progress-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;margin-bottom:16px;display:flex}.pp-progress-page .pp-progress-section-head>div{flex:420px;min-width:0}.pp-progress-page .pp-progress-section-head h2{font-size:var(--pp-text-xl);letter-spacing:-.03em;align-items:center;gap:9px;display:inline-flex}.pp-progress-page .pp-progress-section-head h2 svg{color:var(--pp-green)}.pp-progress-page .pp-progress-section-head p{font-size:var(--pp-text-sm);max-width:78ch;margin-top:4px}.pp-progress-page .pp-skill-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;display:grid}.pp-progress-page .pp-skill-card{background:var(--pp-surface);border:1px solid var(--pp-line);box-shadow:0 3px 0 var(--pp-line);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.pp-progress-page .pp-skill-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pp-progress-page .pp-skill-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.pp-progress-page .pp-skill-score{flex-direction:column;align-items:flex-end;display:flex}.pp-progress-page .pp-skill-score strong{color:var(--pp-green-ink);letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1}.pp-progress-page .pp-skill-card[data-fading=true] .pp-skill-score strong{color:var(--pp-amber)}.pp-progress-page .pp-skill-bar{border-radius:var(--pp-r-pill);background:var(--pp-surface-sunk);height:12px;overflow:hidden}.pp-progress-page .pp-skill-bar>span{border-radius:inherit;background:var(--pp-green);height:100%;box-shadow:inset 0 3px 0 color-mix(in srgb, var(--pp-surface) 28%, transparent);display:block}.pp-progress-page .pp-skill-card[data-fading=true] .pp-skill-bar>span{background:var(--pp-amber)}.pp-progress-page .pp-skill-fresh{flex-direction:column;gap:8px;display:flex}.pp-progress-page .pp-skill-fresh-chip{border-radius:var(--pp-r-pill);font-size:var(--pp-text-xs);background:var(--pp-green-tint);color:var(--pp-green-ink);align-self:flex-start;align-items:center;gap:5px;padding:3px 10px;font-weight:750;display:inline-flex}.pp-progress-page .pp-skill-fresh-chip[data-fading=true]{background:var(--pp-amber-tint);color:var(--pp-amber)}.pp-progress-page .pp-skill-timeline{border-radius:var(--pp-r-pill);background:linear-gradient(90deg, var(--pp-green) 0 50%, var(--pp-amber-tint) 50% 100%);height:6px;position:relative}.pp-progress-page .pp-skill-timeline-marker{background:var(--pp-surface);border:3px solid var(--pp-ink);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;translate:-50% -50%}.pp-progress-page .pp-skill-timeline-labels{color:var(--pp-faint);justify-content:space-between;font-size:.7rem;font-weight:700;display:flex}.pp-progress-page .pp-evidence{border-top:1px solid var(--pp-line-soft);font-size:var(--pp-text-sm);color:var(--pp-text);flex-direction:column;gap:8px;margin:0;padding:12px 0 0;list-style:none;display:flex}.pp-progress-page .pp-evidence li{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.pp-progress-page .pp-sharing{flex-direction:column;gap:12px;margin-top:16px;padding:18px 20px;display:flex}.pp-progress-page .pp-sharing-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pp-progress-page .pp-sharing-list{font-size:var(--pp-text-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.pp-progress-page .pp-sharing-list li{align-items:center;gap:8px;display:flex}.pp-progress-page .pp-sharing-list li svg{color:var(--pp-faint)}.pp-progress-page .pp-sharing-list li[data-on=true] svg{color:var(--pp-green)}.pp-progress-page .pp-badge-shelf{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:22px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 14px;margin:0;padding:22px;list-style:none;display:grid}.pp-progress-page .pp-badge{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:6px 4px;display:flex}.pp-progress-page .pp-badge .pp-medal{transition:transform .25s var(--pp-ease);margin-bottom:6px}.pp-progress-page .pp-badge[data-earned=true]:hover .pp-medal{transform:translateY(-3px)rotate(-4deg)}.pp-progress-page .pp-badge strong{color:var(--pp-ink);font-size:var(--pp-text-sm);line-height:1.3}.pp-progress-page .pp-badge[data-earned=false] strong{color:var(--pp-muted)}.pp-progress-page .pp-badge-desc{line-height:1.4}.pp-progress-page .pp-badge-state{border-radius:var(--pp-r-pill);background:var(--pp-green-tint);color:var(--pp-green-ink);font-size:var(--pp-text-xs);margin-top:2px;padding:2px 10px;font-weight:800}.pp-progress-page .pp-badge-progress{align-items:center;gap:8px;width:100%;max-width:140px;margin-top:2px;display:flex}.pp-progress-page .pp-badge-bar{border-radius:var(--pp-r-pill);background:var(--pp-surface-sunk);flex:1;height:6px;overflow:hidden}.pp-progress-page .pp-badge-bar>span{border-radius:inherit;background:var(--pp-faint);height:100%;display:block}.pp-progress-page .pp-badge-progress small{white-space:nowrap;font-weight:750}@media (max-width:860px){.pp-progress-top{grid-template-columns:1fr}}@media (max-width:520px){.pp-progress-page .pp-level-card{padding:20px 16px}.pp-progress-page .pp-level-mark{border-radius:20px;width:68px;height:68px;font-size:2rem}.pp-progress-page .pp-level-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.pp-progress-page .pp-level-stats>div{padding:8px}.pp-progress-page .pp-badge-shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 12px}}