:is(.melody-v4,.melody-tokens) .lp-skill-pill{--lp-pill-base:var(--skill-not-started);--lp-pill-ink:var(--skill-not-started-ink);max-width:100%;min-height:24px;color:var(--lp-pill-ink);background:color-mix(in srgb,var(--lp-pill-base)16%,transparent);font-family:var(--font-sans);letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere;border-radius:999px;flex-wrap:wrap;align-items:center;gap:0 6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.35;display:inline-flex}:is(.melody-v4,.melody-tokens) .lp-skill-pill--learning{--lp-pill-base:var(--skill-learning);--lp-pill-ink:var(--skill-learning-ink)}:is(.melody-v4,.melody-tokens) .lp-skill-pill--practicing{--lp-pill-base:var(--skill-practicing);--lp-pill-ink:var(--skill-practicing-ink)}:is(.melody-v4,.melody-tokens) .lp-skill-pill--proficient{--lp-pill-base:var(--skill-proficient);--lp-pill-ink:var(--skill-proficient-ink)}:is(.melody-v4,.melody-tokens) .lp-skill-pill--mastered{--lp-pill-base:var(--skill-mastered);--lp-pill-ink:var(--skill-mastered-ink)}:is(.melody-v4,.melody-tokens) .lp-skill-pill .lp-skill-pill-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}:is(.melody-v4,.melody-tokens) .lp-skill-tag{border:1px solid var(--line);max-width:100%;min-height:28px;color:var(--text-soft);font-family:var(--font-sans);vertical-align:middle;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:0 4px 0 0;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}:is(.melody-v4,.melody-tokens) .lp-skill-tag--primary{border:1.5px solid var(--primary);color:var(--primary-ink);background:color-mix(in srgb,var(--primary)20%,transparent)}:is(.melody-v4,.melody-tokens) .lp-skill-tag-body{min-width:0;min-height:26px;color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:2px 6px 2px 10px;display:inline-flex}:is(.melody-v4,.melody-tokens) button.lp-skill-tag-body{cursor:pointer}:is(.melody-v4,.melody-tokens) button.lp-skill-tag-body:focus-visible,:is(.melody-v4,.melody-tokens) .lp-skill-tag-remove:focus-visible,:is(.melody-v4,.melody-tokens) .lp-skill-tag-promote:focus-visible,:is(.melody-v4,.melody-tokens) .lp-skill-tag-more:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:is(.melody-v4,.melody-tokens) .lp-skill-tag-role{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:500}:is(.melody-v4,.melody-tokens) .lp-skill-tag--inactive .lp-skill-tag-name{text-decoration:line-through;text-decoration-thickness:1px}:is(.melody-v4,.melody-tokens) .lp-skill-tag-inactive{white-space:nowrap;font-style:italic;font-weight:500}:is(.melody-v4,.melody-tokens) .lp-skill-tag-proposed{color:var(--skill-proposed-ink);background:color-mix(in srgb,var(--skill-proposed)16%,var(--surface-solid));font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}:is(.melody-v4,.melody-tokens) .lp-skill-tag--proposed{border-style:dashed}:is(.melody-v4,.melody-tokens) .lp-skill-tag-remove,:is(.melody-v4,.melody-tokens) .lp-skill-tag-promote{min-width:24px;min-height:24px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}:is(.melody-v4,.melody-tokens) .lp-skill-tag-remove:hover,:is(.melody-v4,.melody-tokens) .lp-skill-tag-promote:hover{background:color-mix(in srgb,var(--text)10%,transparent)}:is(.melody-v4,.melody-tokens) .lp-skill-tag-promote{opacity:0;padding:0 8px;font-size:11px;font-weight:600;transition:opacity .15s}:is(.melody-v4,.melody-tokens) .lp-skill-tag:hover .lp-skill-tag-promote,:is(.melody-v4,.melody-tokens) .lp-skill-tag:focus-within .lp-skill-tag-promote{opacity:1}@media (pointer:coarse){:is(.melody-v4,.melody-tokens) .lp-skill-tag-promote{opacity:1}}@media (prefers-reduced-motion:reduce){:is(.melody-v4,.melody-tokens) .lp-skill-tag-promote{transition:none}}:is(.melody-v4,.melody-tokens) .lp-skill-tags{flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none;display:flex}:is(.melody-v4,.melody-tokens) .lp-skill-tags>li{max-width:100%;display:inline-flex}:is(.melody-v4,.melody-tokens) .lp-skill-tag-more{font-family:var(--font-mono);cursor:pointer;padding:0 10px}:is(.melody-v4,.melody-tokens) .lp-skill-prereqs{flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none;display:flex}:is(.melody-v4,.melody-tokens) .lp-skill-prereq{color:var(--text-soft);align-items:center;gap:6px;font-size:12px;display:inline-flex}:is(.melody-v4,.melody-tokens) .lp-skill-prereq .msi{color:var(--text-soft)}:is(.melody-v4,.melody-tokens) .lp-skill-prereq a{color:var(--primary-ink);overflow-wrap:anywhere;font-weight:600;text-decoration:none}:is(.melody-v4,.melody-tokens) .lp-skill-prereq a:hover{text-decoration:underline}:is(.melody-v4,.melody-tokens) .lp-skill-prereq a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:is(.melody-v4,.melody-tokens) .lp-skill-prereqs--compact{gap:2px 12px;margin:2px 0 0}:is(.melody-v4,.melody-tokens) .lp-skill-prereqs--compact .lp-skill-prereq{gap:4px;font-size:11px;font-weight:400}:is(.melody-v4,.melody-tokens) .lp-skill-prereqs--compact .msi{font-size:14px}:is(.melody-v4,.melody-tokens) svg.lp-skill-spark[role=img]{flex:none;width:96px;height:28px;display:block;overflow:visible}:is(.melody-v4,.melody-tokens) .lp-skill-spark polygon{fill:var(--sparkline-fill);stroke:none}:is(.melody-v4,.melody-tokens) .lp-skill-spark polyline{fill:none;stroke:var(--sparkline-stroke);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}:is(.melody-v4,.melody-tokens) .lp-skill-spark circle{fill:var(--sparkline-stroke);stroke:none}