.hover-preview.svelte-bdr9b9 {
		position: fixed;
		z-index: 10000;
		min-width: 240px;
		max-width: 300px;
		background: var(--color-surface, #ffffff);
		border: 1px solid var(--color-border, #e8e6dd);
		border-radius: 12px;
		padding: 12px 14px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
		font-family: 'Inter', -apple-system, system-ui, sans-serif;
		font-size: 12.5px;
		color: var(--color-ink, #2c2c2c);
		pointer-events: none;
	}
	.hp-row.svelte-bdr9b9 {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.hp-avatar.svelte-bdr9b9 {
		width: 32px;
		height: 32px;
		border-radius: 999px;
		background: var(--color-accent, #c96342);
		color: #fff;
		display: grid;
		place-items: center;
		font-weight: 700;
		font-size: 11px;
		flex-shrink: 0;
	}
	.hp-id.svelte-bdr9b9 { flex: 1; min-width: 0; }
	.hp-name.svelte-bdr9b9 {
		font-weight: 600;
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.hp-role.svelte-bdr9b9 {
		color: var(--color-muted, #6f6e69);
		font-size: 11.5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.hp-score.svelte-bdr9b9 {
		background: var(--color-accent-soft, #fdebe1);
		color: var(--color-accent-ink, #b04f30);
		padding: 3px 9px;
		border-radius: 999px;
		font-weight: 700;
		font-size: 11px;
	}
	.hp-meta.svelte-bdr9b9 {
		margin-top: 6px;
		color: var(--color-muted, #6f6e69);
		font-size: 11.5px;
		display: flex;
		gap: 4px;
		flex-wrap: wrap;
	}
	.hp-skills.svelte-bdr9b9 {
		margin-top: 8px;
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
	}
	.hp-skill.svelte-bdr9b9 {
		background: var(--color-surface-warm, #f4f3ee);
		border: 1px solid var(--color-border, #e8e6dd);
		padding: 2px 8px;
		border-radius: 999px;
		font-size: 10.5px;
		color: var(--color-ink-soft, #4a4a48);
	}